@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($tagihans))
                        <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 style="display: none;">spp 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>
                                    @foreach ($tagihans as $tagihan)
                                        <tr>
                                            <td class="tableClick"></td>
                                            <td style="display: none;">{{ $tagihan->siswa_id }}</td>
                                            <td style="display: none;">{{ $tagihan->biaya_spp_id }}</td>
                                            <td>
                                                {{-- Rp {{number_format($tagihan[0]->jumlah)}} --}}
                                                {{ $tagihan->biaya_spp_name }}
                                            </td>
                                            <td>
                                                Rp {{ number_format($tagihan->jumlah) }}

                                            </td>
                                            <td>
                                                Rp {{ number_format($tagihan->sisa) }}
                                            </td>
                                            <td>
                                                @if ($tagihan->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>
                                    @endforeach
                                </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 ($sisa_tagihan->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">Diskon (Rp)</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 money"
                                                                        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 (Rp)</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();
                    var total_dibayarkan = $('#total_dibayarkan').val();
                    // total_all = parseFloat(jumlahtagihan) - (parseFloat(diskon) / 100) * parseFloat(jumlahtagihan);
                    total_all = parseFloat(jumlahtagihan) - parseFloat(diskon);
                    $('#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);
                    var total_a = parseFloat(grand_ttl) - parseFloat(diskon);

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

                    var tagihan_ttl = 0;
                    tagihan_ttl = total_dibayarkan - total_a
                    $('[name="total_kembali"]').val(tagihan_ttl);

                }

                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);
                    var total = parseFloat(b) - parseFloat(a);
                    $('#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": "biaya_spp_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,
                                    biaya_spp_id: data_r.biaya_spp_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