@extends('layouts.app')
@section('content')

    <div class="row pt-2 pb-2">
        <div class="col-sm-9">
            <h4 class="page-title">Dashboard Pembayaran SPP - {{$biodata[0]->siswa_name}}</h4>
		</div>
        <div class="col-sm-3">
        
        </div>
    </div>
    <!-- End Breadcrumb-->

    <div class="row">
        <div class="col-lg-4">
            {{-- dd($biodata[0]->psb_id) --}}
            <div class="card">
                <img src="{{asset('upload_file_psb/'.$biodata[0]->siswa_foto.'')}}" class="card-img-top border-bottom" alt="Card image cap">
            <div class="card-body pt-3">
                <h5 class="card-title">{{$biodata[0]->siswa_name}} - Kelas {{$biodata[0]->class_name}}</h5>
                <p class="card-text">{{$biodata[0]->siswa_address}}</p>
            </div>

            <div class="card-body border-top border-light">
                    <div class="media align-items-center">
                        <div><span class=" fa fa-table skill-img"></span></div>
                        <div class="media-body text-left ml-3">
                        <div class="progress-wrapper">
                            <b>Tempat Tanggal Lahir</b>
                            <p>{{$biodata[0]->siswa_birth_place}}, {{date('d-m-Y',strtotime($biodata[0]->siswa_birth_date))}}</p>
                        </div>                   
                    </div>
                    </div>
                    <hr>
                    <div class="media align-items-center">
                    <div><span class=" fa fa-id-card skill-img"></span></div>
                        <div class="media-body text-left ml-3">
                        <div class="progress-wrapper">
                            <b>NIK</b>
                            <p>{{$biodata[0]->siswa_nik}}</p>
                        </div>                   
                    </div>
                    </div>
                    <hr>
                    <div class="media align-items-center">
                    <div><span class=" fa fa-phone skill-img"></span></div>
                        <div class="media-body text-left ml-3">
                        <div class="progress-wrapper">
                            <b>No. Telepon</b>
                            <p>{{$biodata[0]->siswa_nohp}}</p>
                        </div>                   
                    </div>
                    </div>
                    
                </div>
        </div>

    </div>

    <div class="col-lg-8">
        <div class="card">
            <div class="card-header gradient-meridian">
                <h5 class="text-center text-white">Tagihan SPP Bulanan</h5>
            </div>
            <div class="card-body">
                @if (empty($tagihan[0]))
                    <div class="alert alert-danger alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        <div class="alert-icon">
                            <i class="icon-info"></i>
                        </div>
                        <div class="alert-message">
                            <span><strong>Perhatian!</strong> Belum input data Tagihan SPP.</span>
                        </div>
                    </div>
                @else
                        <div class="table-responsive">
                            <table class="table table-bordered" id="table_tagihan" width="100%">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th style="display: none;">Siswa ID</th>
                                        <th><strong>Tagihan Bulanan</strong></th>
                                        <th><strong>Biaya</strong></th>
                                        <th><strong>Sisa</strong></th>
                                        <th><strong>Status</strong></th>
                                    </tr>
                                </thead>
                                <tbody>                                    
                                        <tr>
                                            <td class="tableClick"></td>
                                            <td style="display: none;">{{$tagihan[0]->siswa_id}}</td>
                                            <td>
                                                {{-- Rp {{number_format($tagihan[0]->jumlah)}} --}}
                                                {{$biayaspp[0]->biaya_spp_name}}
                                            </td>
                                            <td>
                                                Rp {{number_format($tagihan[0]->jumlah)}}
                                                
                                            </td>
                                            <td>
                                                Rp {{number_format($tagihan[0]->sisa)}}
                                            </td>
                                            <td>
                                                @if($tagihan[0]->sisa>0)
                                                    <h5><span class="badge badge-danger status">Belum Lunas</span></h5>
                                                @else
                                                    <h5><span class="badge badge-success status">Lunas</span></h5>
                                                @endif  
                                            </td>
                                        </tr>                    
                                </tbody> 
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light waves-effect waves-light m-1" name="Cetak Invoice"> <i class="fa fa-print"></i> Cetak Invoice</button>
                            <!-- Button trigger modal -->
                            @if($tagihan[0]->sisa>0)
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#infoModal">
                                <i class="fa fa-money"></i> Bayar Tagihan
                            </button>
                            @else
                            <button type="button" class="btn btn-primary" disabled data-toggle="modal" data-target="#infoModal">
                                <i class="fa fa-money"></i>  Bayar Tagihan
                            </button>
                        @endif
                    </div>   
                @endif
                

                <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" style="max-width: 70%;" role="document">

                    <div class="modal-content">
                        <div class="modal-header bg-info">
                        <h5 class="modal-title text-white" id="exampleModalLabel">Form Pembayaran</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        </div>
                        <div class="modal-body">
                            <form id="bayar-all-tagihan">
                            @csrf  
                            @method('PUT')
                            <div class="col-4">
                                <div class="form-group row">
                                    <label>Tipe Pembayaran</label>
                                    <select name="transaksi_tipe_pembayaran" class="form-control select-select" id="tipe_pembayaran">
                                        <option value="0">Tunai</option>
                                        <option value="1">Non Tunai</option>
                                    </select>
                                    <input type="hidden" name="sis_id" id="sis_id" value="{{$siswa_id->siswa_id}}">
                                </div>
                                <div class="bayar 1" style="display: none;">
                                    <div class="form-group row">
                                        <label>No Kartu</label>
                                        <input type="text" name="transaksi_no_kartu_atm" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <table>
                                <table class="table table-responsive">
                                    <thead>
                                        <tr>
                                            <th scope="col">#</th>
                                            <th scope="col" style="display: none;">Id Tagihan</th>
                                            <th scope="col">Nama Tagihan</th>
                                            <th scope="col">Jumlah Tagihan</th>
                                            <th scope="col" width="10%">Diskon</th>
                                            <th scope="col">Total (Jumlah - Diskon)</th>    
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $row=100; @endphp
                                        @foreach ($detail_tagihan as $dt)
                                        @if($dt->tagihan_sisa > 0)
                                        <tr id="baris-{{$row++}}">
                                            <th scope="row"><input id="ceklist" onchange="cek(this, {{$row}})" type="checkbox"></th>
                                            <th style="display: none;"><input type="hidden" name="tagihan_id[]" value="{{$dt->tagihan_id}}"></th>
                                            <td>
                                                {{$dt->tagihan_name}}
                                            </td>
                                            <td><input type="text" class="form-control number_valid_char money" name="jumlahtagihan[]" id="jumlahtagihan{{$row}}" value="{{$dt->tagihan_jumlah}}" readonly></td>
                                            <td><input type="text" readonly class="form-control number_valid_char" name="diskon[]" id="diskon{{$row}}" onchange="hitung_diskon(this, {{$row}})" value="0"></td>
                                        <td><input type="text" readonly class="form-control number_valid_char money" name="nilai_bayar[]" id="bayar{{$row}}" value="0"></td>
                                        </tr>
                                        @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </table>
                            <table class="table table-striped table-bordered custom-table mb-0" >
                                <thead>
                                    <tr>
                                        <th width="70%" style="text-align: right;">Total</th>
                                        <th><input type="text" name="grand_total" id="grand_total" value="0" readonly class="form-control money"></th>
                                    </tr>
                                    <tr>
                                        <th width="70%" style="text-align: right;">Bayar</th>
                                        <th><input type="text" name="total_dibayarkan" class="form-control money" id="total_dibayarkan" oninput="hitung_kembalian()"></th>
                                    </tr>
                                    <tr class="kembalian">
                                        <th width="70%" style="text-align: right;">Kembalian</th>
                                        <th><input type="text" name="total_kembali" readonly class="form-control money" id="total_kembali"></th>
                                    </tr>
                                    <tr>
                                        <th colspan="2">
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-dark text-white" data-dismiss="modal">Close</button>
                                                <button type="button" class="btn btn-primary submit-btn" onclick="save_all_tagihan()">Bayar</button>
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </form>
                    </div>
                    </div>
                </div>
        </div>
    </div>    
        
    <div class="modal fade" id="warningmodal"><!--Warning Modal -->
        <div class="modal-dialog modal-lg">
            <div class="modal-content border-warning">
            <div class="modal-header bg-warning">
                <h5 class="modal-title text-white">Form Pembayaran</h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container">
                    <div class="row border">
                        <div class="col">
                            <div class="form-group">
                                <form id="bayar-tagihan">
                                @csrf  
                                @method('PUT')
                                <label>Nama Biaya</label>
                                <input type="hidden" name="tagihan_id" id="tagihanid" class="form-control">
                                <input type="text" name="tagihan_name" id="namabiaya" class="form-control" readonly>                                 
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label>Jumlah</label>
                                <input type="text" name="tagihan_jumlah" id="tagihan_jumlah" class="form-control number_valid_char money" readonly>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label>Diskon (%)</label>
                                <input type="text" name="transaksi_diskon" id="tagihan_diskon" onchange="hitung()" class="form-control number_valid_char money">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                                <label>Total</label>
                                <input type="text" name="total_diskon" readonly id="hidetotal" class="form-control number_valid_char money">
                        </div>
                        <div class="col border-left">                            
                            <div class="form-group">
                                <label>Tipe Pembayaran</label>
                                <select name="transaksi_tipe_pembayaran" class="form-control select-select" id="transaksi_tipe_pembayaran">
                                    <option value="0">Tunai</option>
                                    <option value="1">Non Tunai</option>
                                </select>
                            </div>
                            <div class="nontunai" style="display: none;">
                                <div class="form-group">
                                    <label>No Kartu</label>
                                    <input type="text" name="transaksi_no_kartu_atm" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col border-left border-right">                            
                            <div class="form-group">
                                <label>Bayar</label>
                                <input type="text" name="transaksi_bayar" id="tagihan_bayar" oninput="hitung_kembali()" class="form-control number_valid_char money">
                            </div>
                            <div class="tunai" style="display: none;">
                                <div class="form-group">
                                    <label>Kembali</label>
                                    <input type="text" name="transaksi_kembali" id="tagihan_kembali" class="form-control number_valid_char money">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                
            <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                <button type="button" class="btn btn-primary submit-btn" onclick="save_tagihan()"><i class="fa fa-check-square-o"></i> Save changes</button>
            </div>
            </form>
            </div>
        </div>
        </div><!--End Modal -->   

    </div>
    
