function ensureProjectDetailsModalOnBody() {
            var modalEl = document.getElementById('projectDetailsModal');
            if (modalEl && modalEl.parentElement !== document.body) {
                document.body.appendChild(modalEl);
            }
        }

        $('#projectDetailsModal').on('show.bs.modal', function () {
            ensureProjectDetailsModalOnBody();
            document.body.classList.add('project-details-modal-active');
        });

        $(document).on('click', '.details-modal-trigger', function(e) {
            if ($(e.target).closest('.pms-scheme-name-chevron').length) {
                return;
            }
            e.preventDefault();
            var $t = $(this);
            var modalId = $t.data('modal-id');
            if (modalId !== 'projectDetailsModal') return;
            var detailsUrl = $t.data('details-url');
            var name = window.pmsReadEntityName
                ? window.pmsReadEntityName($t, 'Scheme')
                : ($t.attr('data-entity-name') || 'Scheme');
            var projectId = $t.data('entity-id');

            var $titleSpan = $('#' + modalId + '-title-name');
            $titleSpan.text(name);
            var $modalTitle = $titleSpan.closest('.modal-title');
            if (!$modalTitle.find('.scheme-title-text').length) {
                $modalTitle.contents().wrapAll('<span class="scheme-title-text"></span>');
                $modalTitle.append('<button type="button" class="scheme-title-toggle" title="View all" aria-label="Expand scheme name"><i class="fas fa-angle-down"></i></button>');
                $modalTitle.on('click', '.scheme-title-toggle', function() {
                    var $h5 = $(this).closest('.modal-title');
                    var $icon = $(this).find('i');
                    if ($h5.hasClass('scheme-title-expanded')) {
                        $h5.removeClass('scheme-title-expanded');
                        $icon.removeClass('fa-angle-up').addClass('fa-angle-down');
                        $(this).attr('title', 'View all');
                    } else {
                        $h5.addClass('scheme-title-expanded');
                        $icon.removeClass('fa-angle-down').addClass('fa-angle-up');
                        $(this).attr('title', 'Collapse');
                    }
                });
            }
            $modalTitle.removeClass('scheme-title-expanded');
            $modalTitle.find('.scheme-title-toggle i').removeClass('fa-angle-up').addClass('fa-angle-down');
            $modalTitle.find('.scheme-title-toggle').attr('title', 'View all');
            $('#projectDetailsModal-project-id').val(projectId);
            $('#projectDetailsModal-create-pc').data('project-id', projectId);
            var $pc = $('#projectDetailsModal-create-pc');
            if ($pc.length) $pc.attr('href', '{{ url("pc-forms/create") }}').show();
            $('#' + modalId + '-body').html('<div class="text-center py-5"><div class="spinner-border text-primary" role="status"></div><p class="mt-2">Loading project details...</p></div>');
            ensureProjectDetailsModalOnBody();
            $('#' + modalId).modal('show');

            $.ajax({
                url: detailsUrl,
                method: 'GET',
                headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' },
                success: function(res) {
                    if (res.status === 200 && res.data) {
                        renderProjectDetails(res.data);
                    } else {
                        $('#projectDetailsModal-body').html('<div class="alert alert-warning">Unable to load scheme details.</div>');
                    }
                },
                error: function(xhr) {
                    var msg = 'Failed to load scheme details.';
                    if (xhr.status === 403) msg = 'Permission denied.';
                    if (xhr.status === 404) msg = 'Scheme not found.';
                    $('#projectDetailsModal-body').html('<div class="alert alert-danger">' + msg + '</div>');
                }
            });
        });

        function renderProjectDetails(project) {
            schemeVisitHistoryLoadedFor = null;
            schemePcWorkflowLoadedFor = null;
            schemeDocWorkflowLoadedFor = null;
            schemeDocRepositoryLoadedFor = null;
            var tooltipText = {
                budget: 'Approved amount (fallback: estimated amount) shown as project budget.',
                spent: 'Cumulative expenditure used for financial progress (FP%).',
                cumulative_expenditure_for_fp: 'Total spent to date for FP%: actual expenditure upto previous plus revised allocations.',
                fp_percent: 'Financial progress % = cumulative expenditure ÷ scheme cost × 100.',
                total_expenditure_upto_current: 'Expenditure recorded from release/upload files (may differ from FP cumulative basis).',
                completion: 'Completion percentage from progress fields, fallback based on expenditure ratio.',
                project_id: 'Unique project identifier.', uid: 'Unique scheme UID/code.', adp_number: 'Annual Development Programme reference number.',
                project_type: 'Classification/category of the project.', status: 'Current active/inactive state.', published: 'Whether the scheme is marked as published.', approved: 'Whether the scheme has been officially approved.', approval_date: 'Date when scheme approval was recorded.',
                estimated_amount: 'Initial estimated cost.', approved_amount: 'Officially approved project cost.', actual_expenditure: 'Spent amount recorded up to previous period.', allocated_amount_final: 'Final allocated amount.', target_completion_date: 'Planned completion date.', completion_status: 'Current completion status.', created_by: 'User who created this record.', updated_by: 'User who last updated this record.', sdg_goals: 'Mapped Sustainable Development Goals.',
                ltbc: 'Less Than Budgetary Ceiling: Yes when remaining balance (throwforward minus current allocation) is ≤ 0.1 million and scheme is not under review.',
                under_revision: 'Whether the scheme is currently under review (UnderReview / UR). Revised history is shown separately.',
                revised: 'Whether the scheme has been revised (revised amount/date recorded in under review amounts).',
                last_revised_date: 'Date of the active revised allocation from under review amounts.',
                expenditure_last_uploaded: 'Date when expenditure data was last imported/uploaded for project allocations.',
                release_last_uploaded: 'Date when release data was last imported/uploaded for project allocations.',
                allocation_last_year: 'Budget allocation (capital + revenue) for the last (previous) budget year.',
                allocation_this_year: 'Budget allocation (capital + revenue) for the current budget year.',
                total_allocation: 'Sum of budget allocation (capital + revenue) across all budget years.',
                revised_allocation_last_year: 'Revised allocation total for the last (previous) budget year.'
            };
            var escapeAttr = window.pmsEscapeAttr;
            var escapeHtml = window.pmsEscapeHtml;
            var withTooltip = function(label, key) {
                var tip = key && tooltipText[key] ? tooltipText[key] : '';
                return tip ? '<span class="scheme-label-with-tip" data-toggle="tooltip" data-placement="top" title="' + escapeAttr(tip) + '">' + label + '</span>' : label;
            };
            var val = function(v) { return (v != null && v !== '') ? v : '-'; };
            var dep = function(r) { return (r && r.name) ? r.name : '-'; };
            var getName = function(obj) { return (obj && typeof obj === 'object' && obj.name) ? String(obj.name) : ''; };
            var formatCurrency = function(amount) {
                if (amount == null || amount === '') return '-';
                var n = Number(amount);
                if (!Number.isFinite(n)) return '-';
                return n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' M';
            };
            var formatDate = function(date) {
                if (!date) return '-';
                return new Date(date).toLocaleDateString('en-PK', { year: 'numeric', month: 'long', day: 'numeric' });
            };
            var formatDateTime = function(dateStr) {
                if (!dateStr) return '—';
                var d = new Date(dateStr);
                if (isNaN(d.getTime())) return '—';
                return d.toLocaleString('en-PK', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
            };
            var num = function(v) {
                if (v == null || v === '') return null;
                if (typeof v === 'number') return Number.isFinite(v) ? v : null;
                var n = Number(String(v).replace(/[^0-9.-]/g, ''));
                return Number.isFinite(n) ? n : null;
            };
            var firstNonZero = function() {
                for (var i = 0; i < arguments.length; i++) { var n = num(arguments[i]); if (n != null && n !== 0) return n; }
                return 0;
            };
            var firstPercent = function() {
                for (var i = 0; i < arguments.length; i++) { var n = num(arguments[i]); if (n != null) return n; }
                return null;
            };
            var locStr = (project.locations && project.locations.length)
                ? project.locations.map(function(loc) { return (loc.name || '-') + (loc.district && loc.district.name ? ' (' + loc.district.name + ')' : ''); }).join(', ')
                : '-';
            var sdgStr = Array.isArray(project.sdg_goals) && project.sdg_goals.length ? project.sdg_goals.join(', ') : '-';
            var budget = firstNonZero(project.estimated_amount, project.approved_amount, project.alloted_amount, project.allocated_amount_final, project.capital_amount, project.revenue_amount);
            var spent = firstNonZero(project.actual_expenditure_upto_previous, project.allocated_amount_final, project.alloted_amount);
            var spentPct = budget > 0 ? Math.round((spent / budget) * 100) : null;
            var completionRaw = firstPercent(project.completion_percentage, project.completion_percent, project.physical_progress, project.progress);
            var completionBasis = spentPct != null ? spentPct : (completionRaw != null ? completionRaw : 0);
            var completionPct = Math.min(100, Math.max(0, Math.round(completionBasis)));
            var statusTag = project.status ? '<span class="scheme-tag scheme-tag-success">• Active</span>' : '<span class="scheme-tag scheme-tag-secondary">Inactive</span>';
            var boolTag = function(ok, yesLabel, noLabel) {
                yesLabel = yesLabel || 'Yes'; noLabel = noLabel || 'No';
                return ok ? '<span class="scheme-tag scheme-tag-success">' + yesLabel + '</span>' : '<span class="scheme-tag scheme-tag-secondary">' + noLabel + '</span>';
            };
            var pcWorkflowStateLabel = (function(state, chairmanAdviceForwarded) {
                var key = String(state == null ? '' : state).trim().toLowerCase();
                if (key === 'under approval' && chairmanAdviceForwarded) return 'Forwarded to Chairman';
                if (key === 'draft') return 'Draft';
                if (key === 'rejected') return 'Deferred';
                if (key === 'requested') return 'Forwarded for Checking';
                if (key === 'department_approval_pending') return 'Forwarded for Approval';
                if (key === 'under approval') return 'Forwarded to P&D';
                if (key === 'approved') return 'Approved';
                if (key === '') return '—';
                return key.charAt(0).toUpperCase() + key.slice(1);
            });
            var pcStateTag = (function(state, stateLabel, chairmanAdviceForwarded) {
                if (state == null || state === '') {
                    return '<span class="scheme-tag scheme-tag-secondary">NA</span>';
                }
                var normalized = String(state).trim().toLowerCase().replace(/\s+/g, '_');
                var cssClass = 'scheme-tag-info';
                if (normalized === 'approved') cssClass = 'scheme-tag-success';
                else if (normalized === 'rejected') cssClass = 'scheme-tag-danger';
                else if (normalized === 'requested' || normalized === 'checking' || normalized === 'department_approval_pending' || normalized === 'under_approval' || normalized === 'approving') cssClass = 'scheme-tag-warning';
                var label = (stateLabel != null && String(stateLabel).trim() !== '')
                    ? String(stateLabel).trim()
                    : pcWorkflowStateLabel(state, !!chairmanAdviceForwarded);
                return '<span class="scheme-tag ' + cssClass + '">' + escapeAttr(label) + '</span>';
            });
            var buildPcStatusSectionRows = function(project) {
                var rowsHtml = '';
                var statuses = Array.isArray(project.pc_form_statuses) ? project.pc_form_statuses : [];
                if (statuses.length === 0) {
                    rowsHtml += row('PC-I Status', pcStateTag(project.pc_i_state, null, project.pc_i_chairman_advice_forwarded), false, 'approved');
                    if (String(project.pc_i_state || '').trim().toLowerCase() === 'approved') {
                        rowsHtml += row('PC-I Approval Date', (project.pc_i_approved_at ? formatDate(project.pc_i_approved_at) : '—'), false, 'approval_date');
                    }
                    return rowsHtml;
                }
                statuses.forEach(function(pc) {
                    var typeLabel = (pc && pc.label) ? String(pc.label) : 'PC-I';
                    var state = pc ? pc.state : null;
                    var stateLabel = pc ? pc.state_label : null;
                    var chairmanAdviceForwarded = !!(pc && pc.chairman_advice_forwarded);
                    rowsHtml += row(typeLabel + ' Status', pcStateTag(state, stateLabel, chairmanAdviceForwarded), false, 'approved');
                    if (String(state || '').trim().toLowerCase() === 'approved') {
                        rowsHtml += row(typeLabel + ' Approval Date', (pc.approved_at ? formatDate(pc.approved_at) : '—'), false, 'approval_date');
                    }
                });
                return rowsHtml;
            };
            var completionTag = project.completion_status
                ? '<span class="scheme-tag ' + (project.completion_status === 'Completed' ? 'scheme-tag-success' : 'scheme-tag-warning') + '">' + project.completion_status + '</span>'
                : '-';
            var row = function(label, value, emphasis, tooltipKey) {
                var lbl = tooltipKey ? withTooltip(label, tooltipKey) : label;
                return '<div class="scheme-kv-row"><span class="label">' + lbl + '</span><span class="value' + (emphasis ? ' emphasis' : '') + '">' + value + '</span></div>';
            };

            var html = '<div class="scheme-details-popup">' +
                '<div class="scheme-modal-tabs-wrap"><ul class="nav nav-tabs scheme-modal-tabs" id="projectDetailsTabs" role="tablist">' +
                '<li class="nav-item"><a class="nav-link active" id="tab-basic-tab" data-toggle="tab" href="#tab-basic" role="tab" aria-controls="tab-basic" aria-selected="true">Identifiers &amp; Basic Info</a></li>' +
                '<li class="nav-item"><a class="nav-link" id="tab-financial-tab" data-toggle="tab" href="#tab-financial" role="tab" aria-controls="tab-financial" aria-selected="false">Financial (all scheme columns)</a></li>' +
                '<li class="nav-item"><a class="nav-link" id="tab-dates-tab" data-toggle="tab" href="#tab-dates" role="tab" aria-controls="tab-dates" aria-selected="false">Dates &amp; Progress</a></li>' +
                '<li class="nav-item"><a class="nav-link" id="tab-visit-history-tab" data-toggle="tab" href="#tab-visit-history" role="tab" aria-controls="tab-visit-history" aria-selected="false">Visit History</a></li>' +
                '<li class="nav-item"><a class="nav-link" id="tab-pc-workflow-tab" data-toggle="tab" href="#tab-pc-workflow" role="tab" aria-controls="tab-pc-workflow" aria-selected="false">PC Workflow</a></li>' +
                '<li class="nav-item"><a class="nav-link" id="tab-doc-workflow-tab" data-toggle="tab" href="#tab-doc-workflow" role="tab" aria-controls="tab-doc-workflow" aria-selected="false">Workflow Document</a></li>' +
                '<li class="nav-item"><a class="nav-link" id="tab-doc-repository-tab" data-toggle="tab" href="#tab-doc-repository" role="tab" aria-controls="tab-doc-repository" aria-selected="false">Document Repository</a></li>' +
                '</ul></div>' +
                '<div class="tab-content scheme-tab-content" id="projectDetailsTabsContent">' +

                '<div class="tab-pane fade show active" id="tab-basic" role="tabpanel" aria-labelledby="tab-basic-tab">' +
                '<div class="row"><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Basic Information</div><div class="scheme-kv">' +
                row('UID', '<strong>' + val(project.code) + '</strong>', false, 'uid') +
                row('ADP', val(project.adp_number), false, 'adp_number') +
                row('Scheme Start Year', val(project.start_year)) +
                // row('Scheme Type', val(project.scheme)) +
                row('Project Type', '<span class="scheme-tag scheme-tag-info">' + val(project.project_type) + '</span>', false, 'project_type') +
                row('Scheme Type', val(project.adp_type)) +
                row('Department', dep(project.department)) +
                row('Sector', dep(project.sector)) +
                row('Sub Sector', dep(project.subSector)) +
                row('Block', dep(project.blk)) +
                row('Location', locStr) +
                '</div></div></div><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Status</div><div class="scheme-kv">' +
                row('Status', statusTag, false, 'status') +
                row('Published', boolTag(project.published), false, 'published') +
                buildPcStatusSectionRows(project) +
                // row('Approval Date', formatDate(project.approved_at), true, 'approval_date') +
                // row('Completion', '<span class="scheme-tag scheme-tag-info">' + completionPct + '%</span>', false, 'completion') +
                '</div></div></div></div></div>' +

                '<div class="tab-pane fade" id="tab-financial" role="tabpanel" aria-labelledby="tab-financial-tab">' +
                '<div class="row"><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Financial Snapshot</div><div class="scheme-kv">' +
                row('Estimated Capital Cost', formatCurrency(project.capital_amount)) +
                row('Estimated Revenue Cost', formatCurrency(project.revenue_amount)) +
                row('Estimated Total Cost', formatCurrency(project.estimated_amount), true, 'estimated_amount') +
                '</div></div></div><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Approved &amp; Allocation</div><div class="scheme-kv">' +
                row('Approved Capital Cost', formatCurrency(project.approved_capital_amount)) +
                row('Approved Revenue Cost', formatCurrency(project.approved_revenue_amount)) +
                row('Approved Total Cost', formatCurrency(project.approved_amount), true, 'approved_amount') +
                '</div></div></div></div>' +
                (function() {
                    var fe = project.financial_extra || {};
                    if (fe.last_budget_year_label) {
                        tooltipText.allocation_last_year = 'Budget allocation (capital + revenue) for budget year ' + fe.last_budget_year_label + '.';
                        tooltipText.revised_allocation_last_year = 'Revised allocation total for budget year ' + fe.last_budget_year_label + '.';
                    }
                    if (fe.current_budget_year_label) {
                        tooltipText.allocation_this_year = 'Budget allocation (capital + revenue) for budget year ' + fe.current_budget_year_label + '.';
                    }
                    var lastBudgetYearLbl = fe.last_budget_year_label ? String(fe.last_budget_year_label) : 'last Budget Year';
                    var currentBudgetYearLbl = fe.current_budget_year_label ? String(fe.current_budget_year_label) : 'This Year';
                    var isRevisedScheme = project.under_review === 'Revised';
                    var revisedAllocationRow = isRevisedScheme
                        ? row('Revised Allocation (' + lastBudgetYearLbl + ')', formatCurrency(fe.revised_allocation_last_year), false, 'revised_allocation_last_year')
                        : '';
                    return '<div class="row mt-2"><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Expenditure / Release</div><div class="scheme-kv">' +
                        row('Cumulative expenditure (FP)', formatCurrency(fe.cumulative_expenditure_for_fp), true, 'cumulative_expenditure_for_fp') +
                        row('Financial progress (FP %)', fe.fp_percent_display || '—', true, 'fp_percent') +
                        row('Expenditure (release uploads)', formatCurrency(fe.total_expenditure_upto_current), false, 'total_expenditure_upto_current') +
                        row('Expenditure (Date last uploaded file)', fe.expenditure_last_uploaded_date ? formatDateTime(fe.expenditure_last_uploaded_date) : '—', false, 'expenditure_last_uploaded') +
                        row('Release (Total)', formatCurrency(fe.total_release_upto_current), true) +
                        row('Release (Date last uploaded file)', fe.release_last_uploaded_date ? formatDateTime(fe.release_last_uploaded_date) : '—', false, 'release_last_uploaded') +
                        '</div></div></div><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Allocation</div><div class="scheme-kv">' +
                        row('Allocation (' + lastBudgetYearLbl + ')', formatCurrency(fe.allocation_last_year), false, 'allocation_last_year') +
                        row('Allocation (' + currentBudgetYearLbl + ')', formatCurrency(fe.allocation_this_year), true, 'allocation_this_year') +
                        row('Total Allocation', formatCurrency(fe.total_allocation), true, 'total_allocation') +
                        revisedAllocationRow +
                        '</div></div></div></div>';
                })() + '</div>' +

                '<div class="tab-pane fade" id="tab-dates" role="tabpanel" aria-labelledby="tab-dates-tab">' +
                '<div class="row"><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Dates</div><div class="scheme-kv">' +
                row('Target Completion Date', formatDate(project.target_completion_date), false, 'target_completion_date') +
                row('Approval Date', formatDate(project.approved_at), false, 'approval_date') +
                // row('Created At', formatDate(project.created_at)) +
                // row('Updated At', formatDate(project.updated_at)) +
                '</div></div></div><div class="col-auto"><div class="scheme-card"><div class="scheme-card-title">Progress</div><div class="scheme-kv">' +
                row('Completion Status', completionTag, false, 'completion_status') +
                row('LTBC (Yes/No)', (project.is_ltbc === true || project.is_ltbc === 1 ? '<span class="scheme-tag scheme-tag-success">Yes</span>' : '<span class="scheme-tag scheme-tag-secondary">No</span>'), true, 'ltbc') +
                row('Under Revision (Yes / No)', (project.under_review === 'UnderReview' ? '<span class="scheme-tag scheme-tag-success">Yes</span>' : '<span class="scheme-tag scheme-tag-secondary">No</span>'), false, 'under_revision') +
                row('Revised', (project.under_review === 'Revised' ? '<span class="scheme-tag scheme-tag-success">Yes</span>' : '<span class="scheme-tag scheme-tag-secondary">No</span>'), false, 'revised') +
                row('Last Revised Date', (project.revised_active && project.revised_active.revised_date ? formatDate(project.revised_active.revised_date) : '—'), false, 'last_revised_date') +
                '</div></div></div></div></div>' +

                '<div class="tab-pane fade" id="tab-visit-history" role="tabpanel" aria-labelledby="tab-visit-history-tab">' +
                '<div id="scheme-visit-history-panel" class="scheme-visit-history-panel" data-project-id="' + escapeHtml(String(project.project_id || '')) + '">' +
                '<div class="text-muted small py-3">' + @json(__('Open this tab to load consolidated visit history.')) + '</div>' +
                '</div></div>' +

                '<div class="tab-pane fade" id="tab-pc-workflow" role="tabpanel" aria-labelledby="tab-pc-workflow-tab">' +
                '<div id="scheme-pc-workflow-panel" class="scheme-pc-workflow-panel" data-project-id="' + escapeHtml(String(project.project_id || '')) + '">' +
                '<div class="text-muted small py-3">' + @json(__('Open this tab to load PC-I to PC-V workflow status details.')) + '</div>' +
                '</div></div>' +

                '<div class="tab-pane fade" id="tab-doc-workflow" role="tabpanel" aria-labelledby="tab-doc-workflow-tab">' +
                '<div id="scheme-doc-workflow-panel" class="pci-doc-wf-panel" data-project-id="' + escapeHtml(String(project.project_id || '')) + '">' +
                '<div class="text-muted small py-3">' + @json(__('Open this tab to load scheme documents.')) + '</div>' +
                '</div></div>' +

                '<div class="tab-pane fade" id="tab-doc-repository" role="tabpanel" aria-labelledby="tab-doc-repository-tab">' +
                '<div id="scheme-doc-repository-panel" class="scheme-doc-repository-panel" data-project-id="' + escapeHtml(String(project.project_id || '')) + '" data-scheme-uid="' + escapeHtml(String(project.code || '')) + '">' +
                '<div class="text-muted small py-3">' + @json(__('Open this tab to load Document Repository files for this UID.')) + '</div>' +
                '</div></div>' +

                '</div></div>';
            $('#projectDetailsModal-body').html(html);
            if ($.fn && typeof $.fn.tooltip === 'function') {
                var $tips = $('#projectDetailsModal [data-toggle="tooltip"]');
                $tips.tooltip('dispose');
                $tips.tooltip({ container: 'body', trigger: 'hover focus' });
            }
            // Keep "Generate PC" visible here; in-process schemes are handled in the next step (Select PC modal).
            var $createPcBtn = $('#projectDetailsModal-create-pc');
            if ($createPcBtn.length) {
                $createPcBtn.show();
            }
            var $createMeeting = $('#projectDetailsModal-create-meeting');
            if ($createMeeting.length) {
                var pid = project.project_id || $('#projectDetailsModal-project-id').val();
                var mwsSched = (project.mws_schedule_meeting && typeof project.mws_schedule_meeting === 'object')
                    ? project.mws_schedule_meeting
                    : null;
                if (pid && mwsSched && mwsSched.can_schedule) {
                    var createBase = @json(route('meeting-workspace.meetings.create'));
                    $createMeeting
                        .attr('href', createBase)
                        .data('project-id', pid)
                        .attr('data-project-id', pid)
                        .attr('data-mws-schedule-types', JSON.stringify(mwsSched.types || {}))
                        .attr('data-pc-form-id', mwsSched.pc_form_id ? String(mwsSched.pc_form_id) : '')
                        .attr('data-pc-form-kind', mwsSched.pc_form_kind ? String(mwsSched.pc_form_kind) : '')
                        .show();
                } else if (pid && !mwsSched) {
                    // Legacy payload without eligibility: keep prior show behavior.
                    $createMeeting
                        .attr('href', '{{ route("meeting-workspace.meetings.create") }}?prefill_project_id=' + encodeURIComponent(pid))
                        .data('project-id', pid)
                        .removeAttr('data-mws-schedule-types')
                        .show();
                } else {
                    $createMeeting.hide().removeAttr('data-mws-schedule-types');
                }
            }
        }

        $(document).on('click', '#projectDetailsModal-create-pc', function(e) {
            e.preventDefault();
            e.stopPropagation();

            var projectId = $(this).data('project-id') || $('#projectDetailsModal-project-id').val();
            if (!projectId) {
                return;
            }

            ensureProjectDetailsModalOnBody();
            if (typeof window.ensurePcTypeSelectionModalOnBody === 'function') {
                window.ensurePcTypeSelectionModalOnBody();
            } else if (typeof ensurePcTypeSelectionModalOnBody === 'function') {
                ensurePcTypeSelectionModalOnBody();
            }

            if (typeof window.pmsPrepareAndOpenPcTypeSelectionModal === 'function') {
                window.pmsPrepareAndOpenPcTypeSelectionModal(projectId);
                return;
            }

            if (typeof window.pmsOpenPcTypeSelectionModal === 'function') {
                $('#pcTypeSelectionProjectId').val(projectId);
                $('#pcTypeSelectionHelp').text('');
                $('input[name="pc_type_choice"]').prop('checked', false);
                $('#pcTypeSelectionProceed').prop('disabled', true);
                if (typeof resetPcTypeSelectionModalLabels === 'function') {
                    resetPcTypeSelectionModalLabels();
                }
                window.pmsOpenPcTypeSelectionModal({ stacked: true });
                return;
            }

            $('#pcTypeSelectionProjectId').val(projectId);
            $('#pcTypeSelectionModal').modal({ backdrop: true, keyboard: true, focus: true, show: true });
        });

        $(function() {
            ensureProjectDetailsModalOnBody();
        });

        var schemeVisitHistoryLoadedFor = null;
        var schemeVisitHistoryEscapeHtml = window.pmsEscapeHtml || function(value) {
            return String(value == null ? '' : value)
                .replace(/&/g, '&amp;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;')
                .replace(/"/g, '&quot;')
                .replace(/'/g, '&#39;');
        };
        var schemeVisitHistoryUserIcon = '<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>';
        var schemeVisitHistoryIconCheck = '<svg fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>';
        var schemeVisitHistoryIconCross = '<svg fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>';
        var schemeVisitHistoryIconDot = '<svg fill="currentColor" viewBox="0 0 8 8" aria-hidden="true"><circle cx="4" cy="4" r="3"/></svg>';

        function schemeVisitHistoryStatusKey(entry) {
            if (entry && entry.status_key) return entry.status_key;
            var status = entry && entry.status ? entry.status : entry;
            if (status === 'Satisfactory') return 'satisfactory';
            if (status === 'Unsatisfactory') return 'unsatisfactory';
            if (status === 'In Process') return 'in_process';
            return 'neutral';
        }

        function schemeVisitHistoryLabeledRow(label, value) {
            return '<div class="scheme-visit-history-row">' +
                '<span class="scheme-visit-history-row__label">' + schemeVisitHistoryEscapeHtml(label) + '</span>' +
                '<span class="scheme-visit-history-row__value">' + schemeVisitHistoryEscapeHtml(value || '—') + '</span>' +
            '</div>';
        }

        function schemeVisitHistoryPlainRow(value) {
            return '<div class="scheme-visit-history-row scheme-visit-history-row--plain">' +
                '<span class="scheme-visit-history-row__value">' + schemeVisitHistoryEscapeHtml(value || '—') + '</span>' +
            '</div>';
        }

        function schemeVisitHistoryDownloadLink(download, defaultLabel) {
            if (!download || !download.url) return '';
            var label = defaultLabel;
            if (download.filename && download.filename !== defaultLabel) {
                label = defaultLabel + ' (' + download.filename + ')';
            }
            var pendingNote = download.file_exists === false
                ? ' title="' + schemeVisitHistoryEscapeHtml(@json(__('File pending upload'))) + '"'
                : '';
            return '<a class="scheme-visit-history-download-link" href="' + schemeVisitHistoryEscapeHtml(download.url) + '" target="_blank" rel="noopener"' + pendingNote + '>' +
                schemeVisitHistoryEscapeHtml(label) +
            '</a>';
        }

        function renderSchemeVisitHistoryTimeline(entries) {
            if (!entries || !entries.length) {
                return '<div class="scheme-visit-history-empty py-3">' + @json(__('No visit history found for this scheme.')) + '</div>';
            }

            var html = '<div class="scheme-visit-history-wrap">' +
                '<div class="scheme-visit-history-header">' +
                    '<p class="scheme-visit-history-header__title">' + @json(__('Visitation History Logs')) + '</p>' +
                    '<p class="scheme-visit-history-header__subtitle">' + @json(__('Published monitoring visits, newest first')) + '</p>' +
                '</div>' +
                '<div class="scheme-visit-history-timeline">';

            entries.forEach(function(entry) {
                var statusKey = schemeVisitHistoryStatusKey(entry);
                var markerIcon = statusKey === 'satisfactory'
                    ? schemeVisitHistoryIconCheck
                    : (statusKey === 'unsatisfactory' ? schemeVisitHistoryIconCross : schemeVisitHistoryIconDot);
                var statusLabel = entry.status && entry.status !== '—' ? entry.status : 'In Process';
                var downloads = entry.downloads || {};
                var downloadHtml = '';
                if (downloads.compliance) {
                    downloadHtml += schemeVisitHistoryDownloadLink(downloads.compliance, @json(__('Compliance Replies')));
                }
                if (downloads.published_report) {
                    downloadHtml += schemeVisitHistoryDownloadLink(downloads.published_report, @json(__('Published Monitoring Report')));
                }

                html += '<div class="scheme-visit-history-item">' +
                    '<span class="scheme-visit-history-marker scheme-visit-history-marker--' + statusKey + '">' + markerIcon + '</span>' +
                    '<div class="scheme-visit-history-card">' +
                        '<div class="scheme-visit-history-card__left">' +
                            schemeVisitHistoryLabeledRow(@json(__('Visit Date')), entry.visit_date_display) +
                            schemeVisitHistoryLabeledRow(@json(__('Published Date')), entry.published_date_display) +
                            schemeVisitHistoryLabeledRow(@json(__('Reporting Officer')), entry.reporting_officer) +
                            schemeVisitHistoryPlainRow(entry.frequency_label) +
                            schemeVisitHistoryPlainRow(entry.data_source) +
                        '</div>' +
                        '<div class="scheme-visit-history-card__right">' +
                            '<div class="scheme-visit-history-status scheme-visit-history-status--' + statusKey + '">' +
                                schemeVisitHistoryEscapeHtml(statusLabel) +
                            '</div>' +
                            schemeVisitHistoryLabeledRow(@json(__('Location')), entry.location) +
                            schemeVisitHistoryLabeledRow(@json(__('Compliance Status')), entry.compliance_status) +
                            (downloadHtml ? '<div class="scheme-visit-history-downloads">' + downloadHtml + '</div>' : '') +
                        '</div>' +
                    '</div>' +
                '</div>';
            });

            html += '</div></div>';
            return html;
        }

        function loadSchemeVisitHistory(projectId) {
            var $panel = $('#scheme-visit-history-panel');
            if (!$panel.length || !projectId) return;
            if (schemeVisitHistoryLoadedFor === projectId) return;
            $panel.html('<div class="scheme-visit-history-loading py-3">' + @json(__('Loading visit history...')) + '</div>');
            $.get(@json(route('schemes.visit-history', ['project' => '__PID__'])).replace('__PID__', projectId))
                .done(function(resp) {
                    var entries = (resp && resp.data && resp.data.timeline) ? resp.data.timeline : [];
                    $panel.html(renderSchemeVisitHistoryTimeline(entries));
                    schemeVisitHistoryLoadedFor = projectId;
                })
                .fail(function() {
                    $panel.html('<div class="text-danger small py-3">' + @json(__('Unable to load visit history.')) + '</div>');
                });
        }

        $(document).on('shown.bs.tab', '#projectDetailsTabs a[href="#tab-visit-history"]', function() {
            var projectId = $('#scheme-visit-history-panel').data('project-id');
            if (projectId) {
                loadSchemeVisitHistory(String(projectId));
            }
        });

        var schemePcWorkflowLoadedFor = null;
        var schemeDocWorkflowLoadedFor = null;
        var schemeDocRepositoryLoadedFor = null;

        function schemePcWorkflowStatusBadge(statusKey, statusLabel) {
            // Match PC forms index STATUS column badge classes.
            var key = String(statusKey || '').trim().toLowerCase().replace(/\s+/g, '_');
            var badgeClass = 'badge-warning';
            if (key === 'approved') {
                badgeClass = 'badge-success';
            } else if (key === 'rejected') {
                badgeClass = 'badge-danger';
            } else if (key === 'draft' || key === '') {
                badgeClass = 'badge-secondary';
            }
            return '<span class="badge ' + badgeClass + '">' + schemeVisitHistoryEscapeHtml(statusLabel || '—') + '</span>';
        }

        function schemePcWorkflowDetailRowsHtml(rows) {
            if (!rows || !rows.length) return '';
            var html = '<div class="scheme-pc-workflow-details mt-1">';
            rows.forEach(function(row) {
                html += '<div class="scheme-pc-workflow-detail-row">' +
                    '<span class="scheme-pc-workflow-detail-label">' + schemeVisitHistoryEscapeHtml(row.label || '') + '</span>' +
                    '<span class="scheme-pc-workflow-detail-value">' + schemeVisitHistoryEscapeHtml(row.value || '—') + '</span>' +
                '</div>';
            });
            html += '</div>';
            return html;
        }

        function schemePcWorkflowSourceLabel(source) {
            var key = String(source || '').trim().toLowerCase();
            if (key === 'meeting') return @json(__('Meeting'));
            if (key === 'working_paper') return @json(__('Working Paper'));
            if (key === 'pc_form') return @json(__('PC Form'));
            return '';
        }

        function renderSchemePcWorkflowTimelineEntries(timeline) {
            if (!timeline || !timeline.length) {
                return '<div class="text-muted small">' + @json(__('No workflow events recorded yet.')) + '</div>';
            }

            var html = '<ul class="list-unstyled scheme-pc-workflow-timeline mb-0">';
            timeline.forEach(function(entry, idx) {
                var isLast = idx === timeline.length - 1;
                var timestamp = '—';
                if (entry.action_date) {
                    var d = new Date(entry.action_date);
                    if (!isNaN(d.getTime())) {
                        timestamp = d.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' }) +
                            ' • ' + d.toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' });
                    }
                }
                var sourceLabel = schemePcWorkflowSourceLabel(entry.source);
                html += '<li class="scheme-pc-workflow-item' + (isLast ? '' : ' scheme-pc-workflow-item-connector') + '">' +
                    '<div class="d-flex">' +
                        '<span class="scheme-pc-workflow-bullet flex-shrink-0"></span>' +
                        '<div class="scheme-pc-workflow-content">' +
                            '<div class="font-weight-bold">' + schemeVisitHistoryEscapeHtml(entry.action_label || 'Workflow Action') +
                                (sourceLabel ? ' <span class="badge badge-light border ml-1">' + schemeVisitHistoryEscapeHtml(sourceLabel) + '</span>' : '') +
                            '</div>' +
                            '<div class="small text-muted">' + schemeVisitHistoryEscapeHtml(entry.routing_line || '—') + '</div>' +
                            '<div class="small text-muted">' + schemeVisitHistoryEscapeHtml(timestamp) + '</div>' +
                            schemePcWorkflowDetailRowsHtml(entry.detail_rows) +
                            (entry.remarks
                                ? '<div class="small mt-1"><span class="text-muted font-weight-bold">' + @json(__('Note:')) + '</span> <span>' + schemeVisitHistoryEscapeHtml(entry.remarks) + '</span></div>'
                                : '') +
                        '</div>' +
                    '</div>' +
                '</li>';
            });
            html += '</ul>';
            return html;
        }

        function renderSchemePcWorkflowTimeline(data) {
            var forms = Array.isArray(data) ? data : (data && data.forms ? data.forms : []);

            if (!forms.length) {
                return '<div class="scheme-pc-workflow-empty py-3">' + @json(__('No PC forms found for this scheme.')) + '</div>';
            }

            var accordionId = 'schemePcWorkflowAccordion';
            var html = '<div class="scheme-pc-workflow-wrap accordion" id="' + accordionId + '">';
            forms.forEach(function(form, formIndex) {
                var kindKey = String(form.kind || formIndex).replace(/[^a-z0-9_-]/gi, '-');
                var collapseId = 'scheme-pc-workflow-collapse-' + kindKey;
                var headingId = 'scheme-pc-workflow-heading-' + kindKey;
                var isFirst = formIndex === 0;
                var titleText = schemeVisitHistoryEscapeHtml(form.label || 'PC Form');

                html += '<div class="card scheme-pc-workflow-card mb-2">' +
                    '<div class="card-header scheme-pc-workflow-card-header" id="' + headingId + '">' +
                        '<button type="button" class="scheme-pc-workflow-toggle btn btn-link btn-block text-left' + (isFirst ? '' : ' collapsed') + '"' +
                            ' data-toggle="collapse" data-target="#' + collapseId + '"' +
                            ' aria-expanded="' + (isFirst ? 'true' : 'false') + '"' +
                            ' aria-controls="' + collapseId + '">' +
                            '<span class="scheme-pc-workflow-toggle-title">' +
                                '<i class="fas fa-chevron-down scheme-pc-workflow-chevron mr-2" aria-hidden="true"></i>' +
                                '<span class="font-weight-bold">' + titleText + '</span>' +
                            '</span>' +
                            '<span class="scheme-pc-workflow-final">' +
                                schemePcWorkflowStatusBadge(form.final_status_key, form.final_status) +
                            '</span>' +
                        '</button>' +
                    '</div>' +
                    '<div id="' + collapseId + '" class="collapse' + (isFirst ? ' show' : '') + '"' +
                        ' aria-labelledby="' + headingId + '" data-parent="#' + accordionId + '">' +
                        '<div class="card-body">';

                var timeline = Array.isArray(form.timeline) ? form.timeline : [];
                html += renderSchemePcWorkflowTimelineEntries(timeline);

                html += '</div></div></div>';
            });
            html += '</div>';
            return html;
        }

        function loadSchemePcWorkflowStatus(projectId) {
            var $panel = $('#scheme-pc-workflow-panel');
            if (!$panel.length || !projectId) return;
            if (schemePcWorkflowLoadedFor === String(projectId) && $panel.data('loaded') === 1) return;

            $panel.html('<div class="text-center py-4"><div class="spinner-border spinner-border-sm text-primary" role="status"></div><p class="mt-2 small text-muted">' + @json(__('Loading PC workflow status...')) + '</p></div>');

            $.ajax({
                url: '{{ url("schemes") }}/' + encodeURIComponent(projectId) + '/pc-workflow-status',
                method: 'GET',
                headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }
            })
                .done(function(res) {
                    if (res && res.status === 200 && res.data) {
                        schemePcWorkflowLoadedFor = String(projectId);
                        $panel.data('loaded', 1);
                        $panel.html(renderSchemePcWorkflowTimeline(res.data || {}));
                    } else {
                        $panel.html('<div class="text-warning small py-3">' + @json(__('Unable to load PC workflow status.')) + '</div>');
                    }
                })
                .fail(function(xhr) {
                    var msg = @json(__('Unable to load PC workflow status.'));
                    if (xhr && xhr.status === 403) msg = @json(__('Permission denied.'));
                    if (xhr && xhr.status === 404) msg = @json(__('Scheme not found.'));
                    $panel.html('<div class="text-danger small py-3">' + msg + '</div>');
                });
        }

        $(document).on('shown.bs.tab', '#projectDetailsTabs a[href="#tab-pc-workflow"]', function() {
            var projectId = $('#scheme-pc-workflow-panel').data('project-id');
            if (projectId) {
                loadSchemePcWorkflowStatus(String(projectId));
            }
        });

        function schemeDocWfEsc(s) {
            return String(s == null ? '' : s)
                .replace(/&/g, '&amp;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;')
                .replace(/"/g, '&quot;')
                .replace(/'/g, '&#39;');
        }

        function schemeDocWfRenderTile(doc) {
            var label = doc && doc.label ? String(doc.label) : '—';
            var url = doc && doc.url ? String(doc.url) : '';
            var available = !!(doc && doc.available && url);
            var dIcon = doc && doc.icon ? String(doc.icon) : 'file';
            var inner = '<span class="pci-doc-wf-tile__icon"><i class="fas fa-' + schemeDocWfEsc(dIcon) + '"></i></span>'
                + '<span class="pci-doc-wf-tile__label">' + schemeDocWfEsc(label) + '</span>';
            if (available) {
                return '<a class="pci-doc-wf-tile" href="' + schemeDocWfEsc(url) + '" target="_blank" rel="noopener noreferrer" title="' + schemeDocWfEsc(label) + '">' + inner + '</a>';
            }
            return '<span class="pci-doc-wf-tile is-unavailable" title="' + @json(__('Not created yet')) + '" aria-disabled="true">' + inner + '</span>';
        }

        function renderSchemeDocWorkflowPanel(payload) {
            var title = (payload && payload.title) ? String(payload.title) : 'PC Documents & Workflow';
            var rows = (payload && Array.isArray(payload.rows)) ? payload.rows : [];
            var html = '<div class="pci-doc-wf-header">'
                + '<h3 class="pci-doc-wf-header__title">' + schemeDocWfEsc(title) + '</h3>'
                + '</div>';

            if (!rows.length) {
                html += '<div class="text-muted small px-2">' + @json(__('No document stages were found for this scheme.')) + '</div>';
                return html;
            }

            rows.forEach(function (row) {
                var theme = row && row.theme ? String(row.theme) : 'blue';
                var icon = row && row.icon ? String(row.icon) : 'file-alt';
                var stageTitle = row && row.title ? String(row.title) : '—';
                var layout = row && row.layout ? String(row.layout) : 'simple';

                html += '<div class="pci-doc-wf-row pci-doc-wf-row--' + schemeDocWfEsc(theme) + '">'
                    + '<div class="pci-doc-wf-stage">'
                    + '<span class="pci-doc-wf-stage__icon" aria-hidden="true"><i class="fas fa-' + schemeDocWfEsc(icon) + '"></i></span>'
                    + '<p class="pci-doc-wf-stage__title">' + schemeDocWfEsc(stageTitle) + '</p>'
                    + '</div><div class="pci-doc-wf-content">';

                if (layout === 'forum') {
                    if (row.preview) {
                        html += '<div class="pci-doc-wf-preview">' + schemeDocWfRenderTile(row.preview) + '</div>';
                    }
                    var forumGroups = (row && Array.isArray(row.forum_groups)) ? row.forum_groups : [];
                    if (forumGroups.length) {
                        html += '<div class="pci-doc-wf-forum-groups">';
                        forumGroups.forEach(function (group) {
                            var groupLabel = group && group.label ? String(group.label) : '—';
                            var groupDocs = (group && Array.isArray(group.docs)) ? group.docs : [];
                            html += '<div class="pci-doc-wf-forum-group">'
                                + '<p class="pci-doc-wf-forum-group__label">' + schemeDocWfEsc(groupLabel) + '</p>'
                                + '<div class="pci-doc-wf-tiles">';
                            groupDocs.forEach(function (doc) {
                                html += schemeDocWfRenderTile(doc);
                            });
                            html += '</div></div>';
                        });
                        html += '</div>';
                    }
                } else {
                    var docs = (row && Array.isArray(row.docs)) ? row.docs : [];
                    html += '<div class="pci-doc-wf-tiles">';
                    docs.forEach(function (doc) {
                        html += schemeDocWfRenderTile(doc);
                    });
                    html += '</div>';
                }

                html += '</div></div>';
            });

            return html;
        }

        function loadSchemeDocWorkflow(projectId) {
            var $panel = $('#scheme-doc-workflow-panel');
            if (!$panel.length || !projectId) return;
            if (schemeDocWorkflowLoadedFor === String(projectId) && $panel.data('loaded') === 1) return;

            $panel.html('<div class="text-muted small py-3"><span class="spinner-border spinner-border-sm text-primary mr-2" role="status"></span>' + @json(__('Loading scheme documents…')) + '</div>');

            $.ajax({
                url: @json(route('schemes.document-workflow', ['project' => '__ID__'])).replace('__ID__', encodeURIComponent(projectId)),
                method: 'GET',
                dataType: 'json',
                headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' },
                timeout: 60000
            })
                .done(function (resp) {
                    try {
                        var payload = (resp && resp.data) ? resp.data : {};
                        $panel.html(renderSchemeDocWorkflowPanel(payload));
                        schemeDocWorkflowLoadedFor = String(projectId);
                        $panel.data('loaded', 1);
                    } catch (renderErr) {
                        $panel.html('<div class="text-danger small py-3">' + schemeDocWfEsc(@json(__('Unable to display scheme documents.'))) + '</div>');
                    }
                })
                .fail(function (xhr) {
                    var msg = @json(__('Unable to load scheme documents.'));
                    if (xhr && xhr.status === 403) msg = @json(__('You do not have permission to view these documents.'));
                    else if (xhr && xhr.status === 404) msg = @json(__('Scheme not found.'));
                    else if (xhr && xhr.statusText === 'timeout') msg = @json(__('Request timed out while loading scheme documents.'));
                    $panel.html('<div class="text-danger small py-3">' + msg + '</div>');
                });
        }

        $(document).on('shown.bs.tab', '#projectDetailsTabs a[href="#tab-doc-workflow"]', function() {
            var projectId = $('#scheme-doc-workflow-panel').data('project-id');
            if (projectId) {
                loadSchemeDocWorkflow(String(projectId));
            }
        });

        function schemeDocRepoEsc(value) {
            return escapeHtml(String(value == null ? '' : value));
        }

        function renderSchemeDocRepositoryPanel(payload) {
            var uid = payload && payload.scheme_uid ? String(payload.scheme_uid) : '';
            var disk = payload && Array.isArray(payload.disk_files) ? payload.disk_files : [];
            var linked = payload && Array.isArray(payload.linked_files) ? payload.linked_files : [];
            var folderExists = !!(payload && payload.folder_exists);
            var msg = payload && payload.message ? String(payload.message) : '';
            var html = '<div class="scheme-card mb-3"><div class="scheme-card-title">Document Repository</div>'
                + '<p class="small text-muted mb-2">'
                + (uid ? ('UID <code>' + schemeDocRepoEsc(uid) + '</code> · ') : '')
                + @json(__('Files from the PCFMS attachments folder for this UID. They appear here even if nothing was imported yet.'))
                + '</p>';
            if (msg) {
                html += '<div class="alert alert-warning py-2 small mb-2">' + schemeDocRepoEsc(msg) + '</div>';
            }
            if (!folderExists && !disk.length) {
                html += '<div class="text-muted small">' + @json(__('No UID folder found under the configured attachments root.')) + '</div></div>';
                return html;
            }
            if (payload && payload.truncated) {
                html += '<div class="alert alert-light border py-2 small mb-2">' + @json(__('Showing the first files only (folder is large).')) + '</div>';
            }
            html += '<div class="font-weight-bold small mb-2">' + @json(__('UID folder files')) + ' (' + disk.length + ')</div>';
            if (!disk.length) {
                html += '<div class="text-muted small mb-3">' + @json(__('Folder exists but has no files.')) + '</div>';
            } else {
                html += '<div class="table-responsive mb-3"><table class="table table-sm mb-0"><thead><tr>'
                    + '<th>' + @json(__('Group')) + '</th><th>' + @json(__('File')) + '</th><th>' + @json(__('Size')) + '</th><th>' + @json(__('Linked')) + '</th>'
                    + '</tr></thead><tbody>';
                disk.forEach(function (file) {
                    var name = file && (file.title || file.file_name) ? String(file.title || file.file_name) : '';
                    var group = file && file.group_name ? String(file.group_name) : '—';
                    var url = file && file.url ? String(file.url) : '#';
                    var sizeLabel = file && file.size_label ? String(file.size_label) : '—';
                    var linkedFlag = file && file.is_linked ? @json(__('Yes')) : @json(__('No'));
                    html += '<tr>'
                        + '<td class="small text-nowrap">' + schemeDocRepoEsc(group) + '</td>'
                        + '<td><a href="' + schemeDocRepoEsc(url) + '" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt mr-1"></i>' + schemeDocRepoEsc(name) + '</a>'
                        + '<div class="text-muted small"><code>' + schemeDocRepoEsc(file.file_name || '') + '</code></div></td>'
                        + '<td class="small text-nowrap">' + schemeDocRepoEsc(sizeLabel) + '</td>'
                        + '<td class="small">' + schemeDocRepoEsc(linkedFlag) + '</td>'
                        + '</tr>';
                });
                html += '</tbody></table></div>';
            }
            html += '<div class="font-weight-bold small mb-2">' + @json(__('Imported / linked on PC')) + ' (' + linked.length + ')</div>';
            if (!linked.length) {
                html += '<div class="text-muted small">' + @json(__('None linked yet. Submit from Admin → PCFMS Evidence Import to attach paths into the PC document repository.')) + '</div>';
            } else {
                html += '<div class="table-responsive"><table class="table table-sm mb-0"><thead><tr>'
                    + '<th>' + @json(__('Group')) + '</th><th>' + @json(__('File')) + '</th><th>' + @json(__('Linked')) + '</th>'
                    + '</tr></thead><tbody>';
                linked.forEach(function (file) {
                    var name = file && (file.title || file.file_name) ? String(file.title || file.file_name) : '';
                    var group = file && file.group_name ? String(file.group_name) : '—';
                    var url = file && file.url ? String(file.url) : '#';
                    var linkedAt = file && file.linked_at ? String(file.linked_at) : '—';
                    html += '<tr>'
                        + '<td class="small">' + schemeDocRepoEsc(group) + '</td>'
                        + '<td><a href="' + schemeDocRepoEsc(url) + '" target="_blank" rel="noopener noreferrer">' + schemeDocRepoEsc(name) + '</a></td>'
                        + '<td class="small text-nowrap">' + schemeDocRepoEsc(linkedAt) + '</td>'
                        + '</tr>';
                });
                html += '</tbody></table></div>';
            }
            html += '</div>';
            return html;
        }

        var schemeDocRepositoryXhr = null;

        function loadSchemeDocRepository(projectId, forceReload) {
            var $panel = $('#scheme-doc-repository-panel');
            if (!$panel.length || !projectId) return;
            if (!forceReload && schemeDocRepositoryLoadedFor === String(projectId) && $panel.data('loaded') === 1) return;
            if (schemeDocRepositoryXhr && schemeDocRepositoryXhr.readyState !== 4) {
                try { schemeDocRepositoryXhr.abort(); } catch (abortErr) {}
            }
            $panel.data('loaded', 0);
            $panel.html(
                '<div class="text-center py-4">'
                + '<div class="spinner-border spinner-border-sm text-primary" role="status"></div>'
                + '<p class="small text-muted mt-2 mb-0">' + @json(__('Loading Document Repository...')) + '</p>'
                + '</div>'
            );
            var url = @json(url('/schemes')) + '/' + encodeURIComponent(String(projectId)) + '/document-repository'
                + (forceReload ? '?refresh=1' : '');
            schemeDocRepositoryXhr = $.ajax({
                url: url,
                method: 'GET',
                headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' },
                timeout: 14000,
                cache: false
            })
                .done(function (resp) {
                    try {
                        var payload = (resp && resp.data) ? resp.data : {};
                        $panel.html(renderSchemeDocRepositoryPanel(payload));
                        schemeDocRepositoryLoadedFor = String(projectId);
                        $panel.data('loaded', 1);
                    } catch (renderErr) {
                        $panel.html('<div class="text-danger small py-3">' + schemeDocRepoEsc(@json(__('Unable to display Document Repository.'))) + '</div>');
                    }
                })
                .fail(function (xhr) {
                    if (xhr && xhr.statusText === 'abort') return;
                    var msg = @json(__('Unable to load Document Repository.'));
                    if (xhr && xhr.status === 403) msg = @json(__('You do not have permission to view these files.'));
                    else if (xhr && xhr.status === 404) msg = @json(__('Scheme not found.'));
                    else if (xhr && xhr.statusText === 'timeout') {
                        msg = @json(__('Timed out reading the attachments USB/HDD. Wake the drive in Explorer, confirm the path, then retry.'));
                    }
                    $panel.html(
                        '<div class="text-danger small py-3 mb-2">' + msg + '</div>'
                        + '<button type="button" class="btn btn-sm btn-outline-primary scheme-doc-repo-retry" data-project-id="'
                        + schemeDocRepoEsc(String(projectId)) + '">' + @json(__('Retry')) + '</button>'
                    );
                });
        }

        $(document).on('click', '.scheme-doc-repo-retry', function () {
            var projectId = $(this).data('project-id');
            if (projectId) {
                loadSchemeDocRepository(String(projectId), true);
            }
        });

        $(document).on('shown.bs.tab', '#projectDetailsTabs a[href="#tab-doc-repository"]', function() {
            var projectId = $('#scheme-doc-repository-panel').data('project-id');
            if (projectId) {
                loadSchemeDocRepository(String(projectId));
            }
        });

        $(document).on('click', '#projectDetailsModal-create-meeting', function(e) {
            var projectId = $(this).data('project-id');
            if (!projectId) return;
            e.preventDefault();
            var $btn = $(this);
            var base = ($btn.attr('href') || '').split('?')[0] || @json(route('meeting-workspace.meetings.create'));
            var typesRaw = $btn.attr('data-mws-schedule-types') || '';
            var types = null;
            try {
                types = typesRaw ? JSON.parse(typesRaw) : null;
            } catch (errTypes) {
                types = null;
            }
            function goWithProfile(profileSlug) {
                var qs = 'mws_profile=' + encodeURIComponent(String(profileSlug))
                    + '&prefill_project_id=' + encodeURIComponent(String(projectId));
                var pcFormId = parseInt($btn.attr('data-pc-form-id'), 10) || 0;
                var pcFormKind = String($btn.attr('data-pc-form-kind') || '').trim();
                if (pcFormId > 0) {
                    qs += '&prefill_pc_form_id=' + encodeURIComponent(String(pcFormId));
                }
                if (pcFormKind) {
                    qs += '&prefill_pc_form_kind=' + encodeURIComponent(pcFormKind);
                }
                window.location.href = base + '?' + qs;
            }
            if (typeof window.mwsPickScheduleMeetingType === 'function') {
                window.mwsPickScheduleMeetingType(types, goWithProfile);
                return;
            }
            document.cookie = 'create_meeting_scheme_project_id=' + encodeURIComponent(String(projectId)) + '; path=/; max-age=300; SameSite=Lax';
            window.location.href = $btn.attr('href');
        });

        $('#projectDetailsModal').on('hidden.bs.modal', function() {
            if (!$('.modal.show').length) {
                document.body.classList.remove('project-details-modal-active');
            }
            $('#projectDetailsModal-body').html('<div class="text-center py-5"><div class="spinner-border text-primary" role="status"></div><p class="mt-2">Loading...</p></div>');
        });