{{-- <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",
        processing: '<div class="custom-loader">Memuat data...</div>'
    };
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[5, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[5, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[5, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[5, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[3, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[6, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[3, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'company')
<script>
    $(document).ready(function() {
        $('#companiesTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.companies.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'email', name: 'email' },
                { data: 'director_name', name: 'director_name' },
                { data: 'status', name: 'status' },
                { data: 'address', name: 'address' },
                { data: 'status_edit', name: 'status_edit' },
                { data: 'register_at', name: 'register_at' },
                { data: 'validated_at', name: 'validated_at' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[10, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'media')
<script>
    $(document).ready(function() {
        $('#mediaTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.media.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'media_name', name: 'media_name' },
                { data: 'company_name', name: 'company_name' },
                { data: 'type', name: 'type' },
                { data: 'classification', name: 'classification' },
                { data: 'link', name: 'link' },
                { data: 'address', name: 'address' },
                { data: 'status', name: 'status' },
                { data: 'status_edit', name: 'status_edit' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[10, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'journalist')
<script>
    $(document).ready(function() {
        $('#journalistsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.journalists.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'journalist_name', name: 'journalist_name' },
                { data: 'company_name', name: 'company_name' },
                { data: 'email', name: 'email' },
                { data: 'phone_number', name: 'phone_number' },
                { data: 'status', name: 'status' },
                { data: 'status_edit', name: 'status_edit' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[8, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            // dom: '<"top d-flex justify-content-between"l f>rt<"bottom d-flex justify-content-between"ip>',
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'cooperation')
<script>
    $(document).ready(function() {
        $('#cooperationsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.cooperations.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'start_date', name: 'start_date' },
                { data: 'end_date', name: 'end_date' },
                { data: 'posted_at', name: 'posted_at' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[6, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true,
            // scrollY: true,
        });
    });
</script>
@endif

@if ($datatable === 'cooperation_media')
<script>
    $(document).ready(function() {
        $('#cooperationMediaTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.cooperations.media.data', ["id" => encrypt_id($mediaCooperation->id)]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'media_name', name: 'media_name' },
                { data: 'company_name', name: 'company_name' },
                { data: 'email', name: 'email' },
                { data: 'type', name: 'type' },
                { data: 'classification', name: 'classification' },
                { data: 'status', name: 'status' },
                // { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[7, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'cooperation_request')
<script>
    $(document).ready(function() {
        $('#cooperationRequestsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.cooperations.requests.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'start_date', name: 'start_date' },
                { data: 'end_date', name: 'end_date' },
                { data: 'posted_at', name: 'posted_at' },
                { data: 'status', name: 'status' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[6, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true,
            // scrollY: "300px",
            // scrollCollapse: true,
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[7, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'media_monitoring')
<script>
    $(document).ready(function() {
        $('#mediaMonitoringsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.media.monitoring.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'enhancer', name: 'enhancer' },
                { data: 'code', name: 'code' },
                { data: 'input_date', name: 'input_date' },
                { data: 'title', name: 'title' },
                { data: 'media_name', name: 'media_name' },
                { data: 'link', name: 'link' },
                { data: 'issue_status', name: 'issue_status' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[9, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif

@if ($datatable === 'issue_management')
<script>
    $(document).ready(function() {
        $('#issueManagementsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.issue.managements.data') }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'code', name: 'code' },
                { data: 'media_name', name: 'media_name' },
                { data: 'monitoring_media_title', name: 'monitoring_media_title' },
                { data: 'location', name: 'location' },
                { data: 'sub_location', name: 'sub_location' },
                { data: 'classification', name: 'classification' },
                { data: 'sub_classification', name: 'sub_classification' },
                { data: 'issue', name: 'issue' },
                { data: 'response', name: 'response' },
                { data: 'government_agencies', name: 'government_agencies' },
                { data: 'action', name: 'action', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[12, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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: 'created_at', name: 'created_at', visible: false },
                { data: 'id', name: 'id', orderable: true, searchable: false, visible: false },
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [[6, 'desc']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</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']],
            pagingType: "simple",
            lengthMenu: [[10, 25, 50, 100, -1], ['Tampilkan 10 data', 'Tampilkan 25 data', 'Tampilkan 50 data', 'Tampilkan 100 data', 'Tampilkan semua']],
            scrollX: true
        });
    });
</script>
@endif