@endsection
@section('js')
<script type="text/javascript">

$(document).ready(function() {
    $('#tbl_tagihan').DataTable( {
        "scrollY": 200,
        "scrollX": true,
        bFilter: false, 
        bInfo: false,
        "ordering": false,
        paging:false
    } );

} );

function cek (e, row)
{
    
    if(e.checked){
        var grand_ttl = $('#grand_total').val();
        var jumlahtagihan = $('#jumlahtagihan'+row+'').val();
        $('#diskon'+row+'').prop("readonly", false);
        $('#dibayarkan'+row+'').prop("readonly", false);

        $('#bayar'+row+'').val(jumlahtagihan);

        var total_a=0;
        $("input[name^='nilai_bayar']").each(function () {
           total_a += parseFloat($(this).val());
        })
        $('[name="grand_total"]').val(total_a);

        var total_b=0;
        $("input[name^='dibayarkan']").each(function () {
           total_b += parseFloat($(this).val());
        })
        $('[name="total_dibayarkan"]').val(total_b);
        hitung_kembalian();

    } else {
        var grand_ttl = $('#grand_total').val();
        var jumlahtagihan = $('#jumlahtagihan'+row+'').val();
        var byr = $('#bayar'+row+'').val();

        var total_a=0;
        var total_a = parseFloat(grand_ttl) - parseFloat(byr);

        $('[name="grand_total"]').val(total_a);

        
        $('#diskon'+row+'').prop("readonly", true);
        $('#dibayarkan'+row+'').prop("readonly", true);
        $('#diskon'+row+'').val(0);
        $('#dibayarkan'+row+'').val(0);
        $('#bayar'+row+'').val(0);
    }

}
function hitung_diskon(e, row) {
    var diskon = $(e).val();
    var jumlahtagihan = $('#jumlahtagihan'+row+'').val();
    total_all = parseFloat(jumlahtagihan) - (parseFloat(diskon)/100) * parseFloat(jumlahtagihan);
    $('#bayar'+row+'').val(total_all);

    var grand_ttl = $('#grand_total').val();
    var bayar = $('#bayar'+row+'').val();

    var total_a=0;
    var total_a = parseFloat(grand_ttl) - (parseFloat(diskon)/100) * parseFloat(jumlahtagihan);

    $('[name="grand_total"]').val(total_a);

}

