@php
        // Content and script sections are rendered as separate Blade includes,
        // so variables created inside the content partial are not available here.
        $scriptViewerRole = (string) (Auth::user()->role ?? $dashboardDefaultRole);
        $scriptHasDashboardTabs = \App\Support\WorkflowPermission::canUseAdminPermission(
            $scriptViewerRole,
            \App\Support\WorkflowPermission::ADMIN_PERMISSION_REQUEST_DOCUMENT
        );
        $scriptActiveDashboardTab = $scriptHasDashboardTabs && request()->query('view') === 'requests'
            ? 'requests'
            : 'work';
        $scriptStatusFilterMap = $scriptActiveDashboardTab === 'work'
            ? [
                'Need Your Decision' => ['Need Your Decision'],
                'Approved' => ['Approved'],
                'Sent Back by You' => ['Sent Back by You'],
                'Completed' => ['Completed'],
                'Rejected' => ['Rejected'],
            ]
            : [
                'In Progress' => ['In Progress'],
                'Sent Back to Me' => ['Sent Back to You'],
                'Sent Back by My Organization' => ['Sent Back by My Organization'],
                'Completed' => ['Completed'],
                'Rejected' => ['Rejected'],
            ];
    @endphp

    <script src="{{ URL::asset('build/js/app.js') }}" data-turbo-eval="false"></script>
    <script>
        (function () {
            function getResponsiveDashboardTablePageSize() {
                return 10;
            }

            var listContainer = document.getElementById('customerList');
            var table = document.getElementById('customerTable');

            if (!listContainer || !table || typeof List === 'undefined') {
                return;
            }

            var perPage = getResponsiveDashboardTablePageSize();
            var customerList = new List('customerList', {
                valueNames: ['uhs_code', 'registry_document_number', 'requested_date', 'customer_name', 'email', 'from', 'tracking_id', 'date', 'status'],
                page: perPage,
                pagination: true,
                plugins: typeof ListPagination !== 'undefined' ? [ListPagination({ left: 2, right: 2 })] : []
            });
            window.dashboardCustomerList = customerList;
            window.dispatchDashboardSummaryUpdate = function () {
                window.dispatchEvent(new CustomEvent('dashboard:filters-updated', {
                    detail: { list: customerList }
                }));
            };

            customerList.on('updated', function () {
                window.setTimeout(window.dispatchDashboardSummaryUpdate, 0);
            });
            function updatePagination(list) {
                window.DocuFlowPagination.syncListState(list, { pageSize: perPage });
            }

            customerList.on('updated', updatePagination);
            updatePagination(customerList);
            var prevBtn = document.getElementById('documentPaginationPrev');
            var nextBtn = document.getElementById('documentPaginationNext');
            if (prevBtn) prevBtn.addEventListener('click', function (e) {
                e.preventDefault();
                if (!this.classList.contains('disabled')) {
                    customerList.show(Math.max(1, customerList.i - perPage), perPage);
                }
            });
            if (nextBtn) nextBtn.addEventListener('click', function (e) {
                e.preventDefault();
                if (!this.classList.contains('disabled')) {
                    customerList.show(customerList.i + perPage, perPage);
                }
            });
            var statusFilter = document.getElementById('statusFilter');
            var documentTypeFilter = document.getElementById('documentTypeFilter');
            var dateRangeFilter = document.getElementById('dateRangeFilter');
            var exportCsvBtn = document.getElementById('exportCsvBtn');
            var exportPdfBtn = document.getElementById('exportPdfBtn');
            var exportExcelBtn = document.getElementById('exportExcelBtn');
            var resetTableFiltersBtn = document.getElementById('resetTableFilters');
            var searchInput = listContainer.querySelector('.search');
            if (dateRangeFilter) {
                dateRangeFilter.setAttribute('readonly', 'readonly');
                if (typeof flatpickr !== 'undefined') {
                    if (dateRangeFilter._flatpickr) {
                        dateRangeFilter._flatpickr.destroy();
                    }
                    var effectiveLocale = "{{ session('lang', app()->getLocale()) }}";
                    var isKhmerLocale = effectiveLocale === "kh";
                    var khmerFlatpickrLocale = {
                        weekdays: {
                            shorthand: ['អា','ច','អ','ព','ព្រ','សុ','ស'],
                            longhand: ['អាទិត្យ','ចន្ទ','អង្គារ','ពុធ','ព្រហស្បតិ៍','សុក្រ','សៅរ៍']
                        },
                        months: {
                            shorthand: ['មក','កុ','មី','មេស','ឧស','មិថ','កក្ក','សី','កញ','តុ','វិ','ធ'],
                            longhand: ['មករា','កុម្ភៈ','មីនា','មេសា','ឧសភា','មិថុនា','កក្កដា','សីហា','កញ្ញា','តុលា','វិច្ឆិកា','ធ្នូ']
                        },
                        rangeSeparator: ' ដល់ ',
                        firstDayOfWeek: 1
                    };
                    var addDateRangeHelp = function (selectedDates, dateStr, instance) {
                        if (!instance || !instance.calendarContainer || instance.calendarContainer.querySelector('.date-range-help')) {
                            return;
                        }

                        var help = document.createElement('div');
                        help.className = 'date-range-help px-3 py-2 small text-muted border-top bg-light';
                        help.style.maxWidth = '320px';
                        help.style.whiteSpace = 'normal';
                        help.style.textAlign = 'left';
                        var list = document.createElement('ul');
                        list.className = 'mb-0 ps-3 text-start';
                        [@json(__('Select period: click the start date, then click the end date.')), @json(__('One day: double-click the same date.'))].forEach(function (text) {
                            var item = document.createElement('li');
                            item.textContent = text;
                            list.appendChild(item);
                        });
                        help.appendChild(list);
                        instance.calendarContainer.appendChild(help);
                    };
                    flatpickr(dateRangeFilter, {
                        mode: 'range',
                        dateFormat: isKhmerLocale ? 'd F, Y' : 'd M, Y',
                        locale: isKhmerLocale ? khmerFlatpickrLocale : 'default',
                        allowInput: false,
                        onReady: addDateRangeHelp,
                        onOpen: addDateRangeHelp
                    });
                }
            }

            function resetDashboardTableFilters(event) {
                if (event) {
                    event.preventDefault();
                    event.stopPropagation();
                }

                if (searchInput) {
                    searchInput.value = '';
                }

                if (statusFilter) {
                    statusFilter.selectedIndex = 0;
                }

                if (documentTypeFilter) {
                    documentTypeFilter.selectedIndex = 0;
                }

                if (dateRangeFilter) {
                    if (dateRangeFilter._flatpickr) {
                        dateRangeFilter._flatpickr.clear();
                    }

                    dateRangeFilter.value = '';
                }

                customerList.search('');
                customerList.filter(function () {
                    return true;
                });
                customerList.show(1, perPage);
                customerList.update();

                if (typeof updatePagination === 'function') {
                    updatePagination(customerList);
                }

                if (typeof adjustDateRangeWidth === 'function') {
                    adjustDateRangeWidth();
                }

                window.dispatchEvent(new CustomEvent('dashboard:filters-updated'));
            }

            function adjustDateRangeWidth() {
                if (!dateRangeFilter) return;
                if (typeof window.resizeDashboardDateRangeField === 'function') {
                    window.resizeDashboardDateRangeField(dateRangeFilter);
                    return;
                }
                var group = dateRangeFilter.closest('.input-group');
                if (!group) return;

                var textLength = (dateRangeFilter.value || dateRangeFilter.getAttribute('placeholder') || '').length;
                var minWidth = 190;
                var maxWidth = 460;
                var target = Math.min(maxWidth, Math.max(minWidth, 68 + (textLength * 8)));

                group.style.width = target + 'px';
                group.style.maxWidth = '100%';
            }

            adjustDateRangeWidth();
            var dateRangeIcon = null;
            if (dateRangeFilter) {
                var dateRangeGroup = dateRangeFilter.closest('.input-group');
                if (dateRangeGroup) {
                    dateRangeIcon = dateRangeGroup.querySelector('.input-group-text');
                }
            }

            if (dateRangeIcon) {
                dateRangeIcon.style.cursor = 'pointer';
                dateRangeIcon.addEventListener('click', function () {
                    if (dateRangeFilter && dateRangeFilter._flatpickr) {
                        dateRangeFilter._flatpickr.open();
                    } else if (dateRangeFilter) {
                        dateRangeFilter.focus();
                    }
                });
            }
            var statusFilterMap = @json(collect($scriptStatusFilterMap)
                ->mapWithKeys(fn ($statuses, $label) => [__($label) => array_map(fn ($status) => __($status), $statuses)])
                ->toArray());

            function parseDashboardDate(value) {
                var text = (value || '').toString().trim();
                if (!text) return null;
                var direct = new Date(text);
                if (!isNaN(direct.getTime())) return direct;
                var monthMap = {
                    jan: 0, january: 0, 'មករា': 0,
                    feb: 1, february: 1, 'កុម្ភៈ': 1,
                    mar: 2, march: 2, 'មីនា': 2,
                    apr: 3, april: 3, 'មេសា': 3,
                    may: 4, 'ឧសភា': 4,
                    jun: 5, june: 5, 'មិថុនា': 5,
                    jul: 6, july: 6, 'កក្កដា': 6,
                    aug: 7, august: 7, 'សីហា': 7,
                    sep: 8, september: 8, 'កញ្ញា': 8,
                    oct: 9, october: 9, 'តុលា': 9,
                    nov: 10, november: 10, 'វិច្ឆិកា': 10,
                    dec: 11, december: 11, 'ធ្នូ': 11
                };
                var match = text.match(/^(\d{1,2})\s+([^\d,]+),\s+(\d{4})(?:\s+(\d{1,2}):(\d{2})\s*(AM|PM))?$/i);
                if (!match) return null;
                var day = parseInt(match[1], 10);
                var monthName = match[2].trim();
                var year = parseInt(match[3], 10);
                var hour = match[4] ? parseInt(match[4], 10) : 0;
                var minute = match[5] ? parseInt(match[5], 10) : 0;
                var meridiem = match[6] ? match[6].toUpperCase() : null;
                var monthKey = monthName.toLowerCase();
                if (!Object.prototype.hasOwnProperty.call(monthMap, monthKey)) return null;
                if (meridiem === 'PM' && hour < 12) hour += 12;
                if (meridiem === 'AM' && hour === 12) hour = 0;
                var parsed = new Date(year, monthMap[monthKey], day, hour, minute, 0, 0);
                return isNaN(parsed.getTime()) ? null : parsed;
            }
            
            function parseDateRange(value) {
                if (dateRangeFilter && dateRangeFilter.dataset.rangePending === '1') {
                    return { from: null, to: null };
                }

                if (dateRangeFilter && dateRangeFilter._flatpickr && dateRangeFilter._flatpickr.selectedDates.length > 0) {
                    var selectedDates = dateRangeFilter._flatpickr.selectedDates;
                    var selectedFrom = new Date(selectedDates[0].getTime());
                    var selectedTo = new Date((selectedDates[1] || selectedDates[0]).getTime());
                    selectedFrom.setHours(0, 0, 0, 0);
                    selectedTo.setHours(23, 59, 59, 999);
                    return { from: selectedFrom, to: selectedTo };
                }

                var raw = (value || '').toString().trim();
                if (!raw) {
                    return { from: null, to: null };
                }

                var parts = raw.split(/\s+to\s+/i);
                var from = parseDashboardDate(parts[0]);
                var to = parts.length > 1 ? parseDashboardDate(parts[1]) : from;

                if (from && !isNaN(from.getTime())) {
                    from.setHours(0, 0, 0, 0);
                }

                if (to && !isNaN(to.getTime())) {
                    to.setHours(23, 59, 59, 999);
                }

                return { from: from, to: to };
            }
            function applyTableFilters(selected) {
                var parsedRange = parseDateRange(dateRangeFilter ? dateRangeFilter.value : '');
                var fromDate = parsedRange.from;
                var toDate = parsedRange.to;
                var selectedDocumentType = documentTypeFilter ? documentTypeFilter.value : '';
                customerList.filter(function (item) {
                    var statusPass = true;
                    var documentTypePass = true;
                    if (selected === @json(__('New for Me'))) {
                        statusPass = item.elm && item.elm.getAttribute('data-unread-update') === '1';
                    } else if (selected !== @json(__('All Status'))) {
                        var selectedStatusOption = statusFilter && statusFilter.selectedOptions ? statusFilter.selectedOptions[0] : null;
                        var selectedStatusKeys = selectedStatusOption && selectedStatusOption.dataset.statusKeys
                            ? selectedStatusOption.dataset.statusKeys.split('|').filter(Boolean)
                            : null;

                        if (selectedStatusKeys && selectedStatusKeys.length) {
                            // Compare slugged status keys rather than the rendered badge
                            // text: a row can append a "New" unread badge next to the
                            // status label, which broke plain text-content matching.
                            var rowStatusKey = item.elm ? item.elm.getAttribute('data-status-key') : '';
                            statusPass = selectedStatusKeys.indexOf(rowStatusKey) !== -1;
                        } else {
                            var allowedStatuses = statusFilterMap[selected] || [selected];
                            if (allowedStatuses.indexOf(@json(__('All Status'))) === -1) {
                                var parsedStatus = new DOMParser().parseFromString(item.values().status, 'text/html');
                                statusPass = allowedStatuses.indexOf(parsedStatus.body.textContent.trim()) !== -1;
                            }
                        }
                    }
                    if (!statusPass) return false;
                    if (selectedDocumentType) {
                        documentTypePass = item.elm && item.elm.getAttribute('data-document-type-key') === selectedDocumentType;
                    }
                    if (!documentTypePass) return false;
                    if ((!fromDate || isNaN(fromDate.getTime())) && (!toDate || isNaN(toDate.getTime()))) return true;
                    var timestamp = item.elm && item.elm.querySelector('.date') ? parseInt(item.elm.querySelector('.date').getAttribute('data-timestamp') || '', 10) : NaN;
                    var rowDate = !isNaN(timestamp) ? new Date(timestamp * 1000) : parseDashboardDate(item.values().date);
                    if (!rowDate) return false;
                    if (fromDate && !isNaN(fromDate.getTime()) && rowDate < fromDate) return false;
                    if (toDate && !isNaN(toDate.getTime()) && rowDate > toDate) return false;
                    return true;
                });
            

                window.dispatchEvent(new CustomEvent('dashboard:filters-updated'));}
            

            function exportFilteredTable() {
                var table = document.getElementById('customerTable');
                if (!table || !customerList) return;

                var exportHeaders = Array.prototype.slice.call(table.querySelectorAll('thead th[data-sort]'));
                var columnKeys = exportHeaders.map(function (th) { return th.getAttribute('data-sort'); });
                var headers = exportHeaders.map(function (th) { return (th.textContent || '').trim(); });

                function toCsvCell(value) {
                    var text = (value == null ? '' : String(value)).replace(/\r?\n|\r/g, ' ').trim();
                    if (/[",\n]/.test(text)) {
                        text = '"' + text.replace(/"/g, '""') + '"';
                    }
                    return text;
                }

                var filterRows = window.dashboardExportFilterRows ? window.dashboardExportFilterRows() : [];
                var lines = [];
                if (filterRows.length) {
                    lines.push([@json(__('Selected Filters')), ''].map(toCsvCell).join(','));
                    filterRows.forEach(function (row) { lines.push(row.map(toCsvCell).join(',')); });
                    lines.push('');
                }
                lines.push(headers.map(toCsvCell).join(','));
                customerList.matchingItems.forEach(function (item) {
                    if (!item || !item.elm) return;
                    var rawValues = columnKeys.map(function (key) {
                        var cell = item.elm.querySelector('td.' + key);
                        return cell ? (cell.textContent || '').replace(/\s+/g, ' ').trim() : '';
                    });

                    if (rawValues.length > headers.length) rawValues = rawValues.slice(0, headers.length);
                    while (rawValues.length < headers.length) rawValues.push('');
                    lines.push(rawValues.map(toCsvCell).join(','));
                });

                var blob = new Blob(['\uFEFF' + lines.join('\r\n')], { type: 'text/csv;charset=utf-8;' });
                var url = URL.createObjectURL(blob);
                var link = document.createElement('a');
                var now = new Date();
                var stamp = [
                    now.getFullYear(),
                    String(now.getMonth() + 1).padStart(2, '0'),
                    String(now.getDate()).padStart(2, '0'),
                    String(now.getHours()).padStart(2, '0'),
                    String(now.getMinutes()).padStart(2, '0')
                ].join('');

                link.href = url;
                link.download = 'dashboard-' + stamp + '.csv';
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
                URL.revokeObjectURL(url);
            }
            function exportFilteredExcel() {
                var table = document.getElementById('customerTable');
                if (!table || !customerList) return;

                var exportHeaders = Array.prototype.slice.call(table.querySelectorAll('thead th[data-sort]'));
                var columnKeys = exportHeaders.map(function (th) { return th.getAttribute('data-sort'); });
                var headers = exportHeaders.map(function (th) { return (th.textContent || '').trim(); });

                function htmlCell(value, tag) {
                    var el = document.createElement(tag || 'td');
                    el.textContent = value == null ? '' : String(value);
                    return el.outerHTML;
                }

                var rows = [headers];
                customerList.matchingItems.forEach(function (item) {
                    if (!item || !item.elm) return;
                    var rawValues = columnKeys.map(function (key) {
                        var cell = item.elm.querySelector('td.' + key);
                        return cell ? (cell.textContent || '').replace(/\s+/g, ' ').trim() : '';
                    });

                    if (rawValues.length > headers.length) rawValues = rawValues.slice(0, headers.length);
                    while (rawValues.length < headers.length) rawValues.push('');
                    rows.push(rawValues);
                });

                var filterRows = window.dashboardExportFilterRows ? window.dashboardExportFilterRows() : [];
                var filterHtml = filterRows.length
                    ? '<h4>' + htmlCell(@json(__('Selected Filters')), 'span') + '</h4><table border="1">' + filterRows.map(function (row) { return '<tr>' + row.map(function (cell) { return htmlCell(cell, 'td'); }).join('') + '</tr>'; }).join('') + '</table><br>'
                    : '';
                var html = '<html><head><meta charset="UTF-8"></head><body>' + filterHtml + '<table border="1"><thead><tr>'
                    + rows[0].map(function (cell) { return htmlCell(cell, 'th'); }).join('')
                    + '</tr></thead><tbody>'
                    + rows.slice(1).map(function (row) {
                        return '<tr>' + row.map(function (cell) { return htmlCell(cell, 'td'); }).join('') + '</tr>';
                    }).join('')
                    + '</tbody></table></body></html>';

                var blob = new Blob(['\uFEFF' + html], { type: 'application/vnd.ms-excel;charset=utf-8;' });
                var url = URL.createObjectURL(blob);
                var link = document.createElement('a');
                var now = new Date();
                var stamp = [
                    now.getFullYear(),
                    String(now.getMonth() + 1).padStart(2, '0'),
                    String(now.getDate()).padStart(2, '0'),
                    String(now.getHours()).padStart(2, '0'),
                    String(now.getMinutes()).padStart(2, '0')
                ].join('');

                link.href = url;
                link.download = 'dashboard-' + stamp + '.xls';
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
                URL.revokeObjectURL(url);
            }

            function exportFilteredPdf() {
                var table = document.getElementById('customerTable');
                if (!table || !customerList) return;

                function htmlCell(value, tag) {
                    var el = document.createElement(tag || 'td');
                    el.textContent = value == null ? '' : String(value);
                    return el.outerHTML;
                }

                var exportHeaders = Array.prototype.slice.call(table.querySelectorAll('thead th[data-sort]'));
                var columnKeys = exportHeaders.map(function (th) { return th.getAttribute('data-sort'); });
                var headers = exportHeaders.map(function (th) { return (th.textContent || '').trim(); });

                var rows = customerList.matchingItems.map(function (item) {
                    if (!item || !item.elm) return [];
                    var rawValues = columnKeys.map(function (key) {
                        var cell = item.elm.querySelector('td.' + key);
                        return cell ? (cell.textContent || '').replace(/\s+/g, ' ').trim() : '';
                    });

                    if (rawValues.length > headers.length) rawValues = rawValues.slice(0, headers.length);
                    while (rawValues.length < headers.length) rawValues.push('');
                    return rawValues;
                }).filter(function (row) { return row.length > 0; });

                var ensureScript = function (src, marker, test) {
                    return new Promise(function (resolve, reject) {
                        if (test()) {
                            resolve();
                            return;
                        }
                        var existing = document.querySelector('script[' + marker + '="1"]');
                        if (existing) {
                            existing.addEventListener('load', function () {
                                test() ? resolve() : reject(new Error('Export library failed to load'));
                            }, { once: true });
                            existing.addEventListener('error', function () { reject(new Error('Failed to load export library')); }, { once: true });
                            return;
                        }
                        var script = document.createElement('script');
                        script.src = src;
                        script.setAttribute(marker, '1');
                        script.onload = function () {
                            test() ? resolve() : reject(new Error('Export library failed to initialize'));
                        };
                        script.onerror = function () { reject(new Error('Failed to load export library')); };
                        document.head.appendChild(script);
                    });
                };

                function buildExportTable() {
                    var wrap = document.createElement('div');
                    wrap.style.position = 'fixed';
                    wrap.style.left = '-10000px';
                    wrap.style.top = '0';
                    wrap.style.width = Math.max(1650, headers.length * 150) + 'px';
                    wrap.style.padding = '24px';
                    wrap.style.background = '#ffffff';
                    wrap.style.color = '#111827';
                    wrap.style.fontFamily = window.getComputedStyle(document.body).fontFamily || 'Arial, sans-serif';
                    var filterRows = window.dashboardExportFilterRows ? window.dashboardExportFilterRows() : [];
                    var filterHtml = filterRows.length
                        ? '<div style="margin:0 0 14px;font-size:12px;"><strong>' + htmlCell(@json(__('Selected Filters')), 'span') + ':</strong> ' + filterRows.map(function (row) { return htmlCell(row[0] + ': ' + row[1], 'span'); }).join(' &nbsp; | &nbsp; ') + '</div>'
                        : '';
                    wrap.innerHTML = filterHtml
                        + '<table style="width:100%;border-collapse:collapse;font-size:12px;"><thead><tr>'
                        + headers.map(function (cell) { return '<th style="border:1px solid #d1d5db;background:#f3f4f6;padding:7px;text-align:left;">' + htmlCell(cell, 'span') + '</th>'; }).join('')
                        + '</tr></thead><tbody>'
                        + rows.map(function (row) {
                            return '<tr>' + row.map(function (cell) {
                                return '<td style="border:1px solid #e5e7eb;padding:7px;vertical-align:top;">' + htmlCell(cell, 'span') + '</td>';
                            }).join('') + '</tr>';
                        }).join('')
                        + '</tbody></table>';
                    wrap.querySelectorAll('thead th, thead th *').forEach(function (node) {
                        node.style.setProperty('color', '#111827', 'important');
                    });
                    document.body.appendChild(wrap);
                    return wrap;
                }

                Promise.all([
                    ensureScript('https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js', 'data-export-html2canvas', function () { return !!window.html2canvas; }),
                    ensureScript('https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js', 'data-export-jspdf', function () { return !!(window.jspdf && window.jspdf.jsPDF); })
                ]).then(function () {
                    var exportNode = buildExportTable();
                    return window.html2canvas(exportNode, {
                        scale: 2,
                        backgroundColor: '#ffffff',
                        useCORS: true
                    }).then(function (canvas) {
                        document.body.removeChild(exportNode);
                        return canvas;
                    }).catch(function (error) {
                        document.body.removeChild(exportNode);
                        throw error;
                    });
                }).then(function (canvas) {
                    var JsPdfCtor = window.jspdf.jsPDF;
                    var pdf = new JsPdfCtor({ orientation: 'landscape', unit: 'pt', format: 'a3' });
                    var pageWidth = pdf.internal.pageSize.getWidth();
                    var pageHeight = pdf.internal.pageSize.getHeight();
                    var marginX = 28;
                    var marginY = 34;
                    var imgWidth = pageWidth - marginX * 2;
                    var pageContentHeight = pageHeight - marginY * 2;
                    var sourceY = 0;
                    var sourcePageHeight = canvas.width * pageContentHeight / imgWidth;
                    var pageCanvas = document.createElement('canvas');
                    var pageCtx = pageCanvas.getContext('2d');
                    pageCanvas.width = canvas.width;
                    var now = new Date();
                    var stamp = [
                        now.getFullYear(),
                        String(now.getMonth() + 1).padStart(2, '0'),
                        String(now.getDate()).padStart(2, '0'),
                        String(now.getHours()).padStart(2, '0'),
                        String(now.getMinutes()).padStart(2, '0')
                    ].join('');

                    while (sourceY < canvas.height) {
                        var sliceHeight = Math.min(sourcePageHeight, canvas.height - sourceY);
                        pageCanvas.height = sliceHeight;
                        pageCtx.clearRect(0, 0, pageCanvas.width, pageCanvas.height);
                        pageCtx.drawImage(canvas, 0, sourceY, canvas.width, sliceHeight, 0, 0, pageCanvas.width, sliceHeight);
                        if (sourceY > 0) {
                            pdf.addPage();
                        }
                        pdf.addImage(pageCanvas.toDataURL('image/png'), 'PNG', marginX, marginY, imgWidth, sliceHeight * imgWidth / canvas.width);
                        sourceY += sliceHeight;
                    }

                    pdf.save('dashboard-' + stamp + '.pdf');
                }).catch(function () {
                    alert(@json(__('Unable to export PDF right now. Please try again.')));
                });
            }

            if (exportCsvBtn) exportCsvBtn.addEventListener('click', exportFilteredTable);
            if (exportPdfBtn) exportPdfBtn.addEventListener('click', exportFilteredPdf);
            if (exportExcelBtn) exportExcelBtn.addEventListener('click', exportFilteredExcel);


            if (resetTableFiltersBtn) {
                resetTableFiltersBtn.addEventListener('click', resetDashboardTableFilters);
            }

            if (statusFilter) {
                statusFilter.addEventListener('change', function () {
                    applyTableFilters(statusFilter.value);
                });

                if (documentTypeFilter) {
                    documentTypeFilter.addEventListener('change', function () {
                        applyTableFilters(statusFilter.value);
                    });
                }

                if (dateRangeFilter) {
                    dateRangeFilter.addEventListener('change', function () {
                        adjustDateRangeWidth();
                        applyTableFilters(statusFilter.value);
                    });
                }

                Array.prototype.slice.call(document.querySelectorAll('.card-animate')).forEach(function (card) {
                    var title = card.querySelector('.fw-medium');
                    if (!title) return;

                    var label = title.textContent.trim();
                    var kpiKey = card.getAttribute('data-kpi-key') || '';
                    var shouldShowAll = kpiKey === 'total-documents' || kpiKey === 'submitted' || kpiKey === 'total-submitted';
                    var canFilterByStatus = Object.prototype.hasOwnProperty.call(statusFilterMap, label);

                    if (!shouldShowAll && !canFilterByStatus) return;

                    card.style.cursor = 'pointer';
                    card.addEventListener('click', function () {
                        if (shouldShowAll) {
                            statusFilter.selectedIndex = 0;
                            statusFilter.value = @json(__('All Status'));
                            applyTableFilters(statusFilter.value);
                            window.dispatchEvent(new CustomEvent('dashboard:filters-updated'));
                            return;
                        }

                        var nextStatus = statusFilter.value === label
                            ? @json(__('All Status'))
                            : label;
                        if (nextStatus === @json(__('All Status'))) {
                            statusFilter.selectedIndex = 0;
                        }
                        statusFilter.value = nextStatus;
                        applyTableFilters(nextStatus);
                        window.dispatchEvent(new CustomEvent('dashboard:filters-updated'));
                    });
                });

                applyTableFilters(statusFilter.value);
            }
        })();
    </script>