{{-- <script>
    alert('hai');
</script> --}}
<script>
    var datatableLanguage = {
        search: "", // Menghilangkan teks 'Search :'
        searchPlaceholder: "Cari data...", // Placeholder untuk input pencarian
        zeroRecords: "Tidak ditemukan data yang sesuai",   // Teks ketika data tidak ditemukan
        info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ entri", // Info menampilkan data
        infoEmpty: "Menampilkan 0 sampai 0 dari 0 entri", // Jika tidak ada data
        infoFiltered: "(difilter dari _MAX_ total entri)", // Info setelah difilter
        lengthMenu: "_MENU_",  // Custom teks untuk Show Entries
        paginate: {
            previous: "Sebelumnya", // Custom teks Previous
            next: "Berikutnya"      // Custom teks Next
        },
        processing: '<div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div>',
        emptyTable: "Tidak ada data tersedia",
        zeroRecords: "Tidak ditemukan data yang sesuai"
    };
</script>

@if ($datatable === 'classification')
<script>
    $(document).ready(function() {
        $('#classificationsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.classifications.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'status', name: 'status' },
                { data: 'sub_classifications', name: 'sub_classifications' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'sub_classification')
<script>

    $(document).ready(function() {
        $('#subClassificationsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.sub.classifications.data', ["classification" => $classification]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'classification', name: 'classification' },
                { data: 'name', name: 'name' },
                { data: 'status', name: 'status' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'location')
<script>
    $(document).ready(function() {
        $('#locationsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.locations.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'status', name: 'status' },
                { data: 'sub_locations', name: 'sub_locations' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'sub_location')
<script>

    $(document).ready(function() {
        $('#subLocationsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.sub.locations.data', ["location" => $location]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'location', name: 'location' },
                { data: 'name', name: 'name' },
                { data: 'status', name: 'status' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'government_agency')
<script>
    $(document).ready(function() {
        $('#governmentAgenciesTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.government.agencies.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'news')
<script>
    $(document).ready(function() {
        $('#newsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.news.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'title', name: 'title' },
                { data: 'link', name: 'link' },
                { data: 'category', name: 'category' },
                { data: 'tag', name: 'tag' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'airing_proof_theme')
<script>
    $(document).ready(function() {
        $('#airingProofThemesTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.airing.proof.themes.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'content_recap')
<script>
    $(document).ready(function() {
        $('#contentRecapsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.content.recaps.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'title', name: 'title' },
                { data: 'channel', name: 'channel' },
                { data: 'posted_date', name: 'posted_date' },
                { data: 'classification', name: 'classification' },
                { data: 'link', name: 'link' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'user')
<script>
    $(document).ready(function() {
        $('#usersTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.users.data', ["role" => $role]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'email', name: 'email' },
                { data: 'role', name: 'role' },
                { data: 'status', name: 'status' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif

@if ($datatable === 'role')
<script>
    $(document).ready(function() {
        $('#rolesTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.role.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'account_count', name: 'account_count' },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[1, 'desc']],
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']]
        });
    });
</script>
@endif