function hitung_kembalian() {
    var t = $('#total_dibayarkan').val(); 
    var z = $('#grand_total').val();
    var total = parseFloat(t)-parseFloat(z);
    $('#total_kembali').val(total);
}

function hitung_dibayarkan(e, row){
    var total_a = 0;
    $("input[name^='dibayarkan']").each(function () {
        total_a += parseFloat($(this).val());
    })
    $('[name="total_dibayarkan"]').val(total_a);

    var grand_ttl = $('#grand_total').val();
    var total_dibayarkan = $('#total_dibayarkan').val();
    var hasil_kembalian = parseFloat(total_dibayarkan) - parseFloat(grand_ttl);
    console.log(grand_ttl);
    $('#total_kembali').val(hasil_kembalian);
}

function hitung() {
    var a = $('#tagihan_diskon').val();
    var b = $('#tagihan_jumlah').val();  
    var total = parseFloat(b)-(parseFloat(a)*parseFloat(b)/100);
    $('#hidetotal').val(total);  
    $('#tagihan_bayar').val(0);   
    hitung_kembali();
}

function hitung_kembali() {
    var t = $('#tagihan_bayar').val(); 
    var z = $('#hidetotal').val();
    var total = parseFloat(t)-parseFloat(z);
    $('#tagihan_kembali').val(total);
}

