@extends('layouts.main')

@section('title','Jenis Sekolah')
@section('header','Jenis Sekolah')

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

@section('content')

<div class="card">
    <div class="card-header with-border">
        <div class="row">
            <div class="col-md-6"></div>
            @if($update)
            <div class="col-md-2">
                <label class="form-control-label">&nbsp;</label>
                <button  class="form-control form-control-sm btn-warning btn-multiple-status-aktif">
                    <i class="fa fa-edit"></i>&nbsp;&nbsp; Status Aktif
                </button>
            </div>
            @endif
            <div class="col-md-2">
                <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>
            
            @if($create)
            <div class="col-md-2">
                <label class="form-control-label">&nbsp;</label>
                <button  class="form-control form-control-sm btn-default btn-create" data-toggle="modal" data-target="#createData">
                    <i class="fa fa-plus"></i>&nbsp;&nbsp; Create
                </button>
            </div>
            @endif
        </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>

@if($update)
<div class="modal fade" tabindex="-1" id="detailData" role="dialog" aria-labelledby="warning">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="#" class="form-update-data" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Jenis Sekolah</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="form-group">
                        <label class="form-control-label">Group Jenis Sekolah</label> <small class="text-danger">*</small>
                        <select name="id_group_jenis_sekolah" class="form-control form-control-sm" required autofocus>
                            <option value="" selected disabled>Group Jenis Sekolah</option>
                            @foreach($group_jenis_sekolah as $b)
                            <option value="{{$b->id}}">{{$b->group_jenis_sekolah}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Tingkatan Sekolah</label> <small class="text-danger">*</small>
                        <input type="text" name="tingkatan_sekolah" class="form-control form-control-sm" required autofocus placeholder="Tingkatan Sekolah">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Jenis Sekolah</label> <small class="text-danger">*</small>
                        <input type="text" name="jenis_sekolah" class="form-control form-control-sm" required autofocus placeholder="Jenis Sekolah">
                        <input name="id" hidden>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-control-label">Minimal Umur</label> <small class="text-danger">*</small>
                                <input type="number" name="min_umur" class="form-control form-control-sm" placeholder="Minimal Umur">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-control-label">Maksimal Umur</label> <small class="text-danger">*</small>
                                <input type="number" name="max_umur" class="form-control form-control-sm" placeholder="Maksimal Umur">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Biaya Administrasi</label> <small class="text-danger">*</small>
                        <input type="number" name="biaya_administrasi" class="form-control form-control-sm" required autofocus placeholder="Biaya Administrasi">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Kelas</label> <small class="text-danger">*</small>
                        <input type="number" name="kelas" class="form-control form-control-sm" required autofocus placeholder="Kelas">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Institution Code</label> <small class="text-danger">*</small>
                        <input type="number" name="trx_institution_code" class="form-control form-control-sm" required autofocus placeholder="Institution Code">
                    </div>
                    <!--<div class="form-group">-->
                    <!--    <label class="form-control-label">Uang Masuk</label> <small class="text-danger">*</small>-->
                    <!--    <input type="number" name="uang_masuk" class="form-control form-control-sm" required autofocus placeholder="Uang Masuk">-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                    <!--    <label class="form-control-label">Uang SPP</label> <small class="text-danger">*</small>-->
                    <!--    <input type="number" name="uang_spp" class="form-control form-control-sm" required autofocus placeholder="Uang SPP">-->
                    <!--</div>-->
                </div>
            </div>
            <div class="modal-footer" id="detailFooter"></div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" id="statusAktifData" role="dialog" aria-labelledby="warning">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <form action="#" class="form-update-status-aktif" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Status Jenis Sekolah</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">
                    <table class="table table-bordered">
                        <div class="form-group">
                            <label class="form-control-label">Status Aktif</label>
                            <select name="to_status_aktif" class="form-control form-control-sm" required autofocus>
                                <option>AKTIF</option>
                                <option>NONAKTIF</option>
                            </select>
                        </div>
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>GROUP</th>
                                <th>TINGKATAN SEKOLAH</th>
                                <th>JENIS SEKOLAH</th>
                                <th>&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody id="f-status-aktif-tbody">
                            
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer" id="statusAktifFooter">
                <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>
            </div>
            </form>
        </div>
    </div>
</div>
@endif

@if($create)
<div class="modal fade" tabindex="-1" id="createData" role="dialog" aria-labelledby="info">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="#" class="form-create-data" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Jenis Sekolah</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="form-group">
                        <label class="form-control-label">Group Jenis Sekolah</label> <small class="text-danger">*</small>
                        <select name="id_group_jenis_sekolah" class="form-control form-control-sm" required autofocus>
                            <option value="" selected disabled>Group Jenis Sekolah</option>
                            @foreach($group_jenis_sekolah as $b)
                            <option value="{{$b->id}}">{{$b->group_jenis_sekolah}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Tingkatan Sekolah</label> <small class="text-danger">*</small>
                        <input type="text" name="tingkatan_sekolah" class="form-control form-control-sm" required autofocus placeholder="Tingkatan Sekolah">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Jenis Sekolah</label> <small class="text-danger">*</small>
                        <input type="text" name="jenis_sekolah" class="form-control form-control-sm" required autofocus placeholder="Jenis Sekolah">
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-control-label">Minimal Umur</label> <small class="text-danger">*</small>
                                <input type="number" name="min_umur" class="form-control form-control-sm" placeholder="Minimal Umur">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-control-label">Maksimal Umur</label> <small class="text-danger">*</small>
                                <input type="number" name="max_umur" class="form-control form-control-sm" placeholder="Maksimal Umur">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Biaya Administrasi</label> <small class="text-danger">*</small>
                        <input type="text" name="biaya_administrasi" class="form-control form-control-sm" required autofocus placeholder="Biaya Administrasi">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Kelas</label> <small class="text-danger">*</small>
                        <input type="number" name="kelas" class="form-control form-control-sm" required autofocus placeholder="Kelas">
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Institution Code</label> <small class="text-danger">*</small>
                        <input type="number" name="trx_institution_code" class="form-control form-control-sm" required autofocus placeholder="Institution Code">
                    </div>
                    <!--<div class="form-group">-->
                    <!--    <label class="form-control-label">Uang Masuk</label> <small class="text-danger">*</small>-->
                    <!--    <input type="text" name="uang_masuk" class="form-control form-control-sm" required autofocus placeholder="Uang Masuk">-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                    <!--    <label class="form-control-label">Uang SPP</label> <small class="text-danger">*</small>-->
                    <!--    <input type="text" name="uang_spp" class="form-control form-control-sm" required autofocus placeholder="Uang SPP">-->
                    <!--</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">Submit</button>
            </div>
            </form>
        </div>
    </div>
</div>
@endif

@endsection
@push('custom-scripts')
<script>
    var param = {
        filter: "",
        status_aktif: "ALL"
    }
    $(document).ready(function(e){
        loadThis(param)
    });
    $(document).on('click', '.btn-refresh', function(e){
        e.preventDefault();
        param = {
            filter: "",
            status_aktif: "ALL"
        };
        $('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', '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/settings/jenis_sekolah/getData";
        th = '<th>ID</th>' +
             '<th>GROUP</th>' +
             '<th>TINGKATAN SEKOLAH</th>' +
             '<th>JENIS SEKOLAH</th>' +
             '<th>MIN - MAX UMUR</th>' +
             '<th>BIAYA ADMINISTRASI</th>' +
             '<th>KELAS</th>' +
            //  '<th>UANG MASUK</th>' +
            //  '<th>UANG SPP</th>' +
             '<th width="5%">Institution Code</th>' +
             '<th width="5%">STATUS</th>' +
             '<th width="5%">ACTION</th>' +
             '<th width="5%"> </th>';
        columns = [
                    { "data": "id", 'className':'text-center'},
                    { "data": "id_group_jenis_sekolah", 'className':'text-center nowrap'},
                    { "data": "tingkatan_sekolah", 'className':'text-center nowrap'},
                    { "data": "jenis_sekolah", 'className':'text-center nowrap'},
                    { "data": "min_umur", 'className':'text-center nowrap'},
                    { "data": "biaya_administrasi", 'className':'text-center nowrap'},
                    { "data": "kelas", 'className':'text-center nowrap'},
                    // { "data": "uang_masuk", 'className':'text-center nowrap'},
                    // { "data": "uang_spp", 'className':'text-center nowrap'},
                    { "data": "trx_institution_code", 'className':'text-center'},
                    { "data": "status_aktif", 'className':'text-center'},
                    { "data": "id", 'className':'text-center'},
                    { "data": "id", 'className':'text-center'},
                  ];
    
        col_def = [
                {
                    "targets" : 1,
                    "data": "id_group_jenis_sekolah",
                    "render" : function (data, type, row) {
                        if(!row.group_jenis_sekolah) return '-';
                        return row.group_jenis_sekolah.group_jenis_sekolah;
                    }
                },
                {
                    "targets" : 4,
                    "data": "min_umur",
                    "render" : function (data, type, row) {
                        min = row.min_umur;
                        max = row.max_umur;
                        min_max = min + ' - ' + max
                        if(!min && !max) min_max = '-';
                        if(min && !max) min_max = 'Min ' + min;
                        if(!min && max) min_max = 'Max ' + max;
                        
                        if(min_max === '-') return min_max;
                        return min_max + ' Tahun';
                    }
                },
                {
                    "targets" : 5,
                    "data": "biaya_administrasi",
                    "render" : function (data, type, row) {
                        return convertToRupiah(row.biaya_administrasi);
                    }
                },
                // {
                //     "targets" : 6,
                //     "data": "uang_masuk",
                //     "render" : function (data, type, row) {
                //         return convertToRupiah(row.uang_masuk);
                //     }
                // },
                // {
                //     "targets" : 7,
                //     "data": "uang_spp",
                //     "render" : function (data, type, row) {
                //         return convertToRupiah(row.uang_spp);
                //     }
                // },
                {
                    "targets" : 8,
                    "data": "status_aktif",
                    "render" : function (data, type, row) {
                        var btn_bg = 'bg-green';
                        if(row.status_aktif === "NONAKTIF") btn_bg = 'bg-danger';
                        return '<a href="#" class="btn btn-sm '+btn_bg+' text-white btn-view-only">'+row.status_aktif+'</a>';
                    }
                },
                {
                    "targets" : 9,
                    "data": "id",
                    "render" : function (data, type, row) {
                        var status_text = "NONAKTIFKAN",
                            status_color = "text-danger";
                        if(row.status_aktif === "NONAKTIF"){
                            status_text = "AKTIFKAN";
                            status_color = "text-success";
                        }
                        var btn = '';
                        if({{$update}}){
                            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="">' +
                                            '<a href="#" class="dropdown-item btn-detail" data-id="'+row.id+'"><i class="fa fa-edit text-warning mr-3 ml-1"></i> EDIT</a>' +
                                            '<a href="#" class="dropdown-item btn-status-aktif" data-id="'+row.id+'"><i class="fa fa-power-off mr-2 '+status_color+'"></i> '+ status_text +'</a>' +
                                        '</div>' +
                                       '</div>';
                        }
                        return btn;
                    }
                },
                {
                    "targets" : 10,
                    "data": "id",
                    "render" : function (data, type, row) {
                        var cb = '';
                        if({{$update}}){
                            var group_jenis_sekolah = '-';
                            if(row.group_jenis_sekolah) group_jenis_sekolah = row.group_jenis_sekolah.group_jenis_sekolah;
                            
                            cb = '<div class="custom-control custom-checkbox">' +
                                    '<input class="custom-control-input" type="checkbox" name="multi_status_aktif[]" data-id="'+row.id+'" data-group_jenis_sekolah="'+group_jenis_sekolah+'" data-tingkatan_sekolah="'+row.tingkatan_sekolah+'" data-jenis_sekolah="'+row.jenis_sekolah+'" id="multi_status_aktif-'+row.id+'">' +
                                    '<label for="multi_status_aktif-'+row.id+'" class="custom-control-label"> </label>'
                                 '</div>';
                        }
                        return cb;
                    }
                },
            ];   
        
        order = [[1, 'desc']];
        sDom = '';        
        buttons = [];
        loadTable(url, params, th, col_def, columns, order, sDom, buttons);
    }
</script>

@if($create)
<script>
    $(document).ready(function(e){
        $(document).on('submit', '.form-create-data', function(e){
            e.preventDefault();
            var ini = $(this),  input_token = $('input[name=_token]'),
                url = '/web_api/settings/jenis_sekolah/create';
            var post_data = {
                is_ajax: true,
                _token: input_token.val(),
                id_group_jenis_sekolah: ini.find('select[name=id_group_jenis_sekolah]').val(),
                jenis_sekolah: ini.find('input[name=jenis_sekolah]').val(),
                tingkatan_sekolah: ini.find('input[name=tingkatan_sekolah]').val(),
                min_umur: ini.find('input[name=min_umur]').val(),
                max_umur: ini.find('input[name=max_umur]').val(),
                biaya_administrasi: ini.find('input[name=biaya_administrasi]').val(),
                kelas: ini.find('input[name=kelas]').val(),
                trx_institution_code: ini.find('input[name=trx_institution_code]').val(),
                // uang_masuk: ini.find('input[name=uang_masuk]').val(),
                // uang_spp: ini.find('input[name=uang_spp]').val(),
            };
            
            var e_modal_wait = $("#modalWait");
            showLoading(e_modal_wait);
        
            function postData(post_data){
                $.ajax({
                    url: url,
                    type: "post",
                    data: post_data
                })
                .done(function (result) {
                    var message = result.message;
                    hideLoading(e_modal_wait);
                    if (result.status) {
                        $('#createData').modal('hide');
                        ini.find('select[name=id_group_jenis_sekolah]').val('');
                        ini.find('input[name=jenis_sekolah]').val('');
                        ini.find('input[name=tingkatan_sekolah]').val('');
                        ini.find('input[name=min_umur]').val('');
                        ini.find('input[name=max_umur]').val('');
                        ini.find('input[name=biaya_administrasi]').val('');
                        ini.find('input[name=kelas]').val('');
                        ini.find('input[name=trx_institution_code]').val('');
                        // ini.find('input[name=uang_masuk]').val('');
                        // ini.find('input[name=uang_spp]').val('');
                        loadThis(param)
                        successAlert(message);
                    } else {
                        failedAlert(message);
                    }
                    input_token.val(result.newtoken);
                })
                .fail(ajax_fail);
            }
            
            postData(post_data);
            
        });
    });
</script>
@endif

@if($update)
<script>
    $(document).ready(function(e){
        $(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_sekolah/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('select[name=id_group_jenis_sekolah]').val(data.id_group_jenis_sekolah);
                    form.find('input[name=jenis_sekolah]').val(data.jenis_sekolah);
                    form.find('input[name=tingkatan_sekolah]').val(data.tingkatan_sekolah);
                    form.find('input[name=min_umur]').val(data.min_umur);
                    form.find('input[name=max_umur]').val(data.max_umur);
                    form.find('input[name=biaya_administrasi]').val(data.biaya_administrasi);
                    form.find('input[name=kelas]').val(data.kelas);
                    form.find('input[name=trx_institution_code]').val(data.trx_institution_code);
                    // form.find('input[name=uang_masuk]').val(data.uang_masuk);
                    // form.find('input[name=uang_spp]').val(data.uang_spp);
                    
                    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('click', '.btn-status-aktif', 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_sekolah/status_aktif/'+id,
                type: "get",
                data: {}
            })
            .done(function (result) {
                var message = result.message;
                hideLoading(e_modal_wait);
                if (result.status) {
                    loadThis(param)
                    successAlert(message);
                } else {
                    failedAlert(message);
                }
            })
            .fail(ajax_fail);
        });
        $(document).on('submit', '.form-update-data', function(e){
            e.preventDefault();
            var ini = $(this),  input_token = $('input[name=_token]'),
                id = ini.find('input[name=id]').val(),
                url = '/web_api/settings/jenis_sekolah/update/'+id;
            var post_data = {
                is_ajax: true,
                _token: input_token.val(),
                id_group_jenis_sekolah: ini.find('select[name=id_group_jenis_sekolah]').val(),
                jenis_sekolah: ini.find('input[name=jenis_sekolah]').val(),
                tingkatan_sekolah: ini.find('input[name=tingkatan_sekolah]').val(),
                min_umur: ini.find('input[name=min_umur]').val(),
                max_umur: ini.find('input[name=max_umur]').val(),
                biaya_administrasi: ini.find('input[name=biaya_administrasi]').val(),
                kelas: ini.find('input[name=kelas]').val(),
                trx_institution_code: ini.find('input[name=trx_institution_code]').val(),
                // uang_masuk: ini.find('input[name=uang_masuk]').val(),
                // uang_spp: ini.find('input[name=uang_spp]').val(),
            };
            
            var e_modal_wait = $("#modalWait");
            showLoading(e_modal_wait);
        
            function postData(datas){
                $.ajax({
                    url: url,
                    type: "post",
                    data: datas
                })
                .done(function (result) {
                    var message = result.message;
                    hideLoading(e_modal_wait);
                    if (result.status) {
                        $('#detailData').modal('hide');
                        loadThis(param)
                        successAlert(message);
                    } else {
                        failedAlert(message);
                    }
                    input_token.val(result.newtoken);
                })
                .fail(ajax_fail);
            }
            
            postData(post_data);
            
        });
        
        $(document).on('click', '.btn-multiple-status-aktif', function(e){
            e.preventDefault();
            var selected = [], tr_status_aktif = '', tbody = $('#f-status-aktif-tbody');
            var ids = $("input[name='multi_status_aktif[]']:checked").map(function (id, elm) {
                selected[$(elm).data('id')] = {
                    "group_jenis_sekolah": $(elm).data('group_jenis_sekolah'),
                    "tingkatan_sekolah": $(elm).data('tingkatan_sekolah'),
                    "jenis_sekolah": $(elm).data('jenis_sekolah'),
                }
                tr_status_aktif += '<tr class="tr-selected-status-aktif">' +
                                        '<td>'+ $(elm).data('id') +'<input name="selected_status_aktif_id[]" value="'+$(elm).data('id')+'" hidden></td>' +
                                        '<td>'+ $(elm).data('group_jenis_sekolah') +'</td>' +
                                        '<td>'+ $(elm).data('tingkatan_sekolah') +'</td>' +
                                        '<td>'+ $(elm).data('jenis_sekolah') +'</td>' +
                                        '<td width="5%">' +
                                            '<a class="btn btn-sm btn-danger btn-remove-selected-status-aktif"><i class="fa fa-times"></i></a>' +
                                        '</td>' +
                                    '</tr>';
                return $(elm).data('id');
            }).get();
            
            $('#f-status-aktif-tbody').html(tr_status_aktif);
            
            $('#statusAktifData').modal('show');
        });
        $(document).on('click', '.btn-remove-selected-status-aktif', function(e){
            e.preventDefault();
            $(this).parents('.tr-selected-status-aktif').remove();
            if($('.tr-selected-status-aktif').length <= 0) $('#statusAktifData').modal('hide');
        })
        $(document).on('submit', '.form-update-status-aktif', function(e){
            e.preventDefault();
            var ini = $(this),  input_token = $('input[name=_token]');
            
            var post_data = {
                is_ajax: true,
                _token: input_token.val(),
                to_status_aktif: ini.find('select[name=to_status_aktif]').val(),
                ids: $("input[name='selected_status_aktif_id[]']").map(function (id, elm) {
                        return this.value;
                     }).get(),
            };
            
            var e_modal_wait = $("#modalWait");
            showLoading(e_modal_wait);
        
            function postData(datas){
                $.ajax({
                    url: '/web_api/settings/jenis_sekolah/multiple_status_aktif',
                    type: "post",
                    data: datas
                })
                .done(function (result) {
                    var message = result.message;
                    hideLoading(e_modal_wait);
                    if (result.status) {
                        $('#statusAktifData').modal('hide');
                        loadThis(param)
                        successAlert(message);
                    } else {
                        failedAlert(message);
                    }
                    input_token.val(result.newtoken);
                })
                .fail(ajax_fail);
            }
            
            postData(post_data);
            
        });
        
    });
</script>
@endif

@endpush