{{-- <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: 'issues', name: 'issues' },
                { 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 },
            ],
            columnDefs: [
                { targets: 0, width: 'auto' },
                { targets: 2, width: '7%' },
                { targets: 3, width: '10%' },
                { targets: 4, width: '10%' },
                { targets: 5, width: 'auto' },
                {
                    targets: [1],
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                }
            ],
            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 === '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: 'issues', name: 'issues' },
                { 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 },
            ],
            columnDefs: [
                { targets: 0, width: 'auto' },
                { targets: 1, width: '10%' },
                { targets: 3, width: '10%' },
                { targets: 4, width: '10%' },
                { targets: 5, width: 'auto' },
                {
                    targets: [2],
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                }
            ],
            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 === '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: 'issues', name: 'issues' },
                { 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 },
            ],
            columnDefs: [
                { targets: 0, width: 'auto' },
                { targets: 2, width: '7%' },
                { targets: 3, width: '10%' },
                { targets: 4, width: '10%' },
                { targets: 5, width: '5%' },
                {
                    targets: [1],
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                }
            ],
            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 === '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: 'issues', name: 'issues' },
                { 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 },
            ],
            columnDefs: [
                { targets: 0, width: 'auto' },
                { targets: 1, width: 'auto' },
                { targets: 3, width: '12%' },
                { targets: 4, width: '7%' },
                { targets: 5, width: '5%' },
                {
                    targets: [2],
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                }
            ],
            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 === '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: 'issues', name: 'issues' },
                { 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 === 'announcement')
<script>
    $(document).ready(function() {
        $('#announcementsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.announcements.data', ["type" => $category]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'headline', name: 'headline' },
                { data: 'sender', name: 'sender' },
                { data: 'sent_at', name: 'sent_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 },
            ],
            columnDefs: [
                { targets: 0, width: '10%' }, // Kolom No
                {
                    targets: 1,
                    width: '30%',
                    createdCell: function(td, cellData, rowData, row, col) {
                        // Membungkus teks di kolom Headline
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                },  // Kolom Headline
                { targets: 2, width: '10%' }, // Kolom Pengirim
                { targets: 3, width: '18%' }, // Kolom Tanggal
                { targets: 4, width: '5%' },  // Kolom aksi
            ],
            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 === 'media_announcement')
<script>
    $(document).ready(function() {
        $('#mediaAnnouncementsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.announcements.media.data', ["type" => $category]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'headline', name: 'headline' },
                { data: 'sender', name: 'sender' },
                { data: 'sent_at', name: 'sent_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 },
            ],
            columnDefs: [
                { targets: 0, width: '10%' }, // Kolom No
                {
                    targets: 1,
                    width: '30%',
                    createdCell: function(td, cellData, rowData, row, col) {
                        // Membungkus teks di kolom Headline
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                },  // Kolom Headline
                { targets: 2, width: '10%' }, // Kolom Pengirim
                { targets: 3, width: '18%' }, // Kolom Tanggal
                { targets: 4, width: '10%' }, // Kolom Status
                { targets: 5, width: '5%' },  // Kolom aksi
            ],
            language: datatableLanguage,
            autoWidth: false,
            order: [
                [4, 'desc'],
                [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: '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: 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: '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: '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,
            // scrollY: "300px",
            // scrollCollapse: true,
        });
    });
</script>
@endif

@if ($datatable === 'media_proposal')
<script>
    $(document).ready(function() {
        $('#mediaProposalsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.cooperations.requests.media.proposal.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: 'send_proposal_at', name: 'send_proposal_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: [[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,
            // scrollY: "300px",
            // scrollCollapse: true,
        });
    });
</script>
@endif

@if (isset($second_datatable) && $second_datatable === 'cooperation_proposal')
<script>
    $(document).ready(function() {
        $('#cooperationProposalsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.cooperations.proposal.data', ["id" => encrypt_id($mediaCooperation->id)]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'name', name: 'name' },
                { data: 'send_proposal_at', name: 'send_proposal_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: [[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,
            // scrollY: "300px",
            // scrollCollapse: true,
        });
    });
</script>
@endif

@if ($datatable === 'order_media')
<script>
    $(document).ready(function() {
        $('#orderMediaTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.media.orders.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: '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 === 'admin_media_report')
<script>
    $(document).ready(function() {
        $('#adminMediaReportsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.reports.admin.media.data', ["id" => encrypt_id($mediaOrder->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: 'reuired_reports', name: 'reuired_reports' },
                { data: 'action', name: 'action' },
                { 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 === 'media_report')
<script>
    $(document).ready(function() {
        $('#mediaReportsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.reports.media.data', ["mediaOrderId" => encrypt_id($mediaOrder->id), "mediaId" => encrypt_id($reporterMediaId)]) }}',
            columns: [
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
                { data: 'title', name: 'title' },
                { data: 'date', name: 'date' },
                { data: 'status', name: 'status' },
                { data: 'action', name: 'action' },
                { 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 === 'admin_completion')
<script>
    $(document).ready(function() {
        $('#adminCompletionsTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{{ route('dashboard.cooperation.completions.data', ["id" => encrypt_id($mediaOrder->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: 'status', name: 'status' },
                { data: 'action', name: 'action' },
                { 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 === '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.monitorings.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', ["classification" => $classification, "sub_classification" => $sub_classification, "location" => $location, "sub_location" => $sub_location, "agency" => $agency]) }}',
            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 },
            ],
            columnDefs: [
                { targets: 0, width: '10%' }, // Kolom No
                { targets: 1, width: '10%' }, // Kolom Kode
                { targets: 2, width: '10%' }, // Kolom Pengirim
                { targets: 3, width: '18%' }, // Kolom Tanggal
                { targets: 4, width: '5%' },  // Kolom aksi

                // Menambahkan word wrap pada kolom location, sub_location, classification, sub_classification, response, dan government_agencies
                {
                    targets: [4, 5, 6, 7, 9, 10], // Indeks kolom yang ingin diberi word wrap
                    createdCell: function(td, cellData, rowData, row, col) {
                        // Membungkus teks di kolom-kolom yang dipilih
                        $(td).css({
                            'word-wrap': 'break-word',
                            'white-space': 'normal',
                            'overflow-wrap': 'break-word'
                        });
                    }
                }
            ],
            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 === '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