$('#warningmodal').on('shown.bs.modal', function (e) {
    var link     = $(e.relatedTarget),
        modal    = $(this),
        tagihanid = link.data("tagihanid"),
        namabiaya = link.data("namabiaya"),
        jumlah    = link.data("jumlah");

    modal.find("#tagihanid").val(tagihanid);
    modal.find("#namabiaya").val(namabiaya);
    modal.find("#tagihan_jumlah").val(jumlah);
    modal.find("#hidetotal").val(jumlah);
    modal.find("#tagihan_bayar").val(0);
    modal.find("#tagihan_kembali").val(0);
});

$('#warningmodal').modal({
    show:false,
    keyboard: false,
    backdrop: 'static'
});

$('#infoModal').modal({
    show:false,
    keyboard: false,
    backdrop: 'static'
});

$(document).ready(function(){
    $("#tipe_pembayaran").change(function(){
    $(this).find("option:selected").each(function(){
        var optionValue = $(this).attr("value");
        var v = $("#grand_total").val();
        if(optionValue=="0"){
            $(".kembalian").show();
            $(".1").hide();
            $("#total_dibayarkan").val(0);
            $("#total_kembali").val(0);
        } else{
            $(".1").show();
            $("#total_dibayarkan").val(v);
            $(".kembalian").hide();
        }
    });
    }).change();
});

$(document).ready(function(){
    $("#transaksi_tipe_pembayaran").change(function(){
    $(this).find("option:selected").each(function(){
        var optionValue = $(this).attr("value");
        var z = $("#tagihan_jumlah").val();
        if(optionValue=="0"){
            $(".tunai").show();
            document.getElementById("tagihan_bayar").value=0;
            document.getElementById("tagihan_kembali").value=0;
            $("#hidetotal").val(0);
            $(".nontunai").hide();
        } else{
            $(".nontunai").show();
            $("#tagihan_diskon").val(0);
            $("#tagihan_bayar").val(z);
            $("#hidetotal").val(z);
            $(".tunai").hide();
        }
    });
    }).change();
});


