@extends('layouts.app')
@section('content')
    <div class="row pt-2 pb-2">
        <div class="col-sm-9">
            <h4 class="page-title">{{ $breadcrumb }}</h4>
        </div>
    </div>
    <!-- <div id="response"><img src="{{ asset('tpl/assets/images/loader.gif') }}"/></div> -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <a href="{{ url('psb-formulir') }}"
                        class="btn btn btn-primary btn-rounded float-left waves-effect waves-light"><i
                            class="fa fa-plus"></i> Tambah </a>
                    <button target="blank" type="button" onclick="cetak_rekap_registrasi()"
                        class="btn btn btn-outline-danger btn-rounded float-right waves-effect waves-light"><i
                            class="fa fa-print"></i> Cetak </button>
                </div>
                <div class="card-body">
                    <div class="card mb-2 border border-grey">
                        <div class="container">
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Tahun Ajaran</label>
                                        <select class="form-control select-select" name="tahun_ajaran" id="tahun_ajaran">
                                            @foreach ($tahun_ajaran as $dt)
                                                <option value="{{ $dt->tahun_ajaran_id }}">{{ $dt->tahun_ajaran_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                {{-- <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Jenis Registrasi</label>
                                        <select class="form-control select-select" name="jenis_registrasi"
                                            id="jenis_registrasi">
                                            <option value="Online">Online</option>
                                            <option value="Onsite">On Site</option>
                                        </select>
                                    </div>
                                </div> --}}
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Universitas / Sekolah</label>
                                        <select class="form-control select-select" name="university_id" id="university_id">
                                            @foreach ($unit as $dt)
                                                <option value="{{ $dt->university_id }}">{{ $dt->university_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">*</label>
                                        <button id="filter"
                                            class="btn btn-outline-danger btn-sm form-control">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table id="table_psb" class="table table-bordered">

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--endrow-->
@endsection
@section('js')
    <script type="text/javascript">
        form = $("#form-all");
        $(document).ready(function() {
            $('#table_psb').DataTable({
                "processing": true,
                "serverSide": false,
                "destroy": true,
                "responsive": true,
                ajax: {
                    url: "{{ URL::route('JsonTablePsb') }}",
                    type: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        filter: 1
                    }
                },
                "columns": [{
                        orderable: false,
                        searchable: false,
                        data: null,
                        title: 'No'
                    },
                    {
                        data: 'psb_no_urut',
                        name: 'psb_no_urut',
                        title: 'No Urut'
                    },
                    {
                        data: 'psb_no_registrasi',
                        name: 'psb_no_registrasi',
                        title: 'No Registrasi'
                    },
                    {
                        data: 'tahun_ajaran_name',
                        name: 'tahun_ajaran_name',
                        title: 'Gelombang/Tahun ajaran'
                    },
                    {
                        data: 'psb_nik_siswa',
                        name: 'psb_nik_siswa',
                        title: 'NIK'
                    },
                    {
                        data: 'psb_nama_siswa',
                        name: 'psb_nama_siswa',
                        title: 'Nama Siswa'
                    },
                    {
                        data: 'university_name',
                        name: 'university_name',
                        title: 'Sekolah'
                    },
                    {
                        data: 'sisa',
                        name: 'sisa',
                        title: 'Biaya PSB'
                    },
                    {
                        name: 'psb_type_registrasi',
                        title: 'Registrasi',
                        render: function(data, type, full, meta) {

                            if (full.psb_type_registrasi == "Online") {
                                return '<h5><span class="badge badge-pill badge-primary">Online</span></h5>';
                            } else {
                                return '<h5><span class="badge badge-pill badge-secondary">Onsite</span></h5>';
                            }
                        }
                    },
                    {
                        name: 'psb_status_registrasi',
                        title: 'Status',
                        render: function(data, type, full, meta) {

                            if (full.psb_status_registrasi == "Draft") {
                                return '<h5><span class="badge badge-danger">Draft</span></h5>';
                            } else if (full.psb_status_registrasi == "Verified") {
                                return '<h5><span class="badge badge-warning">Verified</span></h5>';
                            } else {
                                return '<h5><span class="badge badge-success">Approved</span></h5>';
                            }
                        }
                    },
                    {
                        name: 'psb_status_registrasi',
                        title: 'Action',
                        render: function(data, type, full, meta) {

                            if (full.psb_status_registrasi === "Draft") {
                                return `
                                    <button type="button" class="btn btn-outline-primary btn-sm dropdown-toggle dropdown-toggle-split waves-effect waves-light" data-toggle="dropdown">
                                        Ubah Status <span class="caret"></span>
                                    </button>
                                    <div class="dropdown-menu">
                                        <a href="#" data-id="${full.psb_number_unix}" onclick="verified('${full.psb_number_unix}')" class="dropdown-item" id="verified">
                                            Verified
                                        </a>
                                    </div>
                                    &nbsp;
                                    <a href="psb-dashboard/${encodeURIComponent(full.psb_number_unix)}" type="button" class="btn btn-outline-success btn-sm">
                                        Lihat Detail
                                    </a>
                                    &nbsp;
                                    <button onclick="delete_all('deletepsb/${encodeURIComponent(full.psb_number_unix)}', '${encodeURIComponent(full.psb_number_unix)}')" class="btn btn-outline-danger btn-sm">
                                        Delete
                                    </button>
                                `;
                            } else if (full.psb_status_registrasi === "Verified") {
                                return `
                                    <a href="psb-dashboard/${encodeURIComponent(full.psb_number_unix)}" type="button" class="btn btn-outline-success btn-sm">
                                        Lihat Detail
                                    </a>
                                `;
                            } else {
                                return `
                                    <a href="psb-dashboard/${encodeURIComponent(full.psb_number_unix)}" type="button" class="btn btn-outline-success btn-sm">
                                        Lihat Detail
                                    </a>
                                `;
                            }
                        }
                    },
                ],
                "columnDefs": [{
                        "width": "1%",
                        "targets": 0
                    },
                    {
                        "width": "10%",
                        "targets": 1
                    },
                    {
                        "width": "10%",
                        "targets": 2
                    },
                    {
                        "width": "20%",
                        "targets": 3
                    },
                    {
                        "width": "15%",
                        "targets": 4
                    },
                    {
                        "width": "15%",
                        "targets": 5
                    },
                    {
                        "width": "10%",
                        "targets": 6
                    },
                    {
                        "width": "10%",
                        "targets": 7
                    },
                    {
                        "width": "20%",
                        "targets": 8
                    }
                ],
                "fnCreatedRow": function(row, data, index) {
                    $('td', row).eq(0).html(index + 1);
                }
            });
        });

        $("#filter").click(function() {
            oTable = $('#table_psb').dataTable({
                "iDisplayLength": 10,
                "lengthMenu": [
                    [10, 25, 50, 'All'],
                    [10, 25, 50, -1]
                ],
                "language": {
                    "searchPlaceholder": "Enter to search..."
                },
                "scrollY": '100%',
                "scrollX": true,
                "scrollCollapse": true,
                "processing": true,
                "serverSide": false,
                "destroy": true,
                ajax: {
                    url: "{{ URL::route('JsonTablePsb') }}",
                    type: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        filter: 2,
                        tahun_ajaran: $('#tahun_ajaran').val(),
                        // jenis_registrasi: $('#jenis_registrasi').val(),
                        university_id: $('#university_id').val()
                    }
                },
                "columns": [{
                        orderable: false,
                        searchable: false,
                        data: null,
                        title: 'No'
                    },
                    {
                        data: 'psb_no_urut',
                        name: 'psb_no_urut',
                        title: 'No Urut'
                    },
                    {
                        data: 'psb_no_registrasi',
                        name: 'psb_no_registrasi',
                        title: 'No Registrasi'
                    },
                    {
                        data: 'tahun_ajaran_name',
                        name: 'tahun_ajaran_name',
                        title: 'Gelombang/Tahun ajaran'
                    },
                    {
                        data: 'psb_nik_siswa',
                        name: 'psb_nik_siswa',
                        title: 'NIK'
                    },
                    {
                        data: 'psb_nama_siswa',
                        name: 'psb_nama_siswa',
                        title: 'Nama Siswa'
                    },
                    {
                        data: 'university_name',
                        name: 'university_name',
                        title: 'Sekolah'
                    },
                    {
                        data: 'sisa',
                        name: 'sisa',
                        title: 'Biaya PSB'
                    },
                    {
                        name: 'psb_type_registrasi',
                        title: 'Registrasi',
                        render: function(data, type, full, meta) {

                            if (full.psb_type_registrasi == "Online") {
                                return '<h5><span class="badge badge-pill badge-primary">Online</span></h5>';
                            } else {
                                return '<h5><span class="badge badge-pill badge-secondary">Onsite</span></h5>';
                            }
                        }
                    },
                    {
                        name: 'psb_status_registrasi',
                        title: 'Status',
                        render: function(data, type, full, meta) {

                            if (full.psb_status_registrasi == "Draft") {
                                return '<h5><span class="badge badge-danger">Draft</span></h5>';
                            } else if (full.psb_status_registrasi == "Verified") {
                                return '<h5><span class="badge badge-warning">Verified</span></h5>';
                            } else {
                                return '<h5><span class="badge badge-success">Approved</span></h5>';
                            }
                        }
                    },
                    {
                        name: 'psb_status_registrasi',
                        title: 'Action',
                        render: function(data, type, full, meta) {

                            if (full.psb_status_registrasi == "Draft") {
                                return '<button type="button" class="btn btn-outline-primary btn-sm dropdown-toggle dropdown-toggle-split waves-effect waves-light" data-toggle="dropdown">Ubah Status <span class="caret"></span></button>' +
                                    '<div class="dropdown-menu">' +
                                    '<a href="#" data-id="' + full.psb_number_unix +
                                    '" onclick="verified(' + full.psb_number_unix +
                                    ')" class="dropdown-item" id="verified">Verified</a>' +
                                    '</div>' +
                                    '&nbsp;<a href="psb-dashboard/' + full.psb_number_unix +
                                    '" type="button"  class="btn btn-outline-success btn-sm">Lihat Detail</a>&nbsp;' +
                                    '<button onclick="delete_all(`deletepsb/' + full
                                .psb_number_unix + '`,' + full.psb_number_unix +
                                    ')" class="btn btn-outline-danger btn-sm">Delete</button>';
                            } else if (full.psb_status_registrasi == "Verified") {
                                return '<a href="psb-dashboard/' + full.psb_number_unix +
                                    '" type="button"  class="btn btn-outline-success btn-sm">Lihat Detail</a>&nbsp;' +
                                    '<button onclick="delete_all(`deletepsb/' + full
                                .psb_number_unix + '`,' + full.psb_number_unix +
                                    ')" class="btn btn-outline-danger btn-sm">Delete</button>';
                            } else {
                                return '<a href="psb-dashboard/' + full.psb_number_unix +
                                    '" type="button"  class="btn btn-outline-success btn-sm">Lihat Detail</a>';
                            }
                        }
                    },
                ],
                "columnDefs": [{
                        "width": "1%",
                        "targets": 0
                    },
                    {
                        "width": "10%",
                        "targets": 1
                    },
                    {
                        "width": "10%",
                        "targets": 2
                    },
                    {
                        "width": "20%",
                        "targets": 3
                    },
                    {
                        "width": "15%",
                        "targets": 4
                    },
                    {
                        "width": "15%",
                        "targets": 5
                    },
                    {
                        "width": "10%",
                        "targets": 6
                    },
                    {
                        "width": "10%",
                        "targets": 7
                    },
                    {
                        "width": "20%",
                        "targets": 8
                    }
                ],
                "fnCreatedRow": function(row, data, index) {
                    $('td', row).eq(0).html(index + 1);
                },
            });
        });

        async function verified(id) {
            const decodedId = decodeURIComponent(id);
            console.log(decodedId);
            $('#response').text('loading...');
            swal({
                    title: "Anda yakin?",
                    text: "Sudah verifikasi data.",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willVerified) => {
                    if (willVerified) {
                        $.ajax({
                            type: 'POST',
                            dataType: 'JSON',
                            url: "{{ URL::route('VerifiedPSB') }}",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            data: {
                                id: id,
                            },
                            beforeSend: function() {
                                swal({
                                    title: "Waiting",
                                    text: "Data Sedang Di proses",
                                    icon: "../tpl/assets/images/loader.gif",
                                    button: false
                                });
                                // $('#response').html("<img src='{{ asset(`tpl/assets/images/loader.gif`) }}' />");
                                // $('#response').html(html);
                            },
                            success: function(data) {
                                swal({
                                    title: "Success!",
                                    text: "Data berhasil",
                                    icon: "success",
                                    button: "Ok!",
                                }).then(function() {
                                    location.reload(true)
                                });
                            }
                        });
                    } else {
                        swal("Canceled!", {
                            icon: "error",
                        });
                    }
                });
        }

        function approved(id) {

            swal({
                    title: "Anda yakin?",
                    text: "Sudah Approved data.",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willApproved) => {
                    if (willApproved) {
                        $.ajax({
                            type: 'POST',
                            dataType: 'JSON',
                            url: "{{ URL::route('ApprovedPSB') }}",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            data: {
                                id: id,
                            },
                            success: function(data) {
                                swal({
                                    title: "Success!",
                                    text: "Data berhasil",
                                    icon: "success",
                                    button: "Ok!",
                                }).then(function() {
                                    location.reload(true)
                                });
                            }
                        });
                    } else {
                        swal("Canceled!", {
                            icon: "error",
                        });
                    }
                });
        }

        function cetak_rekap_registrasi() {
            var tahun_ajaran = $('#tahun_ajaran').val();
            // var jenis_registrasi = $('#jenis_registrasi').val();
            var university_id = $('#university_id').val();
            window.open('/cetak-rekap-registrasi-psb?tahun_ajaran=' + tahun_ajaran +
                //  '&jenis_registrasi=' + jenis_registrasi + 
                '&university_id=' + university_id);
        }
    </script>
@endsection