@extends('layouts.app_admin')

@section('content')
<section class="content-wrapper mb-4">
    <div class="card">
        <div class="row pt-3 px-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="#">Master</a></li>
                  <li class="breadcrumb-item"><a href="#">OPD</a></li>
                </ol>
            </nav>
        </div>
    </div>
</section>

<section class="content-wrapper">
    <div class="card">
        <div class="card-header">
            <h2><i class="fa fa-building" aria-hidden="true"></i> OPD</h2>
        </div>
        <div class="card-body">
            <table id="datatableOPD" class="table table-bordered table-hover">
                <thead>
                    <th>No.</th>
                    <th>Nama OPD</th>
                    <th>Alamat</th>
                    <th>Aksi</th>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</section>


@endsection
@section('script')
<script>

const delete_data = (ini) => {
    let dataset = ini.dataset;
    Swal.fire({
        "title": "Konfirmasi",
        "text": `${dataset['text']}?`,
        "type": "question",
        "confirmButtonText": "Iya",
        "showCancelButton": true,
        "reverseButtons": true,
        "cancelButtonText": "Tidak"
    }).then((result) => {
        if (result.value) {
            $.ajax({
                url: '{{ route('master.opd.delete') }}',
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    id_opd: dataset['id_opd']
                },
                beforeSend: function() {
                    showSwalLoading('Loading...', 'Menghapus Data');
                },
                success: function(data) {
                    let status = data.result.status;  
                    let keterangan_status = data.result.keterangan_status;  
                    let redirect = data.result.redirect;  
                    
                    showSwal(status,keterangan_status);
                    if (redirect){
                        window.location.href = redirect;
                    }  
                },
                error: function(data) {
                    alert("Terjadi Kesalahan pada Server");
                }
            });
        }
    });
}

$(document).ready(function () {
    $('#datatableOPD').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url : "{{route('master.opd.datatables')}}",
            type: 'POST',
            data: 
                {
                    "_token": "{{csrf_token()}}"
                }
        },
        dom: 'Blfrtip',
        buttons: [
            { 
                text:'<i class="fa fa-plus"></i>&nbsp Tambah OPD', 
                className: 'btn btn-success btn-sm rounded-0', 
                action: function ( e, dt, button, config ) {
                    window.location = "{{route('master.opd.create')}}";
                }        
            }
        ],
        columns: [
            { data: 'no' },
            { data: 'nama_opd' },
            { data: 'alamat' },
            { data: 'action' }
        ],
    });
});

</script>
@endsection