$(function(){
validasi_angka();
money();

var table = $('#table_tagihan').DataTable( {
//"ajax": "../ajax/data/objects.txt",
"columns": [
    {
        "className":      'detail-tagihan',
        "orderable":      false,
        "data":           null,
        "defaultContent": ''
    },
    { "data": "siswa_id", visible:true},
    { "data": "tagihan_jumlah" },
    { "data": "tagihan_masuk"},
    { "data": "tagihan_sisa"},
    { "data": "status" },
],
});

$('#table_tagihan tbody').on('click', 'td.detail-tagihan', function () {
    var tr = $(this).closest('tr');
    var row = table.row( tr );
    var tb;
    var status;

    // console.log(row.data());

    if ( row.child.isShown() ) {
        // This row is already open - close it
        row.child.hide();
        tr.removeClass('shown');
    }
    else {
        data_r = row.data();
        $.ajax({
            type  : 'GET',
            dataType: 'JSON',
            url   : 'dashboard-pembayaran-spp/get-detail-tagihan/',
            headers : {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            data  : { 
                siswa_id : data_r.siswa_id,
                },
            success  : function(values){
                
                tb = '<table class="table table-bordered table-hover" border="2">'+
                '<thead>'+
                    '<tr>'+
                        '<td style="font-weight:bold;display: none;" >id</td>'+
                        '<td style="font-weight:bold">Tagihan</td>'+
                        '<td style="font-weight:bold">Jumlah</td>'+
                        '<td style="font-weight:bold">Status</td>'+
                        '<td style="font-weight:bold">Action</td>'+
                    '</tr>'+
                '</thead>'+
                '<tbody>';
                $.each(values.data.data.detail_tagihan,function(i,v){
                    var masuk = v.tagihan_masuk;
                    if (v.tagihan_sisa==null) {
                        var sisa=0;
                    }else{
                        var sisa = v.tagihan_sisa;
                    }
                    if (sisa>0) {
                        var print= '<h5><span class="badge badge-danger">Belum Lunas</span></h5>';
                        if(v.status > 0){
                            var btn = '<a data-toggle="modal" href="#"  data-tagihanid="'+v.tagihan_id+'"  data-namabiaya="'+v.tagihan_name+'" data-jumlah="'+v.tagihan_jumlah+'" class="btn btn-sm btn-warning waves-effect waves-light m-1 disabled" data-target="#warningmodal"><i class="fa fa-money"></i> Bayar</a>';
                        }else{
                            var btn = '<a data-toggle="modal" href="#" data-tagihanid="'+v.tagihan_id+'"  data-namabiaya="'+v.tagihan_name+'" data-jumlah="'+v.tagihan_jumlah+'" class="btn btn-sm btn-warning waves-effect waves-light m-1" data-target="#warningmodal"><i class="fa fa-money"></i> Bayar</a>';
                        }
                    } else {
                        var print= '<h5><span class="badge badge-success">Lunas</span></h5>';
                        var btn = '<a data-toggle="modal" href="#" data-tagihanid="'+v.tagihan_id+'"  data-namabiaya="'+v.tagihan_name+'" data-jumlah="'+v.tagihan_jumlah+'" class="btn btn-sm btn-warning waves-effect waves-light m-1 disabled" data-target="#warningmodal"><i class="fa fa-money"></i> Bayar</a>';
                    }
                    tb +=
                    '<tr>'+
                    '<td style="display: none;">'+v.tagihan_id+'</td>'+
                    '<td>'+v.tagihan_name+'</td>'+
                    '<td>Rp '+addCommas(v.tagihan_jumlah)+'</td>'+
                    '<td>'+print+'</td>'+                    
                    '<td>'+btn+'</td>'+
                    '</tr>';           
                })
                tb+=
                '</tbody>'+
                '</table>';
                row.child(tb).show();
                tr.addClass('shown');
            }
        });
        // Open this row
        }
    });
});

function save_tagihan()
{
    var a = $("#tagihan_bayar").val();
    var b = $("#tagihan_jumlah").val();

    if (a == 0 ) {
        swal({
        text: "Jumlah yang anda masukkan salah",
        icon: "warning",
        })
    } else {
    $("#bayar-tagihan").validate();
    var data = new FormData($("#bayar-tagihan")[0]);
    var message = "input";
    swal({
        title: "Apakah anda yakin ?",
        text: "Data pembayaran sudah benar",
        icon: "warning",
        buttons: true,
        dangerMode: false,
        })
        .then((willDelete) => {
            if (willDelete) {
            $.ajax({
                type  : 'POST',
                url   : '/spp-bayar',
                headers : {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data  : data,
                cache:false,
                contentType:false,
                processData:false
                }).done(function(data) {
                if(data.status.code==0)
                {
                    swal({
                        title: "Success!",
                        text: "Data berhasil "+message,
                        icon: "success",
                        button: "Ok!",
                    }).then(function(){
                    if (typeof url_redirect !== 'undefined')
                    {
                        $(location).attr('href',url_redirect);    
                    }
                    else
                    {
                        print_receipt(data.data.trans_id)
                        location.reload(true)
                    }
                });
                } 
            }).fail(function(data) {  
                var dt = data.responseJSON;
                
                if(dt.errors)
                {
                    $.each(dt.errors, function (key, value) {
                        var input = '[name=' + key + ']';
                        
                        $(input + '+span').html('<strong>'+ value +'</strong>');
                        $(input).addClass('is-invalid');
                        $(input).focus();
                        $(input).change(function(){
                            $(input+'+span').html('');
                            $(input).removeClass('is-invalid');
                        })
                    });  
                }
                else
                {
                    swal({
                    title: dt.status.message,
                    type: "error"
                    })
                }
                
            });
        }   
    });
    }
}

function save_all_tagihan()
{

    var grand_ttl = $('#grand_total').val();
    var ttl_dibayarkan = $('#total_dibayarkan').val();

    if(grand_ttl <= ttl_dibayarkan)
    {
    $("#bayar-all-tagihan").validate();
    var data = new FormData($("#bayar-all-tagihan")[0]);
    var message = "input";
    swal({
        title: "Apakah anda yakin ?",
        text: "Data pembayaran sudah benar",
        icon: "warning",
        buttons: true,
        dangerMode: false,
        })
        .then((willDelete) => {
            if (willDelete) {
            $.ajax({
                type  : 'POST',
                url   : '/spp-bayar-all',
                headers : {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data  : data,
                cache:false,
                contentType:false,
                processData:false
                }).done(function(data) {
                if(data.status.code==0)
                {
                    swal({
                        title: "Success!",
                        text: "Data berhasil "+message,
                        icon: "success",
                        button: "Ok!",
                    }).then(function(){
                    if (typeof url_redirect !== 'undefined')
                    {
                        $(location).attr('href',url_redirect);    
                    }
                    else
                    {
                        print_receipt(data.data.trans_id)
                        location.reload(true)
                    }
                });
                } 
            }).fail(function(data) {  
                var dt = data.responseJSON;
                
                if(dt.errors)
                {
                    $.each(dt.errors, function (key, value) {
                        var input = '[name=' + key + ']';
                        
                        $(input + '+span').html('<strong>'+ value +'</strong>');
                        $(input).addClass('is-invalid');
                        $(input).focus();
                        $(input).change(function(){
                            $(input+'+span').html('');
                            $(input).removeClass('is-invalid');
                        })
                    });  
                }
                else
                {
                    swal({
                    title: dt.status.message,
                    type: "error",
                    icon: "error"
                    })
                }
                
            });
        }   
    });
    } else {
        swal({
            title: "No Valid!!!",
            text: "Cek kembali Pembayaran",
            icon: "warning",
            button: "Ok",
        })
    }
}

function print_receipt(id)
{   
    window.open('../bukti-pembayaran-spp/'+id+'');
}
</script>    
@endsection