@extends('layouts.main')

@section('title','Pendaftar')
@section('header','Pendaftar')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active">Pendaftar</li>
@endsection

@section('content')

<div class="card">
    <div class="card-header with-border">
        <div class="row">
            <div class="col-md-2">
                <div class="form-group">
                    <label class="form-control-label">From</label>
                    <input type="date" name="date_from" class="form-control form-control-sm" placeholder="From">
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label class="form-control-label">To</label>
                    <input type="date" name="date_to" class="form-control form-control-sm" placeholder="To">
                </div>
            </div>
            
            <div class="col-md-2">
                <div class="form-group">
                    <label class="form-control-label">Filter</label>
                    <select class="form-control form-control-sm" name="filter">
                        <option selected value="None">None</option>
                        <option value="">All</option>
                        <option>Today</option>
                        <option>This Month</option>
                        <option>This Year</option>
                    </select>
                </div>
            </div>
            
            <div class="col-md-1">
                <div class="form-group">
                    
                @if(request()->is_trash)
                    <label class="form-control-label">&nbsp;</label>
                    <button  class="form-control form-control-sm btn-success" onclick="document.location.href='/pendaftar'">Show Datas</button>
                @else
                <label class="form-control-label">&nbsp;</label>
                    <button  class="form-control form-control-sm btn-danger" onclick="document.location.href='?is_trash=1'">Show Trash</button>
                @endif
                </div>
            </div>
            
            <div class="col-md-1">
                <div class="form-group">
                    <label class="form-control-label">&nbsp;</label>
                    <button  class="form-control form-control-sm btn-success" data-toggle="modal" data-target="#exportData">Export</button>
                </div>
            </div>
            
            <div class="col-md-1">
                <div class="form-group">
                    <label class="form-control-label">&nbsp;</label>
                    <button class="form-control form-control-sm btn btn-md btn-refresh btn-info">REFRESH</button>
                </div>
            </div>
            <div class="col-md-1">
                <label class="form-control-label">&nbsp;</label>
                <button class="form-control btn form-control-sm btn-danger btn-multiple-delete">Multi Delete</button>
            </div>
            <div class="col-md-1">
                <label class="form-control-label">&nbsp;</label>
                <button class="form-control btn form-control-sm btn-secondary btn-clear-select">Clear Select</button>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header with-border">
        <div class="row">
            <div class="col-md-2">
                <div class="form-group">
                    <label class="form-control-label">Jenis Pendaftaran</label>
                    <select name="id_jenis_pendaftaran" class="form-control form-control-sm" required autofocus>
                        <option selected value="">All</option>
                        @foreach($jenis_pendaftaran as $jpend)
                        <option value="{{$jpend->id}}">{{$jpend->jenis_pendaftaran}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="form-control-label">Pendaftaran</label>
                    <select name="id_pendaftaran" class="form-control form-control-sm select2" required autofocus>
                        <option selected value="">All</option>
                        @foreach($pendaftaran as $pend)
                        <option value="{{$pend->id}}">({{$pend->status_pendaftaran}}) {{$pend->jenis_sekolah->jenis_sekolah}} - Tahun Ajaran {{$pend->tahun_ajaran->tahun_ajaran}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @if($user->level_user == 1)
            @else
                @if($user->jenis_sekolah)
                <!--<div class="col-md-4">-->
                <!--    <div class="form-group">-->
                <!--        <label class="form-control-label">Pendaftaran</label>-->
                <!--        <input class="form-control form-control-sm" readonly value="{{$user->jenis_sekolah->jenis_sekolah}}">-->
                <!--    </div>-->
                <!--</div>-->
                @endif
            @endif
            @if($user->level_user == 1)
            <div class="col-md-4">
                <div class="form-group">
                    <label class="form-control-label">Jenis Sekolah</label>
                    <select name="id_jenis_sekolah" class="form-control form-control-sm" required autofocus>
                        <option selected value="">All</option>
                        @foreach(\App\Models\JenisSekolah::where('status_aktif', 'AKTIF')->get() as $js)
                        <option value="{{$js->id}}">{{$js->jenis_sekolah}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @endif
            <div class="col-md-2">
                <div class="form-group">
                    <label class="form-control-label">Status Pembayaran</label>
                    <select name="status_pembayaran" class="form-control form-control-sm" required autofocus>
                        <option selected value="">All</option>
                        <option>BELUM</option>
                        <option>MENUNGGU</option>
                        <option>SUDAH</option>
                        <option>DITOLAK</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card card-primary">
    <div class="card-body">
        <div class="dataTableRow" id="dataTableRow">
            <label class="el-waiting-message">Loading your data. It may take some time..</label>
        </div>
    </div>
</div>

<div class="modal fade" id="exportData" role="dialog" aria-labelledby="info">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="#" class="form-export-data" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Export</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="p-2">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-control-label">From</label>
                                <input type="date" name="export_date_from" class="form-control form-control-sm" placeholder="From">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-control-label">To</label>
                                <input type="date" name="export_date_to" class="form-control form-control-sm" placeholder="To">
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Filter</label>
                                <select class="form-control form-control-sm" name="export_filter">
                                    <option selected value="">All</option>
                                    <option>Today</option>
                                    <option>This Month</option>
                                    <option>This Year</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Jenis Pendaftaran</label>
                                <select name="export_id_jenis_pendaftaran" class="form-control form-control-sm">
                                    <option selected value="">All</option>
                                    @foreach($jenis_pendaftaran as $jpend)
                                    <option value="{{$jpend->id}}">{{$jpend->jenis_pendaftaran}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @if($user->level_user == 1)
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Pendaftaran</label>
                                <select name="export_id_pendaftaran" class="form-control form-control-sm select2">
                                    <option selected value="">All</option>
                                    @foreach($pendaftaran as $pend)
                                    <option value="{{$pend->id}}">({{$pend->status_pendaftaran}}) {{$pend->jenis_sekolah->jenis_sekolah}} - Tahun Ajaran {{$pend->tahun_ajaran->tahun_ajaran}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @else
                            @if($user->jenis_sekolah)
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-control-label">Pendaftaran</label>
                                    <input class="form-control form-control-sm" readonly value="{{$user->jenis_sekolah->jenis_sekolah}}">
                                </div>
                            </div>
                            @endif
                        @endif
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Status Pembayaran</label>
                                <select name="export_status_pembayaran" class="form-control form-control-sm">
                                    <option selected value="">All</option>
                                    <option>BELUM</option>
                                    <option>MENUNGGU</option>
                                    <option>SUDAH</option>
                                    <option>DITOLAK</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Tahun Ajaran</label>
                                <select name="export_tahun_ajaran" class="form-control form-control-sm">
                                    <option selected value="">All</option>
                                    @foreach($tahun_ajaran as $ta)
                                    <option value="{{$ta->id}}">{{$ta->tahun_ajaran}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Limit</label>
                                <input type="number" name="export_length" class="form-control form-control-sm" required autofocus min="1" placeholder="Limit" value="10">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-control-label">Save As</label>
                                <input type="text" name="export_save_as" class="form-control form-control-sm" required autofocus placeholder="Save as" value="Export Pendaftaran">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-transparent btn-sm text-dark" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>
                <button type="submit" class="btn btn-success btn-sm">Export</button>
            </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" id="deleteData" role="dialog" aria-labelledby="info">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="#" class="form-delete-data" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Trash</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <input name="id" hidden>
                <img src="{{asset('images/app/icon_info.png')}}" width="35%" height="40%">
                <br>
                <p class="mt-4">
                    <span style="font-weight:bold" id="t_message">
                    </span>
                </p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-transparent btn-sm text-dark" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>
                <button type="submit" class="btn btn-danger btn-sm">Trash</button>
            </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" id="deleteDataMultiple" role="dialog" aria-labelledby="info">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Trash</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img src="{{asset('images/app/icon_info.png')}}" width="35%" height="40%">
                <br>
                <p class="mt-4">
                    <span style="font-weight:bold" id="t_message_multiple">
                    </span>
                </p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-transparent btn-sm text-dark" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>
                <button type="button" class="btn btn-danger btn-sm btn-multiple-delete-submit">Trash</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" id="restoreData" role="dialog" aria-labelledby="info">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="#" class="form-restore-data" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Restore</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <input name="id" hidden>
                <img src="{{asset('images/app/icon_info.png')}}" width="35%" height="40%">
                <br>
                <p class="mt-4">
                    <span style="font-weight:bold" id="r_message">
                    </span>
                </p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-transparent btn-sm text-dark" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>
                <button type="submit" class="btn btn-success btn-sm">Restore</button>
            </div>
            </form>
        </div>
    </div>
</div>
@endsection
@push('custom-scripts')
<script>
    $('.select2').select2();
    var param = {
        filter: "None",
        status_aktif: "ALL",
        is_trash: "{{request()->is_trash}}"
    }
    $(document).ready(function(e){
        if (param.filter === "None") {
        $('.el-waiting-message').text('Filter None, please select a Filter to show Data.');
        } else {
            loadThis(param);
        }
    });
    $(document).on('click', '.btn-refresh', function(e){
        e.preventDefault();
        param = {
            filter: "",
            status_aktif: "ALL"
        };
        $('select[name=id_jenis_pendaftaran]').val('');
        $('select[name=id_pendaftaran]').val('');
        $('select[name=id_jenis_sekolah]').val('');
        $('select[name=status_pembayaran]').val('');
        $('select[name=filter]').val('');
        $('input[name=date_to]').val('');
        $('input[name=date_from]').val('');
        loadThis(param);
    });
    $(document).on('change', 'select[name=filter]', function(e){
        e.preventDefault();
        param.filter = $(this).val();
        loadThis(param);
    });
    $(document).on('change', 'select[name=id_jenis_pendaftaran]', function(e){
        e.preventDefault();
        param.id_jenis_pendaftaran = $(this).val();
        loadThis(param);
    });
    $(document).on('change', 'select[name=id_pendaftaran]', function(e){
        e.preventDefault();
        param.id_pendaftaran = $(this).val();
        loadThis(param);
    });
    $(document).on('change', 'select[name=id_jenis_sekolah]', function(e){
        e.preventDefault();
        param.id_jenis_sekolah = $(this).val();
        loadThis(param);
    });
    $(document).on('change', 'select[name=status_pembayaran]', function(e){
        e.preventDefault();
        param.status_pembayaran = $(this).val();
        loadThis(param);
    });
    $(document).on('change', 'input[name=date_to]', function(e){
        e.preventDefault();
        param.date_to = $(this).val();
        if(param.date_from) loadThis(param);
    });
    $(document).on('change', 'input[name=date_from]', function(e){
        e.preventDefault();
        param.date_from = $(this).val();
        if(param.date_to) loadThis(param);
    });
    
    function loadThis(params){
        url = "/web_api/pendaftaran/getData";
        th = '<th>NAMA LENGKAP</th>' +
             '<th>EMAIL</th>' +
             '<th>TEMPAT LAHIR</th>' +
             '<th>TANGGAL LAHIR</th>' +
             '<th>JENIS KELAMIN</th>' +
             '<th>JENIS PENDAFTARAN</th>' +
             '<th>PENDAFTARAN</th>' +
             '<th width="5%">TGL DAFTAR</th>' +
             '<th width="5%">STATUS PEMBAYARAN</th>' +
             '<th width="5%">ACTION</th>';
        columns = [
                    { "data": "nama_lengkap", 'className':'text-center nowrap'},
                    { "data": "email", 'className':'text-center nowrap'},
                    { "data": "tempat_lahir", 'className':'text-center nowrap'},
                    { "data": "tanggal_lahir", 'className':'text-center nowrap'},
                    { "data": "jenis_kelamin", 'className':'text-center nowrap'},
                    { "data": "id_jenis_pendaftaran", 'className':'text-center'},
                    { "data": "id_pendaftaran", 'className':'text-center nowrap'},
                    { "data": "created_at", 'className':'text-center'},
                    { "data": "status_pembayaran", 'className':'text-center'},
                    { "data": "id", 'className':'text-center'},
                  ];
    
        col_def = [
                {
                    "targets" : 5,
                    "data": "id_jenis_pendaftaran",
                    "render" : function (data, type, row) {
                        if(!row.jenis_pendaftaran) return '-'
                        return row.jenis_pendaftaran.jenis_pendaftaran;
                    }
                },
                {
                    "targets" : 6,
                    "data": "id_pendaftaran",
                    "render" : function (data, type, row) {
                        return row.text_pendaftaran;
                    }
                },
                {
                    "targets" : 7,
                    "data": "created_at",
                    "render" : function (data, type, row) {
                        return row.created_date;
                    }
                },
                {
                    "targets" : 9,
                    "data": "id",
                    "render" : function (data, type, row) {
                        var btn_edit = '', btn_trash = '', checkbox = '';
                        if({{$update}}){
                            btn_edit = '<a href="/pendaftar/edit/'+row.id_user+'" class="dropdown-item"><i class="fa fa-edit text-warning mr-3 ml-1"></i> EDIT</a>';
                            btn_trash = '<a href="#" class="dropdown-item btn-trash-me" data-id="'+row.id_user+'"><i class="fa fa-trash text-danger mr-3 ml-1"></i> TRASH</a>';
                            checkbox = '<input type="checkbox" name="id[]" style="height: 2rem; margin-left: 1rem; width: 1.5rem;vertical-align: middle; cursor: pointer;" value="' + row.id_user + '">';
                        }
                        btns = '<a href="/pendaftar/detail/'+row.id_user+'" class="dropdown-item"><i class="fa fa-info text-info mr-3 ml-1"></i> DETAIL</a>' + btn_edit + btn_trash;
                        if("{{request()->is_trash}}"){
                            btns = '<a href="#" class="dropdown-item btn-restore-me" data-id="'+row.id_user+'"><i class="fa fa-trash text-success mr-3 ml-1"></i> Restore</a>';
                            checkbox = '';
                        }
                        btn = '<div class="btn-group">' +
                                '<button type="button" class="btn btn-sm btn-info dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">' +
                                    'Action ' +
                                '</button>' +
                                '<div class="dropdown-menu" role="menu" style="">' +
                                    btns +
                                '</div>' +
                                checkbox +
                               '</div>';
                        return btn;
                    }
                },
            ];   
        
        order = [[0, 'desc']];
        sDom = ''; 
        buttons = [];
        
        loadTable(url, params, th, col_def, columns, order, sDom, buttons, 'dataTableRow', 2, 0);
    }

    $(document).on('click', '.btn-clear-select', function(e){
        $('input:checkbox').prop('checked', false);
    });

    $(document).on('click', '.btn-multiple-delete', function(e){
        var id = [];

        $(':checkbox:checked').each(function(i){
        id[i] = $(this).val();
        });
        var checkedCheckboxes = $(':checkbox:checked');
        var numberOfCheckedCheckboxes = checkedCheckboxes.length;
        if(id.length === 0){
        infoAlert("Pilih minimal satu data");
        }else{
            $('#t_message_multiple').html('<b>' + numberOfCheckedCheckboxes + ' Data will be deleted, continue?</b>');
            $('#deleteDataMultiple').modal('show');
        }

    });
    $(document).on('click', '.btn-multiple-delete-submit', function(e){
            var id = [];

            $(':checkbox:checked').each(function(i){
            id[i] = $(this).val();
            });
            if(id.length === 0){
            successAlert("Pilih minimal satu data");
            }else{
                var e_modal_wait = $("#modalWait");
                $('#deleteDataMultiple').modal('hide');
                showLoading(e_modal_wait);
                $.ajax({
                url: '/web_api/pendaftaran/trash-multiple',
                type: "get",
                data:{
                    id:id
                },
            }).done(function (result) {
                hideLoading(e_modal_wait);
                var message = result.message;
                hideLoading(e_modal_wait);
                if (result.status) {
                    successAlert(message);
                    loadThis(param);
                } else {
                    failedAlert(message);
                }
                input_token.val(result.newtoken);
            }).fail(ajax_fail);
            }
    });
    $(document).on('click', '.btn-trash-me', function(e){
        e.preventDefault();
        var ini = $(this), id = ini.data('id');
        
        var e_modal_wait = $("#modalWait");
        showLoading(e_modal_wait);
        
        $.ajax({
            url: '/web_api/pendaftaran/getData',
            type: "get",
            data: {
                status_aktif: "ALL",
                id: id,
            }
        })
        .done(function (result) {
            hideLoading(e_modal_wait);
            if (result.data[0]) {
                data = result.data[0];
                var form = $('.form-delete-data');
                form.find('input[name=id]').val(data.id);
                $('#t_message').html('<b>'+data.nama_lengkap+'</b> will be deleted continue?')
                $('#deleteData').modal('show');
            } else {
                failedAlert('Not Found');
            }
        })
        .fail(ajax_fail);
    });
    $(document).on('click', '.btn-restore-me', function(e){
        e.preventDefault();
        var ini = $(this), id = ini.data('id');
        
        var e_modal_wait = $("#modalWait");
        showLoading(e_modal_wait);
        
        $.ajax({
            url: '/web_api/pendaftaran/getData',
            type: "get",
            data: {
                status_aktif: "ALL",
                id: id,
                is_trash: "{{request()->is_trash}}"
            }
        })
        .done(function (result) {
            hideLoading(e_modal_wait);
            if (result.data[0]) {
                data = result.data[0];
                var form = $('.form-restore-data');
                form.find('input[name=id]').val(data.id);
                $('#r_message').html('<b>'+data.nama_lengkap+'</b> will be restored continue?')
                $('#restoreData').modal('show');
            } else {
                failedAlert('Not Found');
            }
        })
        .fail(ajax_fail);
    });
    $(document).on('click', '.btn-detail', function(e){
        e.preventDefault();
        var ini = $(this), id = ini.data('id');
        
        var e_modal_wait = $("#modalWait");
        showLoading(e_modal_wait);
        
        $.ajax({
            url: '/web_api/settings/jenis_pendaftaran/getData',
            type: "get",
            data: {
                status_aktif: "ALL",
                id: id,
            }
        })
        .done(function (result) {
            hideLoading(e_modal_wait);
            if (result.data[0]) {
                data = result.data[0];
                var form = $('.form-update-data');
                form.find('input[name=id]').val(data.id);
                form.find('input[name=jenis_pendaftaran]').val(data.jenis_pendaftaran);
                
                var footer = '<a href="#" class="btn btn-transparent btn-sm text-dark" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>' +
                             '<button type="submit" class="btn btn-warning btn-sm">Update</button>';
                $('#detailFooter').html(footer)
                $('#detailData').modal('show');
            } else {
                failedAlert('Not Found');
            }
        })
        .fail(ajax_fail);
    });
    
    $(document).on('submit', '.form-delete-data', function(e){
        e.preventDefault();
        var ini = $(this), input_token = $('input[name=_token]');
        var e_modal_wait = $("#modalWait");
        showLoading(e_modal_wait);
        
        $.ajax({
            url: '/web_api/pendaftaran/trash/'+ini.find('input[name=id]').val(),
            type: "post",
            data: {
                is_ajax: true,
                _token: input_token.val(),
            }
        }).done(function (result) {
            var message = result.message;
            hideLoading(e_modal_wait);
            if (result.status) {
                successAlert(message);
                $('#deleteData').modal('hide');
                loadThis(param);
            } else {
                failedAlert(message);
            }
            input_token.val(result.newtoken);
        }).fail(ajax_fail);
    });
    $(document).on('submit', '.form-restore-data', function(e){
        e.preventDefault();
        var ini = $(this), input_token = $('input[name=_token]');
        var e_modal_wait = $("#modalWait");
        showLoading(e_modal_wait);
        
        $.ajax({
            url: '/web_api/pendaftaran/restore/'+ini.find('input[name=id]').val(),
            type: "post",
            data: {
                is_ajax: true,
                _token: input_token.val()
            }
        }).done(function (result) {
            var message = result.message;
            hideLoading(e_modal_wait);
            if (result.status) {
                successAlert(message);
                $('#restoreData').modal('hide');
                loadThis(param);
            } else {
                failedAlert(message);
            }
            input_token.val(result.newtoken);
        }).fail(ajax_fail);
    });
    $(document).on('submit', '.form-export-data', function(e){
        e.preventDefault();
        var ini = $(this);
        var data = {
            is_ajax: true,
            date_from: ini.find('input[name=export_date_from]').val(),
            date_to: ini.find('input[name=export_date_to]').val(),
            filter: ini.find('select[name=export_filter]').val(),
            id_jenis_pendaftaran: ini.find('select[name=export_id_jenis_pendaftaran]').val(),
            id_pendaftaran: ini.find('select[name=export_id_pendaftaran]').val(),
            status_pembayaran: ini.find('select[name=export_status_pembayaran]').val(),
            tahun_ajaran: ini.find('select[name=export_tahun_ajaran]').val(),
            export_length: ini.find('input[name=export_length]').val(),
            save_as: ini.find('input[name=export_save_as]').val(),
        };
        
        id_pendaftaran = ini.find('select[name=export_id_pendaftaran]').val();
        if(!id_pendaftaran) id_pendaftaran = '';
        url = '/excel/export/pendaftaran'+'?date_from='+data.date_from+'&date_to='+data.date_to+'&filter='+data.filter+'&id_jenis_pendaftaran='+data.id_jenis_pendaftaran+'&id_pendaftaran='+id_pendaftaran+'&status_pembayaran='+data.status_pembayaran+'&length='+data.export_length+'&save_as='+data.save_as+'&tahun_ajaran='+data.tahun_ajaran;
        document.location.href=url;
        $('#exportData').modal('hide');
    });
</script>


@endpush