@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/'+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;';
                    } 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);
        }
    });
});

$("#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);
        },
    });
});

function verified(id)
{
    $('#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