@php
    if (! isset($isPndRoleViewer)) {
        $viewerRoleSlug = strtolower((string) (optional(auth()->user()->role)->slug ?? ''));
        $isPndRoleViewer = $viewerRoleSlug === 'pnd';
    }
@endphp
    <x-details-modal-with-actions
        modalId="pcFormDetailsModal"
        entityLabel="PC Form"
        historyTarget="#pcFormVersionHistoryModal"
        formKey="pc-forms"
    >
        <x-slot name="customFooter">
            @if(can('pc-forms', 'edit'))
            <a href="#" id="pcFormDetailsModal-edit-btn" class="btn btn-success mr-2" style="display: none;"><i class="fas fa-edit"></i> Edit</a>
            @endif
            @if(can('pc-forms', 'delete'))
            {{-- Delete only when permission and form is draft/rejected; action set by JS to pc-forms/{id} or pc-forms/drafts/{draft} --}}
            <form method="POST" id="pcFormDetailsModal-delete-form" class="d-inline mr-2" style="display: none;" action="#">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger btn-details-modal-delete"><i class="fas fa-trash"></i> Delete</button>
            </form>
            @endif
            <button type="button" id="pcFormDetailsModal-forward-btn" class="btn btn-primary mr-2" style="display: none;" onclick="pcFormOpenForwardModal(); return false;"><i class="fas fa-share"></i> Forward</button>
            <a href="#" id="pcFormDetailsModal-create-working-paper-btn" class="btn btn-success mr-2 d-none" target="_blank" rel="noopener"
               data-working-paper-picker="1"
               data-pc-form-id=""
               data-has-submitted-wp="0"
               data-has-viewable-wp="0"
               data-can-generate-wp="0"
               data-can-create-new-wp="0"
               data-wp-allows-new-types="{}"
               data-wp-view-urls="{}"><i class="fas fa-plus"></i> Create Working Paper</a>
            <a href="#" id="pcFormDetailsModal-position-paper-btn" class="btn btn-warning mr-2 d-none" target="_blank" rel="noopener"><i class="fas fa-file-alt"></i> Position Paper</a>
            <button type="button" id="pcFormDetailsModal-send-for-comments-btn" class="btn btn-info mr-2" style="display: none;" onclick="pcFormOpenSendForCommentsModal(); return false;"><i class="fas fa-comment-dots"></i> Send for Comments</button>
            <button type="button" id="pcFormDetailsModal-submit-comment-btn" class="btn btn-info mr-2" style="display: none;" onclick="pcFormOpenSubmitCommentModal(); return false;"><i class="fas fa-paper-plane"></i> Submit Comments</button>
            <button type="button" id="pcFormDetailsModal-chairman-mod-approve-btn" class="btn btn-success mr-2" style="display: none;"><i class="fas fa-check"></i> Approve</button>
            <a href="#" id="pcFormDetailsModal-cds-aa-letter-btn" class="btn btn-success mr-2" style="display: none;" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-alt"></i> Generate Advice</a>
            <button type="button" id="pcFormDetailsModal-aa-request-btn" class="btn btn-success mr-2" style="display: none;" onclick="if (typeof window.pcFormOpenAaRequestModal === 'function') { window.pcFormOpenAaRequestModal(); } return false;"><i class="fas fa-share"></i> Request for AA</button>
            <button type="button" id="pcFormDetailsModal-aa-already-requested-btn" class="btn btn-secondary mr-2" style="display: none;" disabled><i class="fas fa-check"></i> Already Requested</button>
            <button type="button" id="pcFormDetailsModal-aa-return-request-btn" class="btn btn-outline-warning mr-2" style="display: none;" onclick="if (typeof window.pcFormOpenAaReturnRequestModal === 'function') { window.pcFormOpenAaReturnRequestModal(); } return false;"><i class="fas fa-undo"></i> Return AA Request</button>
            <a href="#" id="pcFormDetailsModal-dept-aa-letter-btn" class="btn btn-success mr-2" style="display: none;" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-invoice"></i> Generate AA</a>
            <button type="button" id="pcFormDetailsModal-submit-modified-cds-btn" class="btn btn-success mr-2" style="display: none;"><i class="fas fa-share"></i> Submit modified PC to CDS</button>
            <button type="button" id="pcFormDetailsModal-decline-forward-btn" class="btn btn-warning mr-2" style="display: none;" onclick="pcFormOpenDeclineForwardModal(); return false;"><i class="fas fa-undo"></i> Return</button>
            <a href="#" id="pcFormDetailsModal-advice-preview-btn" class="btn btn-outline-primary mr-2" style="display: none;" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-alt"></i> Advice</a>
            <a href="#" id="pcFormDetailsModal-advice-edit-btn" class="btn btn-outline-secondary mr-2" style="display: none;"><i class="fas fa-edit"></i> Edit content</a>
            <button type="button" id="pcFormDetailsModal-advice-forward-btn" class="btn btn-primary mr-2" style="display: none;"><i class="fas fa-share"></i> Forward to Chairman</button>
            <button type="button" id="pcFormDetailsModal-advice-return-section-btn" class="btn btn-outline-warning mr-2" style="display: none;"><i class="fas fa-undo"></i> Return to Section</button>
            <a href="#" id="pcFormDetailsModal-advice-issue-btn" class="btn btn-danger mr-2" style="display: none;"><i class="fas fa-signature"></i> Sign &amp; Issue</a>
            <button type="button" id="pcFormDetailsModal-advice-approve-btn" class="btn btn-success mr-2" style="display: none;"><i class="fas fa-thumbs-up"></i> Approve Advice</button>
            <button type="button" id="pcFormDetailsModal-advice-return-btn" class="btn btn-outline-danger mr-2" style="display: none;"><i class="fas fa-undo"></i> Return Advice</button>
            @if(can('pc-forms', 'can_check') || can('pc-forms', 'can_department_approve'))
            {{-- Checker and department stages share this pair in JS. Checker stage (can_check) shows Submit/Return; department keeps Approve/Defer (labels set in JS). --}}
            <form method="POST" id="pcFormDetailsModal-approve-check-form" class="d-inline mr-2" style="display: none !important;" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="pci_reviewer_use_saved_signature" id="pcFormDetailsModal-approve-check-use-saved" value="0">
                <input type="hidden" name="pci_reviewer_signature_drawn" id="pcFormDetailsModal-approve-check-sig" value="">
                <button type="button" class="btn btn-outline-primary pci-pc-approve-open-optional"><i class="fas fa-check-circle"></i> <span class="pci-pc-approve-check-label">Approve</span></button>
            </form>
            <button type="button" id="pcFormDetailsModal-reject-btn" class="btn btn-outline-danger mr-2" style="display: none;"><i class="fas fa-times-circle"></i> <span class="pci-pc-reject-check-label">Defer</span></button>
            @endif
            @if(can('pc-forms', 'can_approve'))
            {{-- <button type="button" id="pcFormDetailsModal-compare-btn" class="btn btn-outline-secondary mr-2" style="display: none;" title="Compare versions (coming soon)">
                <i class="fas fa-code-compare"></i> Compare
            </button> --}}
            <form method="POST" id="pcFormDetailsModal-approve-approve-form" class="d-inline mr-2" style="display: none !important;" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="pci_reviewer_use_saved_signature" id="pcFormDetailsModal-approve-approve-use-saved" value="0">
                <input type="hidden" name="pci_reviewer_signature_drawn" id="pcFormDetailsModal-approve-approve-sig" value="">
                <button type="button" class="btn btn-outline-success pci-pc-approve-open-optional"><i class="fas fa-thumbs-up"></i> Approve</button>
            </form>
            <button type="button" id="pcFormDetailsModal-reject-approve-btn" class="btn btn-outline-danger mr-2" style="display: none;"><i class="fas fa-times-circle"></i> Defer</button>
            @endif
            @if(can('pc-forms', 'view_history_modal'))
            <button type="button" class="btn btn-secondary btn-history mr-2" id="pcFormDetailsModal-history-btn" data-toggle="modal" data-target="#pcFormVersionHistoryModal" data-id="" data-name="" style="display: none;">
                <i class="fas fa-history"></i> History
            </button>
            @endif
            @php
                $pciShowCoverDocBtns = can('pc-forms', 'view') || can('pc-forms', 'edit') || can('pc-forms', 'add')
                    || can('pc-forms', 'list') || can('pc-forms', 'list_all') || can('pc-forms', 'can_check') || can('pc-forms', 'can_department_approve') || can('pc-forms', 'can_approve');
            @endphp
            @if($pciShowCoverDocBtns)
            <span id="pcFormDetailsModal-scheme-pc-previews" class="d-none align-items-center flex-wrap mr-2" style="gap: 0.35rem;">
                <span class="text-muted small font-weight-bold text-uppercase mr-1">Section (Preview)</span>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="pc_i" target="_blank" rel="noopener noreferrer" title="PC-I cover preview">PC-I</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="modified_pc_i" target="_blank" rel="noopener noreferrer" title="Modified PC-I cover preview">Modified PC-I</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="revised_pc_i" target="_blank" rel="noopener noreferrer" title="Revised PC-I cover preview">Revised PC-I</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="pc_ii" target="_blank" rel="noopener noreferrer" title="PC-II cover preview">PC-II</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="pc_iii_a" target="_blank" rel="noopener noreferrer" title="PC-III A cover preview">PC-IIIa</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="pc_iii_b" target="_blank" rel="noopener noreferrer" title="PC-III B cover preview">PC-IIIb</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="pc_iv" target="_blank" rel="noopener noreferrer" title="PC-IV cover preview">PC-IV</a>
                <a href="#" class="btn btn-sm btn-outline-secondary d-none" data-scheme-pc-preview="pc_v" target="_blank" rel="noopener noreferrer" title="PC-V cover preview">PC-V</a>
            </span>
            @endif
            {{--@if(can('pc-forms', 'pc1_analyze_ai'))
            <!-- <button type="button" class="btn btn-outline-info mr-2" id="pcFormDetailsModal-pc1-analyze-ai-btn" title="Coming soon"><i class="fas fa-robot mr-1"></i> PC1 Analyze (AI)</button> -->
            @endif
            @if(can('pc-forms', 'pc1_compare_ai'))
            <!-- <button type="button" class="btn btn-outline-info mr-2" id="pcFormDetailsModal-pc1-compare-ai-btn" title="Coming soon"><i class="fas fa-robot mr-1"></i> PC 1 Compare (AI)</button> -->
            @endif --}}
            @if(can('meeting_workspace', 'add'))
            <a href="{{ route('meeting-workspace.meetings.create') }}" id="pcFormDetailsModal-create-meeting" class="btn btn-info mr-2" data-mws-prefill-create="1"><i class="fas fa-calendar-plus mr-1"></i> Schedule Meeting</a>
            @endif
            <a href="#" class="btn btn-outline-secondary mr-2 d-none" id="pcFormDetailsModal-chairman-view-wp" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-alt"></i> View Working Paper</a>
            <a href="#" class="btn btn-outline-secondary mr-2 d-none" id="pcFormDetailsModal-chairman-view-notice-letter" target="_blank" rel="noopener noreferrer"><i class="fas fa-envelope-open-text"></i> View Meeting Notice Letter</a>
            <a href="#" class="btn btn-outline-secondary mr-2 d-none" id="pcFormDetailsModal-chairman-view-mom" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-signature"></i> View Minutes of Meetings</a>
            <a href="#" class="btn btn-outline-secondary mr-2 d-none" id="pcFormDetailsModal-chairman-advice-letter" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-alt"></i> View Advice Letter</a>
            <a href="#" class="btn btn-outline-primary mr-2 d-none" id="pcFormDetailsModal-fd-aa-letter" target="_blank" rel="noopener noreferrer"><i class="fas fa-file-invoice"></i> View AA (Administrative Approval)</a>
            <a href="#" class="btn btn-outline-danger mr-2 d-none" id="pcFormDetailsModal-fd-aa-auth-letter"><i class="fas fa-file-signature"></i> <span data-fd-aa-auth-label>Authentication of AA</span></a>
            <span id="pciPcChairmanDecisionActions" class="d-inline-flex flex-wrap align-items-center">
                <button type="button" class="btn btn-outline-success mr-2 d-none" id="pcFormDetailsModal-chairman-open-advised"><i class="fas fa-check"></i> Approve</button>
                <button type="button" class="btn btn-outline-warning mr-2 d-none" id="pcFormDetailsModal-chairman-open-deferred"><i class="fas fa-pause"></i> Defer</button>
            </span>
        </x-slot>
    </x-details-modal-with-actions>

    {{-- Defer/Return PC (checker/approver): remarks required; attachment optional. Checker stage uses Return labels via JS. --}}
    <div class="modal fade pci-pc1-defer-modal" id="pcFormRejectRemarksModal" tabindex="-1" role="dialog" aria-labelledby="pcFormRejectRemarksModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pcFormRejectRemarksModalLabel">Defer PC</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" id="pcFormRejectRemarksForm" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="pci_reviewer_use_saved_signature" id="pcFormRejectUseSavedSig" value="0">
                    <input type="hidden" name="pci_reviewer_signature_drawn" id="pcFormRejectReviewerSig" value="">
                    <input type="file" name="pci_reviewer_signature_upload" id="pcFormRejectSigUpload" class="d-none" accept="image/png,image/jpeg,image/gif,image/webp,.png,.jpg,.jpeg,.gif,.webp" tabindex="-1" aria-hidden="true">
                    <div class="modal-body">
                        <p class="text-muted small mb-3" id="pcFormRejectRemarksHelp">Remarks are required. An optional supporting file is stored on your deferral record. This uses the same defer workflow as elsewhere (form state becomes deferred for resubmission).</p>
                        <x-form.textarea
                            label="Remarks"
                            name="remarks"
                            value=""
                            :editor="true"
                            :required="true"
                            id="pcFormRejectRemarksText"
                            rows="5"
                            placeholder="Enter deferral remarks…"
                            :attachments="false"
                        />
                        <div class="form-group mb-0">
                            <label for="pcFormRejectAttachmentInput" class="d-block mb-1">Attach file <span class="text-muted font-weight-normal">(optional)</span></label>
                            <input type="file" name="reject_attachment" id="pcFormRejectAttachmentInput" class="form-control-file" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.jpg,.jpeg,.png,.gif,.webp,.txt,.zip,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                            <small class="form-text text-muted">Max 10 MB. PDF, Office, images, TXT, or ZIP.</small>
                        </div>
                        @if ($isPndRoleViewer)
                            <div class="custom-control custom-switch mt-3 mb-0" id="pcFormDeferRepeatPrePdwpWrap">
                                <input type="hidden" name="defer_repeat_pre_pdwp_meeting" value="0">
                                <input type="checkbox" class="custom-control-input" name="defer_repeat_pre_pdwp_meeting" id="pcFormDeferRepeatPrePdwp" value="1">
                                <label class="custom-control-label" for="pcFormDeferRepeatPrePdwp">Hold Pre-PDWP meeting again after modified PC is resubmitted</label>
                                <small class="form-text text-muted d-block">Default is off. When on, another Pre-PDWP may be scheduled for this scheme after resubmission.</small>
                            </div>
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-danger" id="pcFormRejectRemarksSubmitBtn"><i class="fas fa-times-circle"></i> <span class="pci-pc-reject-submit-label">Defer</span></button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Checker / Approver (PC Forms index details modal): optional remarks + attachment before approve; same backend keys as chairman modal. --}}
    <div class="modal fade" id="pcFormCheckerApproverApproveOptionalModal" tabindex="-1" role="dialog" aria-labelledby="pcFormCheckerApproverApproveOptionalModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pcFormCheckerApproverApproveOptionalModalLabel">Approve PC</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p class="text-muted small mb-3" id="pciCheckerApproverApproveOptionalHelp">Optional remarks and a supporting file are stored on your approval record. You can leave both empty and continue.</p>
                    <x-form.textarea
                        label="Remarks"
                        name="pci_checker_approver_approve_optional_remarks"
                        value=""
                        :editor="true"
                        :required="false"
                        id="pciCheckerApproverApproveRemarksText"
                        rows="5"
                        placeholder="Optional remarks with this approval…"
                        :attachments="false"
                    />
                    <div class="form-group mb-0">
                        <label for="pciCheckerApproverApproveAttachment" class="mb-1">Attach file <span class="text-muted font-weight-normal">(optional)</span></label>
                        <input type="file" name="pci_checker_approver_approve_optional_file" id="pciCheckerApproverApproveAttachment" class="form-control-file" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.jpg,.jpeg,.png,.gif,.webp,.txt,.zip,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                        <small class="form-text text-muted">Max 10 MB. PDF, Office, images, TXT, or ZIP. Saved on the review record.</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" id="pciCheckerApproverApproveOptionalConfirm">
                        <i class="fas fa-check"></i> <span class="pci-pc-optional-confirm-label">Continue approval</span>
                    </button>
                </div>
            </div>
        </div>
    </div>

    {{-- Forwarded chairman only: same approve UX as Meeting Workspace (remarks, attachment, signature → pc-forms.approve). Other users use checker/approver footer forms. --}}
    <div class="modal fade" id="pciChairmanApproveModal" tabindex="-1" role="dialog" aria-labelledby="pciChairmanApproveModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pciChairmanApproveModalLabel">Approve PC</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="pciChairmanApproveForm" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="mws_meeting_id" id="pciChairmanApproveMwsMeetingId" value="">
                    <div class="modal-body">
                        <p class="text-muted small mb-3">Same approval step as PC Forms workflow (checker or approver). Remarks and attachment are saved on the review record.</p>
                        <div class="form-group">
                            <label for="pciChairmanApproveRemarks">Remarks <span class="text-danger">*</span></label>
                            <textarea class="form-control" name="chairman_approve_remarks" id="pciChairmanApproveRemarks" rows="5" required placeholder="Enter comments with this approval"></textarea>
                            <small class="form-text text-muted">Rich text (saved with this approval).</small>
                        </div>
                        <div class="form-group">
                            <label for="pciChairmanApproveAttachment" class="mb-1">Attach file <span class="text-muted font-weight-normal">(optional)</span></label>
                            <input type="file" name="chairman_approve_attachment" id="pciChairmanApproveAttachment" class="form-control-file" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.jpg,.jpeg,.png,.gif,.webp,.txt,.zip,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                            <small class="form-text text-muted">Saved with this approval on the review record. Max 10 MB.</small>
                        </div>
                        <div class="border rounded p-3 bg-light mt-3">
                            <label class="d-block font-weight-bold mb-2">Your signature <span class="text-danger">*</span></label>
                            <p class="small text-muted mb-2">Use your signature on file, draw a new one, or upload an image (one method per submission).</p>
                            <div id="pciChairmanApproveSavedSigWrap" class="mb-3 d-none">
                                <span class="small text-muted d-block mb-1">Signature on file</span>
                                <img src="" alt="Saved signature" id="pciChairmanApproveSavedSigImg" class="border rounded bg-white p-2 d-block" style="max-height:96px;max-width:100%;object-fit:contain;">
                                <button type="button" class="btn btn-sm btn-outline-secondary mt-2" id="pciChairmanApproveSavedSigClear">Clear and use new signature</button>
                            </div>
                            <input type="hidden" name="chairman_use_saved_signature" id="pciChairmanApproveUseSavedSig" value="0">
                            <div class="btn-group btn-group-sm mb-3" role="group" aria-label="Signature method">
                                <button type="button" class="btn btn-outline-primary active" id="pciChairmanApproveSigBtnDraw">Draw</button>
                                <button type="button" class="btn btn-outline-primary" id="pciChairmanApproveSigBtnUpload">Upload</button>
                            </div>
                            <div id="pciChairmanApproveSigDrawWrap">
                                <small class="text-muted d-block mb-1">Draw</small>
                                <canvas class="border bg-white rounded d-block" id="pciChairmanApproveSigCanvas" width="480" height="160" style="max-width:100%;touch-action:none;" aria-label="Draw signature"></canvas>
                                <input type="hidden" name="pci_reviewer_signature_drawn" id="pciChairmanApproveSigHidden" value="">
                                <button type="button" class="btn btn-sm btn-outline-secondary mt-1" id="pciChairmanApproveSigClearDraw" type="button">Clear drawing</button>
                            </div>
                            <div id="pciChairmanApproveSigUploadWrap" class="d-none">
                                <label for="pciChairmanApproveSigUpload" class="small font-weight-bold mb-1 d-block">Upload image</label>
                                <input type="file" name="pci_reviewer_signature_upload" id="pciChairmanApproveSigUpload" class="form-control-file" accept="image/png,image/jpeg,image/gif,image/webp,.png,.jpg,.jpeg,.gif,.webp">
                                <small class="form-text text-muted">Stored on your user profile as your uploaded signature.</small>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-success" id="pciChairmanApproveSubmit"><i class="fas fa-check"></i> Approve PC</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Chairman/PnD defer: same workflow as Meeting Workspace PC defer (PcFormService::reject). Remarks required, attachment optional, signature required. --}}
    <div class="modal fade" id="pcFormChairmanDeferredModal" tabindex="-1" role="dialog" aria-labelledby="pcFormChairmanDeferredModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pcFormChairmanDeferredModalLabel">Defer PC</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="pcFormChairmanDeferredForm" method="POST" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="mws_meeting_id" id="pciChairmanDeferMwsMeetingId" value="">
                    <input type="hidden" name="pci_reviewer_use_saved_signature" id="pciChairmanDeferUseSavedSig" value="0">
                    <input type="hidden" name="pci_reviewer_signature_drawn" id="pciChairmanDeferSigHidden" value="">
                    <div class="modal-body">
                        <p class="text-muted small mb-3">Please provide remarks for the deferral (required). This uses the same defer/reject workflow as PC Forms (form state becomes deferred for resubmission).</p>
                        <x-form.textarea
                            label="Remarks"
                            name="remarks"
                            value=""
                            :editor="true"
                            :required="true"
                            id="pcFormChairmanDeferredText"
                            rows="4"
                            placeholder="Enter deferral remarks..."
                            :attachments="false"
                        />
                        <div class="form-group mb-0">
                            <label for="pcFormChairmanDeferredFile" class="d-block mb-1">Attach file <span class="text-muted font-weight-normal">(optional)</span></label>
                            <input type="file" name="reject_attachment" id="pcFormChairmanDeferredFile" class="form-control-file" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.jpg,.jpeg,.png,.gif,.webp,.txt,.zip,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                            <small class="form-text text-muted">Max 10 MB. PDF, Office, images, TXT, or ZIP.</small>
                        </div>
                        @if ($isPndRoleViewer)
                            <div class="custom-control custom-switch mt-3 mb-0" id="pciChairmanDeferRepeatPrePdwpWrap">
                                <input type="hidden" name="defer_repeat_pre_pdwp_meeting" value="0">
                                <input type="checkbox" class="custom-control-input" name="defer_repeat_pre_pdwp_meeting" id="pciChairmanDeferRepeatPrePdwp" value="1">
                                <label class="custom-control-label" for="pciChairmanDeferRepeatPrePdwp">Hold Pre-PDWP meeting again after modified PC is resubmitted</label>
                                <small class="form-text text-muted d-block">Default is off. When on, another Pre-PDWP may be scheduled for this scheme after resubmission.</small>
                            </div>
                        @endif
                        <div class="border rounded p-3 bg-light mt-3">
                            <label class="d-block font-weight-bold mb-2">Your signature <span class="text-danger">*</span></label>
                            <p class="small text-muted mb-2">Use your signature on file, draw a new one, or upload an image (one method per submission).</p>
                            <div id="pciChairmanDeferSavedSigWrap" class="mb-3 d-none">
                                <span class="small text-muted d-block mb-1">Signature on file</span>
                                <img src="" alt="Saved signature" id="pciChairmanDeferSavedSigImg" class="border rounded bg-white p-2 d-block" style="max-height:96px;max-width:100%;object-fit:contain;">
                                <button type="button" class="btn btn-sm btn-outline-secondary mt-2" id="pciChairmanDeferSavedSigClear">Clear and use new signature</button>
                            </div>
                            <div class="btn-group btn-group-sm mb-3" role="group" aria-label="Signature method">
                                <button type="button" class="btn btn-outline-primary active" id="pciChairmanDeferSigBtnDraw">Draw</button>
                                <button type="button" class="btn btn-outline-primary" id="pciChairmanDeferSigBtnUpload">Upload</button>
                            </div>
                            <div id="pciChairmanDeferSigDrawWrap">
                                <small class="text-muted d-block mb-1">Draw</small>
                                <canvas class="border bg-white rounded d-block" id="pciChairmanDeferSigCanvas" width="480" height="160" style="max-width:100%;touch-action:none;" aria-label="Draw signature"></canvas>
                                <button type="button" class="btn btn-sm btn-outline-secondary mt-1" id="pciChairmanDeferSigClearDraw">Clear drawing</button>
                            </div>
                            <div id="pciChairmanDeferSigUploadWrap" class="d-none">
                                <label for="pciChairmanDeferSigUpload" class="small font-weight-bold mb-1 d-block">Upload image</label>
                                <input type="file" name="pci_reviewer_signature_upload" id="pciChairmanDeferSigUpload" class="form-control-file" accept="image/png,image/jpeg,image/gif,image/webp,.png,.jpg,.jpeg,.gif,.webp">
                                <small class="form-text text-muted">Stored on your user profile as your uploaded signature.</small>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-danger" id="pciChairmanDeferSubmit"><i class="fas fa-times-circle"></i> Defer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="pcFormAdviceActionModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pcFormAdviceActionModalLabel">Advice action</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <form id="pcFormAdviceActionForm" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="pc_form_id" id="pcFormAdviceActionPcFormId" value="">
                    <div class="modal-body">
                        <p class="text-muted small mb-3" id="pcFormAdviceActionHelp">Comments and signature are required.</p>
                        <div class="form-group">
                            <label for="pcFormAdviceActionRemarks">Comments <span class="text-danger">*</span></label>
                            <textarea class="form-control" name="remarks" id="pcFormAdviceActionRemarks" rows="4" required placeholder="Enter comments…"></textarea>
                        </div>
                        @include('pc-forms.partials.workflow-signature-pad', ['prefix' => 'pcFormAdviceAction', 'marginClass' => 'mt-0'])
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary" id="pcFormAdviceActionSubmit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="pcFormAaRequestModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pcFormAaRequestModalLabel">Request for AA</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <form id="pcFormAaRequestForm">
                    @csrf
                    <div class="modal-body">
                        <p class="text-muted small mb-3" id="pcFormAaRequestHelp">Select a department user, add a comment, and sign. This signature is for workflow only and will not appear on the AA letter.</p>
                        <div class="form-group">
                            <label for="pcFormAaRequestToUser">Assign to <span class="text-danger">*</span></label>
                            <select class="form-control" id="pcFormAaRequestToUser" required>
                                <option value="">Select department user…</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="pcFormAaRequestRemarks">Comment</label>
                            <textarea class="form-control" id="pcFormAaRequestRemarks" rows="3" placeholder="Optional comment…"></textarea>
                        </div>
                        @include('pc-forms.partials.workflow-signature-pad', ['prefix' => 'pcFormAaRequest', 'marginClass' => 'mt-0'])
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-success" id="pcFormAaRequestSubmit">Send request</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="pcFormAaReturnRequestModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Return AA Request</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <form id="pcFormAaReturnRequestForm">
                    @csrf
                    <div class="modal-body">
                        <p class="text-muted small">Return remarks and workflow signature are required. Signature does not print on the AA letter.</p>
                        <div class="form-group">
                            <label for="pcFormAaReturnRequestRemarks">Remarks <span class="text-danger">*</span></label>
                            <textarea class="form-control" id="pcFormAaReturnRequestRemarks" rows="3" required></textarea>
                        </div>
                        @include('pc-forms.partials.workflow-signature-pad', ['prefix' => 'pcFormAaReturnRequest', 'marginClass' => 'mt-0'])
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-warning">Return request</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Version History Modal -->
    <div class="modal fade" id="pcFormVersionHistoryModal" tabindex="-1" role="dialog" aria-labelledby="pcFormVersionHistoryModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pcFormVersionHistoryModalLabel">Version History - <span id="pc-form-modal-item-name"></span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="min-height: 500px;">
                    <div class="row">
                        <div class="col-md-4 border-right" style="max-height: 600px; overflow-y: auto;">
                            <h6 class="mb-3">Version Timeline</h6>
                            <div id="pc-form-version-timeline">
                                <div class="text-center py-5">
                                    <div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div>
                                    <p class="mt-2">Loading history...</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8" style="max-height: 600px; overflow-y: auto;">
                            <div id="pc-form-version-details">
                                <div class="text-center py-5 text-muted">
                                    <i class="fas fa-info-circle fa-2x mb-2"></i>
                                    <p>Select an event from the timeline to view details</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="mr-auto">
                        <span id="pc-form-version-counter" class="text-muted"></span>
                    </div>
                    <button type="button" class="btn btn-secondary" id="pc-form-btn-prev" disabled><i class="fas fa-chevron-left"></i> Previous</button>
                    <button type="button" class="btn btn-secondary" id="pc-form-btn-next" disabled>Next <i class="fas fa-chevron-right"></i></button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Work paper (approvers; chairman recipients open read-only via JS when save URL is #) -->
    <div class="modal fade" id="pcFormWorkpaperModal" tabindex="-1" role="dialog" aria-labelledby="pcFormWorkpaperModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form id="pcFormWorkpaperForm" method="POST" action="#">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title" id="pcFormWorkpaperModalLabel">Work paper</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <x-form.textarea
                            label="Notes"
                            name="workpaper"
                            value=""
                            :editor="true"
                            :aiAssist="false"
                            :required="false"
                            id="pcFormWorkpaperTextarea"
                            :rows="12"
                            placeholder="Enter work paper content..."
                            :attachments="false"
                        />
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" id="pcFormWorkpaperFormSubmitBtn"><i class="fas fa-save"></i> Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @if (can('pc-forms', 'add'))
        @include('partials.pc-type-selection-modal')
        @include('partials.pc-iii-sub-selection-modal')
    @endif

    @include('pc-forms.partials.forward-decline-modals')
    @include('pc-forms.partials.send-for-comments-modals')
    {{-- AA / Advice action JS must load after jQuery (@push scripts). Modals stay here in DOM. --}}
    @push('scripts')
    @include('pc-forms.partials.workflow-signature-pad-scripts')
    <script>
    $(function () {
        window._pcFormAdviceActionSig = window.pcFormBindWorkflowSignature('pcFormAdviceAction', { modalId: 'pcFormAdviceActionModal' });
        window._pcFormAaRequestSig = window.pcFormBindWorkflowSignature('pcFormAaRequest', { modalId: 'pcFormAaRequestModal' });
        window._pcFormAaReturnRequestSig = window.pcFormBindWorkflowSignature('pcFormAaReturnRequest', { modalId: 'pcFormAaReturnRequestModal' });
        window._pcFormAdviceAction = { url: '', method: 'POST', submitLabel: 'Submit' };

        function pcFormAaWorkflowUrls(meta) {
            meta = meta || {};
            var formId = parseInt($('#pcFormDetailsModal').data('pc-form-id') || meta.id || '0', 10);
            var base = formId > 0 ? ('{{ url('pc-forms') }}/' + formId + '/aa-workflow') : '';
            return {
                meta: meta.aa_workflow_meta_url || (base ? (base) : ''),
                request: meta.aa_workflow_request_url || (base ? (base + '/request') : ''),
                returnRequest: meta.aa_workflow_return_request_url || (base ? (base + '/return-request') : '')
            };
        }

        window.pcFormOpenAaRequestModal = function () {
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            window._pcFormWorkflowSigContext = meta.workflow_signature_context || window._pcFormWorkflowSigContext || {};
            $('#pcFormAaRequestRemarks').val('');
            var $sel = $('#pcFormAaRequestToUser');
            $sel.empty().append('<option value="">Loading…</option>');
            if (window._pcFormAaRequestSig) {
                try {
                    window._pcFormAaRequestSig.reset();
                    window._pcFormAaRequestSig.init(window._pcFormWorkflowSigContext || {});
                } catch (err) { /* pad reinits on shown.bs.modal */ }
            }
            $('#pcFormAaRequestModal').modal('show');
            var urls = pcFormAaWorkflowUrls(meta);
            if (!urls.meta) {
                $sel.empty().append('<option value="">Could not resolve AA workflow URL</option>');
                return;
            }
            $.getJSON(urls.meta).done(function (res) {
                $sel.empty().append('<option value="">Select department user…</option>');
                var list = (res && res.department_recipients) ? res.department_recipients : [];
                if (!list.length) {
                    $sel.append('<option value="">No department users found</option>');
                    return;
                }
                list.forEach(function (u) {
                    $sel.append($('<option>').val(u.id).text(u.text || ('User #' + u.id)));
                });
            }).fail(function () {
                $sel.empty().append('<option value="">Could not load users</option>');
            });
        };

        $('#pcFormAaRequestForm').on('submit', function (e) {
            e.preventDefault();
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            var urls = pcFormAaWorkflowUrls(meta);
            var url = urls.request;
            var toId = parseInt($('#pcFormAaRequestToUser').val() || '0', 10);
            if (!url || !toId) {
                alert('Select a department user.');
                return;
            }
            var prep = (window._pcFormAaRequestSig && window._pcFormAaRequestSig.beforeSubmit)
                ? window._pcFormAaRequestSig.beforeSubmit()
                : true;
            Promise.resolve(prep).then(function (ok) {
                if (ok === false) return;
                var drawn = String($('#pcFormAaRequestSigHidden').val() || '');
                var useSaved = $('#pcFormAaRequestUseSavedSig').val() === '1';
                $.ajax({
                    url: url,
                    method: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify({
                        to_user_id: toId,
                        remarks: $('#pcFormAaRequestRemarks').val() || '',
                        workflow_signature_path: useSaved ? 'saved' : (drawn ? 'drawn' : null)
                    }),
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') || $('input[name="_token"]').val(),
                        'X-Requested-With': 'XMLHttpRequest',
                        'Accept': 'application/json'
                    }
                }).done(function (res) {
                    $('#pcFormAaRequestModal').modal('hide');
                    if (typeof Swal !== 'undefined') Swal.fire('Requested', (res && res.message) || 'AA generation requested.', 'success');
                    $('#pcFormDetailsModal').modal('hide');
                    location.reload();
                }).fail(function (xhr) {
                    if (window._pcFormAaRequestSig) window._pcFormAaRequestSig.enableInputs();
                    alert((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Request failed.');
                });
            });
        });

        window.pcFormOpenAaReturnRequestModal = function () {
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            window._pcFormWorkflowSigContext = meta.workflow_signature_context || window._pcFormWorkflowSigContext || {};
            $('#pcFormAaReturnRequestRemarks').val('');
            if (window._pcFormAaReturnRequestSig) {
                try {
                    window._pcFormAaReturnRequestSig.reset();
                    window._pcFormAaReturnRequestSig.init(window._pcFormWorkflowSigContext || {});
                } catch (err) { /* pad reinits on shown.bs.modal */ }
            }
            $('#pcFormAaReturnRequestModal').modal('show');
        };

        $('#pcFormAaReturnRequestForm').on('submit', function (e) {
            e.preventDefault();
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            var urls = pcFormAaWorkflowUrls(meta);
            var url = urls.returnRequest;
            var remarks = String($('#pcFormAaReturnRequestRemarks').val() || '').trim();
            if (!url || !remarks) {
                alert('Remarks are required.');
                return;
            }
            var prep = (window._pcFormAaReturnRequestSig && window._pcFormAaReturnRequestSig.beforeSubmit)
                ? window._pcFormAaReturnRequestSig.beforeSubmit()
                : true;
            Promise.resolve(prep).then(function (ok) {
                if (ok === false) return;
                $.ajax({
                    url: url,
                    method: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify({
                        remarks: remarks,
                        workflow_signature_path: $('#pcFormAaReturnRequestUseSavedSig').val() === '1' ? 'saved' : 'drawn'
                    }),
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') || $('input[name="_token"]').val(),
                        'X-Requested-With': 'XMLHttpRequest',
                        'Accept': 'application/json'
                    }
                }).done(function (res) {
                    $('#pcFormAaReturnRequestModal').modal('hide');
                    if (typeof Swal !== 'undefined') Swal.fire('Returned', (res && res.message) || 'AA request returned.', 'success');
                    $('#pcFormDetailsModal').modal('hide');
                    location.reload();
                }).fail(function (xhr) {
                    if (window._pcFormAaReturnRequestSig) window._pcFormAaReturnRequestSig.enableInputs();
                    alert((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Return failed.');
                });
            });
        });

        function pcFormHideAdviceButtons() {
            $('#pcFormDetailsModal-advice-preview-btn, #pcFormDetailsModal-advice-edit-btn, #pcFormDetailsModal-advice-forward-btn, #pcFormDetailsModal-advice-return-section-btn, #pcFormDetailsModal-advice-issue-btn, #pcFormDetailsModal-advice-approve-btn, #pcFormDetailsModal-advice-return-btn').hide().attr('href', '#');
        }

        window.pcFormApplyAdviceActionButtons = function (meta) {
            pcFormHideAdviceButtons();
            if (!meta) return;
            window._pcFormWorkflowSigContext = meta.workflow_signature_context || {
                has_saved_signature: !!meta.chairman_has_saved_signature || !!meta.viewer_modal_has_saved_signature,
                saved_signature_url: meta.chairman_saved_signature_url || meta.viewer_modal_saved_signature_url || ''
            };
            $('#pcFormDetailsModal').data('advice-signature-context', window._pcFormWorkflowSigContext);
            if (meta.advice_can_preview && meta.advice_letter_url) {
                $('#pcFormDetailsModal-advice-preview-btn').attr('href', meta.advice_letter_url).show();
            }
            if (meta.advice_can_edit_content && meta.advice_letter_url) {
                $('#pcFormDetailsModal-advice-edit-btn').attr('href', meta.advice_letter_url + (String(meta.advice_letter_url).indexOf('?') >= 0 ? '&' : '?') + 'edit=1').show();
            }
            if (meta.advice_can_forward) {
                $('#pcFormDetailsModal-advice-forward-btn').show();
            }
            if (meta.advice_can_return_section) {
                $('#pcFormDetailsModal-advice-return-section-btn').show();
            }
            if (meta.advice_can_issue && meta.advice_letter_url) {
                $('#pcFormDetailsModal-advice-issue-btn').attr('href', meta.advice_letter_url + (String(meta.advice_letter_url).indexOf('?') >= 0 ? '&' : '?') + 'edit=1').show();
            }
            if (meta.advice_can_decide || meta.mws_show_advise_approve) {
                $('#pcFormDetailsModal-advice-approve-btn').show();
            }
            if (meta.advice_can_decide || meta.mws_show_advise_return) {
                $('#pcFormDetailsModal-advice-return-btn').show();
            }
        };

        function openAdviceActionModal(cfg) {
            window._pcFormAdviceAction = cfg;
            $('#pcFormAdviceActionModalLabel').text(cfg.title || 'Advice action');
            $('#pcFormAdviceActionHelp').text(cfg.help || 'Comments and signature are required.');
            $('#pcFormAdviceActionSubmit').text(cfg.submitLabel || 'Submit');
            $('#pcFormAdviceActionRemarks').val('');
            $('#pcFormAdviceActionPcFormId').val($('#pcFormDetailsModal').data('pc-form-id') || '');
            if (window._pcFormAdviceActionSig) {
                window._pcFormAdviceActionSig.reset();
                window._pcFormAdviceActionSig.init(window._pcFormWorkflowSigContext || {});
            }
            $('#pcFormAdviceActionModal').modal('show');
        }

        $('#pcFormDetailsModal-advice-forward-btn').on('click', function () {
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            openAdviceActionModal({
                title: 'Forward Advice to Chairman',
                help: 'Comments and signature are required before forwarding to the Chairman.',
                submitLabel: 'Forward to Chairman',
                url: meta.advice_letter_url ? (meta.advice_letter_url.replace(/\/advice-letter.*/, '/advice-letter')) : '',
                mode: 'forward_chairman'
            });
            // Use PATCH advice-letter.update with advise_action
            var mid = meta.advice_mws_meeting_id;
            if (!mid) return;
            window._pcFormAdviceAction.url = '{{ url('meeting-workspace/meetings') }}/' + mid + '/advice-letter';
            window._pcFormAdviceAction.method = 'PATCH';
            window._pcFormAdviceAction.mode = 'forward_chairman';
        });

        $('#pcFormDetailsModal-advice-return-section-btn').on('click', function () {
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            openAdviceActionModal({
                title: 'Return Advice to Section',
                help: 'Comments and signature are required.',
                submitLabel: 'Return to Section',
                url: meta.advice_return_section_url || '',
                method: 'POST',
                mode: 'return_section'
            });
        });

        $('#pcFormDetailsModal-advice-approve-btn').on('click', function () {
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            openAdviceActionModal({
                title: 'Approve Forward for Advice',
                help: 'Comments and signature are required.',
                submitLabel: 'Approve Advice',
                url: meta.advice_approve_url || '',
                method: 'POST',
                mode: 'approve'
            });
        });

        $('#pcFormDetailsModal-advice-return-btn').on('click', function () {
            var meta = $('#pcFormDetailsModal').data('last-meta') || {};
            openAdviceActionModal({
                title: 'Return Forward for Advice',
                help: 'Comments and signature are required.',
                submitLabel: 'Return Advice',
                url: meta.advice_return_url || '',
                method: 'POST',
                mode: 'return'
            });
        });

        $('#pcFormAdviceActionForm').on('submit', function (e) {
            e.preventDefault();
            var formEl = this;
            var cfg = window._pcFormAdviceAction || {};
            if (!cfg.url) {
                alert('Advice action URL is missing.');
                return;
            }
            if (!String($('#pcFormAdviceActionRemarks').val() || '').trim()) {
                alert('Comments are required.');
                return;
            }
            var prep = (window._pcFormAdviceActionSig && window._pcFormAdviceActionSig.beforeSubmit)
                ? window._pcFormAdviceActionSig.beforeSubmit()
                : true;
            Promise.resolve(prep).then(function (ok) {
                if (ok === false) {
                    return;
                }
            var fd = new FormData(formEl);
            if (cfg.mode === 'forward_chairman') {
                fd.set('advice_action', 'forward_chairman');
            }
            var ajax = {
                url: cfg.url,
                method: cfg.method || 'POST',
                data: fd,
                processData: false,
                contentType: false,
                headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }
            };
            if ((cfg.method || '').toUpperCase() === 'PATCH') {
                fd.set('_method', 'PATCH');
                ajax.method = 'POST';
            }
            $.ajax(ajax).done(function () {
                $('#pcFormAdviceActionModal').modal('hide');
                $('#pcFormDetailsModal').modal('hide');
                location.reload();
            }).fail(function (xhr) {
                if (window._pcFormAdviceActionSig) window._pcFormAdviceActionSig.enableInputs();
                alert((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Advice action failed.');
            });
            });
        });
    });
    </script>
    @endpush