@props([
    'requests' => collect(),
    'title' => 'Documents',
    'emptyMessage' => 'No documents found.',
    'statusFilterMap' => [],
    'statusResolver' => null,
    'viewerRouteView' => null,
    'showCreateRequestLink' => false,
    'showUnreadFilter' => true,
    'highlightAnyOverdue' => false,
    'rowHighlightResolver' => null,
])

@php
    $documentRequests = collect($requests);
    $statusOptions = array_keys($statusFilterMap ?? []);
    $documentTypeOptions = $documentRequests
        ->map(function ($request) {
            $label = trim((string) ($request->document_type_label ?? ''));
            if ($label === '') {
                $label = trim((string) ($request->document_type ?? ''));
            }

            return $label !== '' ? $label : __('N/A');
        })
        ->unique()
        ->sort()
        ->values();
    $resolveDashboardStatus = $statusResolver instanceof \Closure
        ? $statusResolver
        : fn ($request) => [
            'label' => ucfirst((string) ($request->status ?? 'pending')),
            'badge' => 'bg-secondary-subtle text-secondary',
            'title' => ucfirst((string) ($request->status ?? 'pending')),
        ];

@endphp

<div class="card dashboard-table-card mb-4">
    <div class="card-header border-0">
        <div class="d-flex align-items-center justify-content-between">
            <h4 class="card-title mb-0">{{ __($title) }}</h4>
        </div>
    </div>

    <div class="card-body pt-0">
        <div class="listjs-table" id="customerList">
            <div class="row g-2 mb-3">
                <div class="col-sm-12">
                    <div class="d-flex flex-wrap align-items-center gap-2 dashboard-table-filters">
                        <div class="search-box dashboard-filter-control dashboard-filter-search">
                            <input type="text" class="form-control form-control-sm search" placeholder="{{ __('Search...') }}">
                            <i class="ri-search-line search-icon"></i>
                        </div>

                        <div class="input-group input-group-sm dashboard-filter-control dashboard-filter-date">
                            <span class="input-group-text"><i class="ri-calendar-2-line"></i></span>
                            <input type="text" class="form-control" id="dateRangeFilter" data-provider="flatpickr" data-date-format="d M, Y" data-range-date="true" placeholder="{{ __('Pick a date') }}" title="{{ __('Date Range') }}" aria-label="{{ __('Date Range') }}" readonly>
                        </div>

                        <select class="form-select form-select-sm dashboard-filter-control dashboard-filter-document-type" id="documentTypeFilter" title="{{ __('Document Type') }}" aria-label="{{ __('Document Type') }}">
                            <option value="">{{ __('All Document Types') }}</option>
                            @foreach ($documentTypeOptions as $documentTypeOption)
                                <option value="{{ md5(mb_strtolower((string) $documentTypeOption)) }}">{{ $documentTypeOption }}</option>
                            @endforeach
                        </select>

                        <select class="form-select form-select-sm dashboard-filter-control dashboard-filter-status" id="statusFilter">
                            <option value="{{ __('All Status') }}">{{ __('All Status') }}</option>
                            @if($showUnreadFilter)
                                <option value="{{ __('New for Me') }}" data-filter-unread="1">{{ __('New for Me') }}</option>
                            @endif
                            @foreach ($statusOptions as $statusOption)
                                @php
                                    $statusOptionKeys = collect($statusFilterMap[$statusOption] ?? [$statusOption])
                                        ->map(fn ($statusValue) => \Illuminate\Support\Str::slug((string) $statusValue))
                                        ->filter()
                                        ->values()
                                        ->implode('|');
                                @endphp
                                <option value="{{ __($statusOption) }}" data-status-keys="{{ $statusOptionKeys }}">{{ __($statusOption) }}</option>
                            @endforeach
                        </select>

                        <button type="button" class="btn btn-sm btn-soft-secondary btn-icon" id="resetTableFilters" title="{{ __('Reset filters') }}" aria-label="{{ __('Reset filters') }}">
                            <i class="ri-refresh-line"></i>
                        </button>

                        <div class="dropdown ms-auto">
                            <button class="btn btn-sm btn-soft-success dropdown-toggle" type="button" id="exportDropdownBtn" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="ri-download-2-line align-bottom me-1"></i> {{ __('Export') }}
                            </button>
                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="exportDropdownBtn">
                                <li><button class="dropdown-item" type="button" id="exportCsvBtn">{{ __('Export as CSV') }}</button></li>
                                <li><button class="dropdown-item" type="button" id="exportPdfBtn">{{ __('Export as PDF') }}</button></li>
                                <li><button class="dropdown-item" type="button" id="exportExcelBtn">{{ __('Export as Excel') }}</button></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <x-dashboard-data-table
                id="customerTable"
                class="mt-3"
                storage-key="document-dashboard-table-columns"
                :columns="[
                    'uhs_code' => 130,
                    'registry_document_number' => 210,
                    'finished_document_number' => 160,
                    'requested_date' => 210,
                    'customer_name' => 240,
                    'email' => 180,
                    'from' => 180,
                    'tracking_id' => 150,
                    'date' => 210,
                    'current_holder' => 190,
                    'status' => 180,
                    'action' => 110,
                ]">
                    <thead class="table-light">
                        <tr>
                            <th class="sort" data-sort="uhs_code">{{ __('UHS Code') }}</th>
                            <th class="sort" data-sort="registry_document_number">{{ __('Registry Document Number') }}</th>
                            <th class="sort" data-sort="finished_document_number">{{ __('Finished Number') }}</th>
                            <th class="sort" data-sort="requested_date">{{ __('Requested Date') }}</th>
                            <th class="sort" data-sort="customer_name">{{ __('Document Name') }}</th>
                            <th class="sort" data-sort="email">{{ __('Document Type') }}</th>
                            <th class="sort" data-sort="from">{{ __('From') }}</th>
                            <th class="sort" data-sort="tracking_id">{{ __('Document ID') }}</th>
                            <th class="sort" data-sort="date">{{ __('Last Updated') }}</th>
                            <th class="sort" data-sort="current_holder">{{ __('Current Holder') }}</th>
                            <th class="sort" data-sort="status">{{ __('Status') }}</th>
                            <th>{{ __('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody class="list">
                        @forelse($documentRequests as $request)
                            @php
                                $rawFromLabel = trim((string) ($request->submitter_label ?? ''));
                                $fromLabel = $rawFromLabel !== '' ? __($rawFromLabel) : __('N/A');
                                $dashboardStatus = $resolveDashboardStatus($request);
                                $statusLabel = $dashboardStatus['label'] ?? ucfirst((string) ($request->status ?? 'pending'));
                                $statusTitle = $dashboardStatus['title'] ?? $statusLabel;
                                $documentTypeLabel = trim((string) ($request->document_type_label ?? ''));
                                if ($documentTypeLabel === '') {
                                    $documentTypeLabel = trim((string) ($request->document_type ?? ''));
                                }
                                if ($documentTypeLabel === '') {
                                    $documentTypeLabel = __('N/A');
                                }
                                $statusKey = \Illuminate\Support\Str::slug((string) $statusLabel);
                                $baseViewerStatus = \App\Support\WorkflowPermission::dashboardStatus(
                                    $request,
                                    (string) optional(auth()->user())->role,
                                    (int) (auth()->id() ?? 0)
                                );
                                $isDashboardOverdue = \App\Support\WorkflowPermission::isDashboardOverdue($request);
                                $isOverdueReview = $isDashboardOverdue && (
                                    $highlightAnyOverdue
                                    || in_array(
                                        (string) ($baseViewerStatus['label'] ?? ''),
                                        ['Needs Your Review', 'Need Your Decision'],
                                        true
                                    )
                                );
                                $documentTypeKey = md5(mb_strtolower((string) $documentTypeLabel));
                                $hasUnreadUpdate = (bool) ($request->dashboard_has_unread_update ?? false);
                                $needsActionStatusLabels = [
                                    'Needs Your Review',
                                    'Need Your Decision',
                                    'Sent Back to You',
                                    'Sent Back to My Organization',
                                    'Returned Back',
                                ];
                                $showNewUpdateBadge = $hasUnreadUpdate && in_array((string) $statusLabel, $needsActionStatusLabels, true);
                                if ($rowHighlightResolver instanceof \Closure) {
                                    $resolvedRowHighlight = $rowHighlightResolver($request);
                                    if (is_array($resolvedRowHighlight)) {
                                        $isOverdueReview = (bool) ($resolvedRowHighlight['overdue'] ?? false);
                                        $showNewUpdateBadge = (bool) ($resolvedRowHighlight['unread'] ?? false);
                                    }
                                }

                                // The model resolves one authoritative holder from the
                                // assigned user and current workflow-step configuration.
                                $resolvedCurrentHolderLabel = trim((string) data_get($request, 'current_holder_label'));
                                $currentHolderLabel = $resolvedCurrentHolderLabel !== ''
                                    ? $resolvedCurrentHolderLabel
                                    : __('N/A');

                                $finishedDocumentNumber = trim((string) (data_get($request, 'finished_document_number') ?? ''));
                                $routeParams = ['id' => $request->id];

                                if (filled($viewerRouteView)) {
                                    $routeParams['view'] = $viewerRouteView;
                                }

                                $viewerUrl = route('document-viewer.show', $routeParams);
                            @endphp
                            <tr data-dashboard-row data-dashboard-row-url="{{ $viewerUrl }}" tabindex="0" role="link" aria-label="{{ __('View') }}: {{ $request->document_name }}" data-status-key="{{ $statusKey }}" data-document-type="{{ $documentTypeLabel }}" data-document-type-key="{{ $documentTypeKey }}" data-unread-update="{{ $showNewUpdateBadge ? '1' : '0' }}" class="{{ collect([$showNewUpdateBadge ? 'dashboard-row-unread' : '', $isOverdueReview ? 'dashboard-row-overdue-review' : ''])->filter()->implode(' ') }}" @if($isOverdueReview) title="{{ __('Overdue SLA') }}" @endif>
                                <td class="uhs_code">{{ trim((string) ($request->uhs_code ?? '')) !== '' ? $request->uhs_code : __('N/A') }}</td>
                                <td class="registry_document_number">{{ trim((string) ($request->registry_document_number ?? '')) !== '' ? $request->registry_document_number : '' }}</td>
                                <td class="finished_document_number">{{ $finishedDocumentNumber }}</td>
                                <td class="requested_date" data-timestamp="{{ optional($request->created_at)->timestamp }}">{{ \App\Support\DateFormatter::localized($request->created_at, 'd F, Y h:i A') }}</td>
                                <td class="customer_name">{{ $request->document_name }}</td>
                                <td class="email">{{ $documentTypeLabel }}</td>
                                <td class="from">{{ $fromLabel }}</td>
                                <td class="tracking_id">{{ trim((string) ($request->document_code ?? '')) !== '' ? $request->document_code : __('N/A') }}</td>
                                <td class="date" data-timestamp="{{ optional($request->updated_at)->timestamp }}">{{ \App\Support\DateFormatter::localized($request->updated_at, 'd F, Y h:i A') }}</td>
                                <td class="current_holder">{{ $currentHolderLabel }}</td>
                                <td class="status">
                                    <x-ui-badge type="status" :value="$statusLabel" :label="$statusLabel" :title="$statusTitle" uppercase />
                                    @if($isOverdueReview)
                                        <span class="dashboard-overdue-review-icon ms-1" title="{{ __('Overdue SLA') }}" aria-label="{{ __('Overdue SLA') }}">
                                            <i class="ri-error-warning-fill" aria-hidden="true"></i>
                                        </span>
                                    @endif
                                    @if($showNewUpdateBadge)
                                        <span class="badge dashboard-new-update-badge ms-1" title="{{ __('New for Me') }}">
                                            {{ __('New') }}
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    <a
                                        href="{{ $viewerUrl }}"
                                        class="btn btn-sm btn-info"
                                        data-turbo="true"
                                        data-turbo-action="advance"
                                    >{{ __('View') }}</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="12" class="text-center py-4 text-muted">
                                    {{ __($emptyMessage) }}
                                    @if($showCreateRequestLink)
                                        <a href="{{ route('requester.add-new') }}" data-turbo="true">{{ __('Create your first request') }}</a>
                                    @endif
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
            </x-dashboard-data-table>

            <div class="noresult" style="display: none">
                    <div class="text-center">
                        <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop"
                            colors="primary:#121331,secondary:#08a88a" style="width:75px;height:75px">
                        </lord-icon>
                        <h5 class="mt-2">{{ __('Sorry! No Result Found') }}</h5>
                        <p class="text-muted mb-0">{{ __('No documents matched your search.') }}</p>
                    </div>
            </div>

            <div class="d-flex justify-content-end">
                <div class="pagination-wrap hstack gap-2" id="documentPaginationWrap">
                    <a class="page-item pagination-prev" id="documentPaginationPrev" href="javascript:void(0);">{{ __('Previous') }}</a>
                    <ul class="pagination listjs-pagination mb-0"></ul>
                    <a class="page-item pagination-next" id="documentPaginationNext" href="javascript:void(0);">{{ __('Next') }}</a>
                </div>
            </div>
        </div>
    </div>
</div>

@once
<style>
    .dashboard-table-card tr[data-dashboard-row-url] {
        cursor: pointer;
    }

    .dashboard-table-card tr[data-dashboard-row-url] > td {
        transition: background-color .15s ease;
    }

    .dashboard-table-card tr[data-dashboard-row-url]:hover > td,
    .dashboard-table-card tr[data-dashboard-row-url]:focus-visible > td {
        background-color: rgba(64, 81, 137, .09);
    }

    .dashboard-table-card tr[data-dashboard-row-url]:focus-visible {
        outline: 2px solid var(--vz-primary);
        outline-offset: -2px;
    }

    .dashboard-table-card tr.dashboard-row-overdue-review {
        position: relative;
        background: rgba(239, 68, 68, .10);
    }

    .dashboard-table-card tr.dashboard-row-overdue-review > td:first-child {
        box-shadow: inset 4px 0 0 rgba(220, 38, 38, .95);
    }

    .dashboard-table-card tr.dashboard-row-overdue-review > td {
        border-bottom-color: rgba(239, 68, 68, .28);
    }

    .dashboard-table-card tr.dashboard-row-overdue-review:hover {
        background: rgba(239, 68, 68, .16);
    }

    .dashboard-table-card tr.dashboard-row-overdue-review:hover > td,
    .dashboard-table-card tr.dashboard-row-overdue-review:focus-visible > td {
        background-color: rgba(239, 68, 68, .16);
    }

    .dashboard-overdue-review-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #dc2626;
        font-size: 1.15rem;
        line-height: 1;
        vertical-align: middle;
    }

    [data-bs-theme="dark"] .dashboard-table-card tr.dashboard-row-overdue-review {
        background: rgba(239, 68, 68, .16);
    }

    [data-bs-theme="dark"] .dashboard-table-card tr.dashboard-row-overdue-review:hover {
        background: rgba(239, 68, 68, .24);
    }

    [data-bs-theme="dark"] .dashboard-table-card tr[data-dashboard-row-url]:hover > td,
    [data-bs-theme="dark"] .dashboard-table-card tr[data-dashboard-row-url]:focus-visible > td {
        background-color: rgba(148, 163, 184, .12);
    }

    [data-bs-theme="dark"] .dashboard-table-card tr.dashboard-row-overdue-review:hover > td,
    [data-bs-theme="dark"] .dashboard-table-card tr.dashboard-row-overdue-review:focus-visible > td {
        background-color: rgba(239, 68, 68, .24);
    }

    [data-bs-theme="dark"] .dashboard-overdue-review-icon {
        color: #f87171;
    }
</style>
@endonce

@once
<script>
    (function () {
        if (!window.resizeDashboardDateRangeField) {
            var dashboardDateMeasureCanvas = document.createElement('canvas');

            window.resizeDashboardDateRangeField = function (input) {
                if (!input) return;

                var group = input.closest('.dashboard-filter-date, .input-group');
                var toolbar = group ? group.closest('.dashboard-table-filters') : null;

                if (!group || !toolbar) return;

                input.title = input.value || input.getAttribute('aria-label') || '';

                if (
                    window.matchMedia('(max-width: 575.98px)').matches
                    || window.getComputedStyle(toolbar).display === 'grid'
                ) {
                    group.style.width = '100%';
                    group.style.flexBasis = '100%';
                    return;
                }

                var displayText = input.value || input.getAttribute('placeholder') || '';
                var inputStyle = window.getComputedStyle(input);
                var context = dashboardDateMeasureCanvas.getContext('2d');
                var font = [
                    inputStyle.fontStyle,
                    inputStyle.fontVariant,
                    inputStyle.fontWeight,
                    inputStyle.fontSize + '/' + inputStyle.lineHeight,
                    inputStyle.fontFamily
                ].join(' ');

                context.font = font;

                var icon = group.querySelector('.input-group-text');
                var iconWidth = icon ? icon.getBoundingClientRect().width : 0;
                var horizontalPadding = parseFloat(inputStyle.paddingLeft || 0)
                    + parseFloat(inputStyle.paddingRight || 0);
                var measuredWidth = Math.ceil(context.measureText(displayText).width);
                var availableWidth = Math.max(220, toolbar.getBoundingClientRect().width);
                var targetWidth = Math.min(
                    availableWidth,
                    Math.max(220, measuredWidth + horizontalPadding + iconWidth + 34)
                );

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

            function resizeVisibleDashboardDateRange() {
                var input = document.getElementById('dateRangeFilter');

                if (input) {
                    window.resizeDashboardDateRangeField(input);
                }
            }

            document.addEventListener('input', function (event) {
                if (event.target && event.target.id === 'dateRangeFilter') {
                    window.resizeDashboardDateRangeField(event.target);
                }
            });

            document.addEventListener('change', function (event) {
                if (event.target && event.target.id === 'dateRangeFilter') {
                    window.resizeDashboardDateRangeField(event.target);
                }
            });

            window.addEventListener('resize', resizeVisibleDashboardDateRange);
            document.addEventListener('DOMContentLoaded', resizeVisibleDashboardDateRange);
            document.addEventListener('turbo:load', function () {
                window.requestAnimationFrame(resizeVisibleDashboardDateRange);
            });
        }

        if (!window.__uhsDashboardPaginationInstalled) {
            window.__uhsDashboardPaginationInstalled = true;

            function reserveDashboardViewportHeight(y) {
                var pageContent = document.querySelector('.page-content');
                if (!pageContent) return;

                var pageTop = pageContent.getBoundingClientRect().top + (window.scrollY || 0);
                var requiredHeight = Math.max(
                    pageContent.offsetHeight,
                    Math.ceil(y + window.innerHeight - pageTop)
                );

                if (requiredHeight > pageContent.offsetHeight) {
                    pageContent.style.minHeight = requiredHeight + 'px';
                }
            }

            function repositionDashboardDatePicker() {
                var dateInput = document.getElementById('dateRangeFilter');
                var instance = dateInput ? dateInput._flatpickr : null;

                if (
                    instance
                    && instance.isOpen
                    && typeof instance._positionCalendar === 'function'
                ) {
                    instance._positionCalendar();
                }
            }

            function restoreDashboardScrollPosition(x, y) {
                var root = document.documentElement;
                var previousScrollBehavior = root.style.scrollBehavior;

                reserveDashboardViewportHeight(y);
                root.style.scrollBehavior = 'auto';
                window.scrollTo(x, y);

                requestAnimationFrame(function () {
                    window.scrollTo(x, y);
                    requestAnimationFrame(function () {
                        window.scrollTo(x, y);
                        repositionDashboardDatePicker();
                        root.style.scrollBehavior = previousScrollBehavior;
                    });
                });
            }

            var dashboardScrollRestoreFrame = null;

            function preserveDashboardScrollAfterUpdate() {
                var scrollX = window.scrollX || window.pageXOffset || 0;
                var scrollY = window.scrollY || window.pageYOffset || 0;

                reserveDashboardViewportHeight(scrollY);

                if (dashboardScrollRestoreFrame) {
                    cancelAnimationFrame(dashboardScrollRestoreFrame);
                }

                dashboardScrollRestoreFrame = requestAnimationFrame(function () {
                    dashboardScrollRestoreFrame = requestAnimationFrame(function () {
                        dashboardScrollRestoreFrame = null;
                        restoreDashboardScrollPosition(scrollX, scrollY);
                    });
                });
            }

            function isDashboardViewportAction(target) {
                if (!target || !target.closest) return false;

                return !!target.closest([
                    '.dashboard-table-filters input',
                    '.dashboard-table-filters select',
                    '.dashboard-table-filters button',
                    '.admin-responsive-filter-toolbar input',
                    '.admin-responsive-filter-toolbar select',
                    '.admin-responsive-filter-toolbar button',
                    '[data-dashboard-kpi-card]:not(.kpi-card-link)',
                    '[data-chart-row]',
                    '.dashboard-data-table th.sort'
                ].join(','));
            }

            document.addEventListener('change', function (event) {
                var dateInput = event.target instanceof Element
                    ? event.target.closest('#dateRangeFilter')
                    : null;
                var instance = dateInput ? dateInput._flatpickr : null;

                if (!dateInput || !instance || instance.config.mode !== 'range') return;

                var selectedCount = instance.selectedDates.length;
                dateInput.dataset.rangePending = selectedCount === 1 ? '1' : '0';

                // The first click only establishes the range start. Do not let the
                // dashboard filters consume it until an end date is also selected.
                if (selectedCount === 1) {
                    event.stopImmediatePropagation();
                }
            }, true);

            ['input', 'change', 'click'].forEach(function (eventName) {
                document.addEventListener(eventName, function (event) {
                    var target = event.target instanceof Element ? event.target : null;

                    if (isDashboardViewportAction(target)) {
                        preserveDashboardScrollAfterUpdate();
                    }
                }, true);
            });

            document.addEventListener('click', function (event) {
                var target = event.target instanceof Element ? event.target : null;
                var control = target ? target.closest('#documentPaginationWrap a') : null;

                if (!control) return;

                // List.js generates number links with a javascript: href. Handle every
                // pagination control here so CSP/Turbo cannot intercept that URL.
                event.preventDefault();
                event.stopImmediatePropagation();

                if (control.classList.contains('disabled') || control.closest('.disabled')) return;

                var list = window.dashboardCustomerList;
                if (!list || typeof list.show !== 'function') return;

                var pageSize = Math.max(1, Number(list.page) || 10);
                var currentIndex = Math.max(1, Number(list.i) || 1);
                var matchingCount = list.matchingItems ? list.matchingItems.length : 0;
                var targetPage;

                if (control.id === 'documentPaginationPrev') {
                    targetPage = Math.ceil(currentIndex / pageSize) - 1;
                } else if (control.id === 'documentPaginationNext') {
                    targetPage = Math.ceil(currentIndex / pageSize) + 1;
                } else {
                    targetPage = Number((control.textContent || '').trim());
                }

                if (!Number.isFinite(targetPage) || targetPage < 1) return;

                var totalPages = matchingCount > 0 ? Math.ceil(matchingCount / pageSize) : 1;
                targetPage = Math.min(totalPages, targetPage);

                var scrollX = window.scrollX || window.pageXOffset || 0;
                var scrollY = window.scrollY || window.pageYOffset || 0;

                list.show(((targetPage - 1) * pageSize) + 1, pageSize);
                restoreDashboardScrollPosition(scrollX, scrollY);
            }, true);
        }

        function isInteractiveTarget(target) {
            return !!target.closest('a, button, input, select, textarea, label, [role="button"], [data-bs-toggle], .dropdown-menu');
        }

        function openDashboardDocumentRow(row, event) {
            var url = row ? row.getAttribute('data-dashboard-row-url') : '';
            if (!url) return;

            if (event && (event.ctrlKey || event.metaKey || event.shiftKey)) {
                window.open(url, '_blank', 'noopener');
                return;
            }

            if (typeof window.navigateDashboardContent === 'function') {
                window.navigateDashboardContent(url);
                return;
            }

            if (window.Turbo && typeof window.Turbo.visit === 'function') {
                window.Turbo.visit(url, { action: 'advance' });
                return;
            }

            window.location.assign(url);
        }

        document.addEventListener('click', function (event) {
            var row = event.target.closest('tr[data-dashboard-row-url]');
            if (!row || isInteractiveTarget(event.target)) return;

            var selection = window.getSelection ? window.getSelection() : null;
            if (selection && !selection.isCollapsed) return;

            openDashboardDocumentRow(row, event);
        });

        document.addEventListener('keydown', function (event) {
            var row = event.target.closest('tr[data-dashboard-row-url]');
            if (!row || event.target !== row || (event.key !== 'Enter' && event.key !== ' ')) return;

            event.preventDefault();
            openDashboardDocumentRow(row, event);
        });
    })();

    window.dashboardExportFilterRows = function () {
        var rows = [];
        var search = document.querySelector('#customerList .search');
        var date = document.getElementById('dateRangeFilter');
        var type = document.getElementById('documentTypeFilter');
        var status = document.getElementById('statusFilter');

        function add(label, value) {
            value = (value || '').toString().trim();
            if (value) rows.push([label, value]);
        }

        add(@json(__('Search')), search ? search.value : '');
        add(@json(__('Date Range')), date ? date.value : '');

        if (type && type.value) {
            add(@json(__('Document Type')), type.selectedOptions.length ? type.selectedOptions[0].textContent : type.value);
        }

        if (status && status.selectedIndex > 0) {
            add(@json(__('Status')), status.selectedOptions.length ? status.selectedOptions[0].textContent : status.value);
        }

        return rows;
    };
</script>
@endonce


@include('components.dashboard-filter-summary-script')