@extends('layout.main')
@section('title', $title)
@section('content')
    <div class="row">
        <div class="col">

            <div class="card card-minimal">
                <!-- Card header -->
                <div class="card-header">
                    <h5 class="mb-0">Data {{$title}}</h5>
                    <p class="text-sm mb-0">

                    </p>

                </div>
                <div class="table-responsive py-4">
                    <div class="text-left col-sm-1">
                        <p><a href="{{url('/backend/extension-agency/district/add')}}" class="btn btn-info btn-sm" style="color: white" title="Tambah Data">
                                <i class="fa fa-plus"></i>Tambah Data</a></p>
                    </div>

                    <table class="table table-flush" id="datatable-buttons">
                        <thead class="thead-light">
                        <tr>
                            <th>No</th>
                            <th>Nama Lembaga</th>
                            <th>Email</th>
                            <th>No Telp</th>
                            <th>Alamat</th>
                            <th>Kecamatan</th>
                            <th>Aksi</th>
                        </tr>
                        </thead>
                        <tfoot>
                        <tr>
                            <th>No</th>
                            <th>Nama Lembaga</th>
                            <th>Email</th>
                            <th>No Telp</th>
                            <th>Alamat</th>
                            <th>Kecamatan</th>
                            <th>Aksi</th>
                        </tr>
                        </tfoot>

                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('scripts')
    <script>
        function deleteData(id) {
            var data = new FormData();
            data.append('id', id);

            modalConfirm("Konfirmasi", "Are you sure to delete this data ?", function () {
                ajaxTransfer("/backend/extension-agency/district/delete", data, "#modal-output");
            })
        }
        $(document).ready(function () {
            ajaxDataTable('#datatable-buttons', '/backend/extension-agency/district/data-table', [
                {data: 'rownum', name: 'rownum'},
                {data: 'district_extension_agency_name', name:'district_extension_agency_name'},
                {data: 'email', name: 'email'},
                {data: 'phone_number', name: 'phone_number'},
                {data: 'address', name: 'address'},
                {data: 'district_name', name: 'district_name'},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ]);
        });
    </script>
@endsection