@extends('layouts.app')
@section('title', 'Minutes of Meeting — ' . \Illuminate\Support\Str::limit((string) ($meeting->title ?? ''), 80, '…'))

@push('stylesheets')
<style>
    .mws-mom-page-card.card-primary > .card-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-color: #fff !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        color: #212529 !important;
    }
    .mws-mom-page-card.card-primary > .card-header .card-title {
        color: #212529 !important;
    }
    .mws-mom-page-card.card-primary > .card-header .mws-mom-card-subject {
        color: #495057 !important;
        font-size: 0.9375rem;
        line-height: 1.5;
        margin-top: 0.5rem !important;
        margin-bottom: 0 !important;
        font-weight: 400;
        max-width: 100%;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    body.dark-mode .mws-mom-page-card.card-primary > .card-header {
        background-color: #343a40 !important;
        border-bottom-color: rgba(255, 255, 255, 0.12);
        color: #f8f9fa !important;
    }
    body.dark-mode .mws-mom-page-card.card-primary > .card-header .card-title {
        color: #f8f9fa !important;
    }
    body.dark-mode .mws-mom-page-card.card-primary > .card-header .mws-mom-card-subject {
        color: rgba(255, 255, 255, 0.88) !important;
    }
    /* View mode: Summernote remains for display; extra guard so chrome does not look interactive */
    .mws-mom-form-readonly .note-editor .note-toolbar {
        pointer-events: none;
        opacity: 0.72;
    }
    .mws-mom-form-readonly .note-editable,
    .mws-mom-form-readonly .note-editable * {
        cursor: default !important;
    }
    #mwsMomSigBlock,
    #mwsMomCoSignerSigBlock,
    #mwsMomSigViewOnly {
        width: 100%;
        max-width: min(100%, 480px);
    }
    #mwsMomSigBlock .mws-al-sig-editor-inner,
    #mwsMomCoSignerSigBlock .mws-al-sig-editor-inner {
        width: 100%;
    }
    #mwsMomSigBlock .notice-mn-sig-canvas-wrap,
    #mwsMomCoSignerSigBlock .notice-mn-sig-canvas-wrap {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        padding: 8px;
        background: #fff;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-top: 0.25rem;
    }
    #mwsMomSigBlock canvas.notice-mn-sig-canvas,
    #mwsMomCoSignerSigBlock canvas.notice-mn-sig-canvas {
        display: block;
        width: 100%;
        max-width: 100%;
        touch-action: none;
        cursor: crosshair;
        background: #fff;
    }
    body.dark-mode #mwsMomSigBlock .notice-mn-sig-canvas-wrap,
    body.dark-mode #mwsMomCoSignerSigBlock .notice-mn-sig-canvas-wrap {
        border-color: rgba(255, 255, 255, 0.2);
    }
    .mws-mom-attended-select-wrap .select2-container {
        width: 100% !important;
    }
    .mws-mom-attended-select-wrap .select2-container .select2-selection--multiple {
        min-height: 38px;
    }
    .mws-mom-attended-dept-header td {
        background: #e9ecef;
        font-weight: 600;
        font-size: 0.8125rem;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #343a40;
        border-top-width: 2px;
    }
    body.dark-mode .mws-mom-attended-dept-header td {
        background: #495057;
        color: #f8f9fa;
    }
    .mws-mom-attended-drag-handle {
        cursor: grab;
        color: #6c757d;
        text-align: center;
        user-select: none;
        width: 2rem;
    }
    .mws-mom-attended-drag-handle:active {
        cursor: grabbing;
    }
    .mws-mom-attended-participant-row.ui-sortable-helper {
        display: table;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }
    .mws-mom-in-chair-select-wrap .select2-container {
        width: 100% !important;
    }
    .mws-mom-in-chair-select-wrap .select2-container .select2-selection--single {
        min-height: 38px;
    }
    .mws-mom-transcription-wrap {
        position: relative;
    }
    .mws-mom-transcription-wrap > .form-group-textarea-wrap {
        margin-bottom: 0;
    }
    .mws-mom-transcription-wrap .note-editing-area {
        position: relative;
    }
    .mws-mom-transcription-wrap .note-editable {
        padding-bottom: 2.85rem !important;
    }
    .mws-mom-transcription-generate {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 20;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        max-width: calc(100% - 20px);
        pointer-events: none;
    }
    .mws-mom-transcription-generate .btn {
        pointer-events: auto;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
        white-space: normal;
        text-align: right;
    }
    body.dark-mode .mws-mom-transcription-generate .btn {
        background-color: #3d444b;
    }
    .mws-mom-co-signer-select-wrap .select2-container {
        width: 100% !important;
    }
    .mws-mom-co-signer-select-wrap .select2-container .select2-selection--single {
        min-height: 38px;
    }
    /* Co-signer rich-text + signature: keep Summernote usable while the rest of the Minutes of Meeting form is read-only */
    .mws-mom-form-readonly .mws-mom-cosigner-interactive .note-editor .note-toolbar {
        pointer-events: auto;
        opacity: 1;
    }
    .mws-mom-form-readonly .mws-mom-cosigner-interactive .note-editable,
    .mws-mom-form-readonly .mws-mom-cosigner-interactive .note-editable * {
        cursor: auto !important;
    }
    .mws-mom-remarks-readonly {
        font-size: 0.9375rem;
        line-height: 1.5;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .mws-mom-remarks-readonly img {
        max-width: 100%;
        height: auto;
    }
    body.dark-mode .mws-mom-remarks-readonly {
        background-color: #454d55 !important;
        border-color: #6c757d !important;
        color: #e9ecef;
    }
    body.dark-mode .mws-mom-remarks-readonly a {
        color: #74c0fc !important;
    }
    .mws-mom-co-signer-help strong {
        color: #007bff;
        font-weight: 600;
    }
    body.dark-mode .mws-mom-co-signer-help strong {
        color: #74c0fc !important;
    }
    /* Decisions: nested i / a / b only when this MoM was saved with that scheme. */
    #mwsMomSectionDecisionsWrap.mws-mom-decisions-nested .note-editable ol {
        list-style-type: lower-roman !important;
        padding-left: 2.25rem;
        margin: 0 0 0.25rem 0;
    }
    #mwsMomSectionDecisionsWrap.mws-mom-decisions-nested .note-editable ol ol {
        list-style-type: lower-alpha !important;
        padding-left: 1.75rem;
        margin: 0.2rem 0 0.35rem 0;
    }
    #mwsMomSectionDecisionsWrap.mws-mom-decisions-nested .note-editable ol ol ol {
        list-style-type: decimal !important;
    }
    #mwsMomSectionDecisionsWrap:not(.mws-mom-decisions-nested) .note-editable ol,
    #mwsMomSectionDecisionsWrap:not(.mws-mom-decisions-nested) .note-editable ol ol,
    #mwsMomSectionDecisionsWrap:not(.mws-mom-decisions-nested) .note-editable ol ol ol {
        list-style-type: lower-roman !important;
        padding-left: 2.25rem;
        margin: 0 0 0.25rem 0;
    }
    #mwsMomSectionDecisionsWrap:not(.mws-mom-decisions-nested) .note-editable ol ol {
        padding-left: 1.75rem;
        margin: 0.2rem 0 0.35rem 0;
    }
    #mwsMomSectionDecisionsWrap .note-editable ol > li {
        margin: 0 0 0.35rem 0;
    }
    #mwsMomSectionDecisionsWrap .note-editable ol > li::marker {
        font-weight: 400;
        color: inherit;
    }
    /* Deliberations: allow Word/Summernote colors & fonts (override global Summernote color inherit). */
    body:not(.dark-mode) #mwsMomSectionDeliberationsWrap .note-editor .note-editable * {
        color: unset !important;
    }
    body.dark-mode #mwsMomSectionDeliberationsWrap .note-editor .note-editable * {
        color: unset !important;
    }
    #mwsMomOtherParticipantsTable .select2-container {
        width: 100% !important;
        min-width: 9rem;
    }
</style>
@if (! empty($momShowAttendedParticipantsPicker) || ! empty($momShowCoSignerPicker) || ! empty($momShowCoSignerSignatureSection) || ! empty($momShowCoSignerForwardSection) || ! empty($momShowOtherParticipantsEditor))
<link rel="stylesheet" href="{{ asset('assets/plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
@endif
@endpush

@section('contents')
@php
    $momLockedAfterSave = filter_var($momLockedAfterSave ?? false, FILTER_VALIDATE_BOOLEAN);
    $momFieldsReadOnly = filter_var($momFieldsReadOnly ?? true, FILTER_VALIDATE_BOOLEAN);
    $momRichTextHasContent = static function (?string $html): bool {
        if ($html === null || trim((string) $html) === '') {
            return false;
        }
        if (preg_match('/<img\s/i', (string) $html)) {
            return true;
        }
        $text = trim(html_entity_decode(strip_tags((string) $html), ENT_QUOTES | ENT_HTML5, 'UTF-8'));
        $text = preg_replace('/\x{00A0}/u', ' ', $text);
        $text = trim(preg_replace('/\s+/u', ' ', $text));

        return $text !== '';
    };
    $pcFormId = (int) ($pcFormId ?? 0);
    $pcnId = (int) ($pcnId ?? 0);
    $momSubjectQuery = trim((string) ($momSubjectQuery ?? ''));
    if ($momSubjectQuery === '') {
        $momSubjectQuery = $pcnId > 0
            ? 'project_concept_note_id='.$pcnId
            : ($pcFormId > 0 ? 'pc_form_id='.$pcFormId : '');
    }
    $schemeMomModel = $schemeMom ?? null;
    $momDeliberationsHtml = old('mom', $schemeMomModel instanceof \App\Models\PC\MwsMeetingSchemeMom ? ($schemeMomModel->mom ?? '') : ($meeting->mom ?? ''));
    $momUnwrapRootOlToParagraphs = static function (?string $html): string {
        $html = trim((string) $html);
        if ($html === '' || ! preg_match('/^\s*<ol\b[^>]*>(.*)<\/ol>(?:\s*(?:<p>\s*(?:<br\s*\/?>)?\s*<\/p>|<br\s*\/?>))*\s*$/is', $html, $m)) {
            return $html;
        }
        if (! preg_match_all('/<li\b[^>]*>(.*?)<\/li>/is', $m[1], $lis) || $lis[1] === []) {
            return $html;
        }
        $out = '';
        foreach ($lis[1] as $inner) {
            $inner = trim((string) $inner);
            if ($inner === '' || preg_match('/^<br\s*\/?>$/i', $inner)) {
                $out .= '<p><br></p>';
                continue;
            }
            $out .= preg_match('/^\s*<p\b/i', $inner) ? $inner : '<p>'.$inner.'</p>';
        }

        return $out !== '' ? $out : $html;
    };
    $momDeliberationsHtml = $momUnwrapRootOlToParagraphs($momDeliberationsHtml);
    $momDecisionsHtml = old('mom_decisions', $schemeMomModel instanceof \App\Models\PC\MwsMeetingSchemeMom ? ($schemeMomModel->mom_decisions ?? '') : ($meeting->mom_decisions ?? ''));
    $momTranscriptionValue = old('mom_transcription', $schemeMomModel instanceof \App\Models\PC\MwsMeetingSchemeMom ? ($schemeMomModel->mom_transcription ?? '') : ($meeting->mom_transcription ?? ''));
    $momDeliberationsHasContent = $momRichTextHasContent($momDeliberationsHtml);
    $momDecisionsHasContent = $momRichTextHasContent($momDecisionsHtml);
    $momDecisionsUseNestedScheme = ! $momDecisionsHasContent
        || \App\Support\MwsMomGovtPreviewHtml::usesNestedDecisionScheme($momDecisionsHtml);
    $momShowCoSignerPicker = filter_var($momShowCoSignerPicker ?? false, FILTER_VALIDATE_BOOLEAN);
    $momExpectedCoSignerCount = (int) ($momExpectedCoSignerCount ?? 0);
    // max 0 = no upper limit (see MwsMeeting::momCoSignerPickBounds); do not clamp 0 up to min.
    $momExpectedCoSignerMaxCount = (int) ($momExpectedCoSignerMaxCount ?? 0);
    if ($momExpectedCoSignerMaxCount > 0 && $momExpectedCoSignerMaxCount < $momExpectedCoSignerCount) {
        $momExpectedCoSignerMaxCount = $momExpectedCoSignerCount;
    }
    $momParticipantSignerOptions = is_array($momParticipantSignerOptions ?? null) ? $momParticipantSignerOptions : [];
    $momSelectedCoSignerUserIds = is_array($momSelectedCoSignerUserIds ?? null) ? array_map('intval', $momSelectedCoSignerUserIds) : [];
    $momShowCoSignerSignatureSection = filter_var($momShowCoSignerSignatureSection ?? false, FILTER_VALIDATE_BOOLEAN);
    $momShowCoSignerForwardSection = filter_var($momShowCoSignerForwardSection ?? false, FILTER_VALIDATE_BOOLEAN);
    $momCoSignerInteractive = $momShowCoSignerSignatureSection || $momShowCoSignerForwardSection;
    $momCoSignerSignature = is_array($momCoSignerSignature ?? null) ? $momCoSignerSignature : [];
    $momCoSignerSignUrl = $momCoSignerSignUrl ?? '';
    $momSigRequired = $schemeMomModel instanceof \App\Models\PC\MwsMeetingSchemeMom
        ? ($schemeMomModel->effectiveMomSignatureCounts()['required'] ?? 0)
        : (int) ($meeting->required_count_signature ?? 0);
    $momSigApproved = $schemeMomModel instanceof \App\Models\PC\MwsMeetingSchemeMom
        ? ($schemeMomModel->effectiveMomSignatureCounts()['approved'] ?? 0)
        : (int) ($meeting->approve_count_signature ?? 0);
    $momPreviewUrl = $momPreviewUrl ?? route('meeting-workspace.meetings.mom.preview', $meeting).($momSubjectQuery !== '' ? '?'.$momSubjectQuery : '');
    $schemeTitleDisplay = trim((string) ($schemeTitle ?? ''));
    $momHistoryDisplayRows = is_array($momHistoryDisplayRows ?? null) ? $momHistoryDisplayRows : [];
    $momVersionDisplayRows = is_array($momVersionDisplayRows ?? null) ? $momVersionDisplayRows : [];
    $momCoSignerChainDisplayRows = is_array($momCoSignerChainDisplayRows ?? null) ? $momCoSignerChainDisplayRows : [];
    if ($momCoSignerChainDisplayRows !== []) {
        $momSigApproved = count(array_filter(
            $momCoSignerChainDisplayRows,
            static fn (array $row): bool => ($row['status'] ?? '') === 'signed'
        ));
        $momSigRequired = count($momCoSignerChainDisplayRows);
    }
    $momPostSaveEditable = filter_var($momPostSaveEditable ?? false, FILTER_VALIDATE_BOOLEAN);
    $momReturnedToPrimary = filter_var($momReturnedToPrimary ?? false, FILTER_VALIDATE_BOOLEAN);
    $momPrimaryMayReviseReturned = filter_var($momPrimaryMayReviseReturned ?? false, FILTER_VALIDATE_BOOLEAN);
    $momAllParticipantOptions = is_array($momAllParticipantOptions ?? null) ? $momAllParticipantOptions : [];
    $momSelectedAttendedParticipantIds = is_array($momSelectedAttendedParticipantIds ?? null) ? array_map('intval', $momSelectedAttendedParticipantIds) : [];
    $momAttendedParticipantsDisplay = is_array($momAttendedParticipantsDisplay ?? null) ? $momAttendedParticipantsDisplay : [];
    $momAttendedParticipantLayout = is_array($momAttendedParticipantLayout ?? null) ? $momAttendedParticipantLayout : [];
    $momShowAttendedParticipantsPicker = filter_var($momShowAttendedParticipantsPicker ?? false, FILTER_VALIDATE_BOOLEAN);
    $momShowInChairPicker = filter_var($momShowInChairPicker ?? false, FILTER_VALIDATE_BOOLEAN);
    $momShowInChairReadonly = filter_var($momShowInChairReadonly ?? false, FILTER_VALIDATE_BOOLEAN);
    $momInChairOptions = is_array($momInChairOptions ?? null) ? $momInChairOptions : [];
    $momSelectedInChairUserId = (int) ($momSelectedInChairUserId ?? 0);
    $momInChairSelectedName = (string) ($momInChairSelectedName ?? '');
    $momLetterheadSectionOptions = is_array($momLetterheadSectionOptions ?? null) ? $momLetterheadSectionOptions : [];
    $momSelectedLetterheadSectionId = (int) ($momSelectedLetterheadSectionId ?? 0);
    $momShowLetterheadSectionPicker = filter_var($momShowLetterheadSectionPicker ?? false, FILTER_VALIDATE_BOOLEAN);
    $momShowLetterheadSectionReadonly = filter_var($momShowLetterheadSectionReadonly ?? false, FILTER_VALIDATE_BOOLEAN);
    $momLetterheadSectionSelectedName = (string) ($momLetterheadSectionSelectedName ?? '');
    $momShowAttendedParticipantsReadonly = filter_var($momShowAttendedParticipantsReadonly ?? false, FILTER_VALIDATE_BOOLEAN);
    $momOtherParticipants = is_array($momOtherParticipants ?? null) ? $momOtherParticipants : [];
    $momShowOtherParticipantsEditor = filter_var($momShowOtherParticipantsEditor ?? false, FILTER_VALIDATE_BOOLEAN);
    $momShowOtherParticipantsReadonly = filter_var($momShowOtherParticipantsReadonly ?? false, FILTER_VALIDATE_BOOLEAN);
    $momOtherParticipantDepartmentOptions = is_array($momOtherParticipantDepartmentOptions ?? null)
        ? array_values(array_filter(array_map('strval', $momOtherParticipantDepartmentOptions), static fn ($v) => trim($v) !== ''))
        : [];
    $momOtherParticipantDesignationOptions = is_array($momOtherParticipantDesignationOptions ?? null)
        ? array_values(array_filter(array_map('strval', $momOtherParticipantDesignationOptions), static fn ($v) => trim($v) !== ''))
        : [];
    $mwsMomOtherSelectOptionsHtml = static function (array $options, string $selected): string {
        $selected = trim($selected);
        $html = '<option value=""></option>';
        $matched = false;
        foreach ($options as $opt) {
            $opt = trim((string) $opt);
            if ($opt === '') {
                continue;
            }
            $isSel = $selected !== '' && strcasecmp($opt, $selected) === 0;
            if ($isSel) {
                $matched = true;
            }
            $html .= '<option value="'.e($opt).'"'.($isSel ? ' selected' : '').'>'.e($opt).'</option>';
        }
        if ($selected !== '' && ! $matched) {
            $html .= '<option value="'.e($selected).'" selected>'.e($selected).'</option>';
        }

        return $html;
    };
    $momWorkingPaperAttached = filter_var($momWorkingPaperAttached ?? false, FILTER_VALIDATE_BOOLEAN);
    $momShowWorkingPaperAttachedCheckbox = filter_var($momShowWorkingPaperAttachedCheckbox ?? false, FILTER_VALIDATE_BOOLEAN);
    $mwsMomMayPersist = ($canEdit && ! $momLockedAfterSave) || $momPostSaveEditable || $momPrimaryMayReviseReturned;
    // Keep existing workflow: co-signatory Sign/Forward/Return has no extra Save button.
    $mwsMomShowSaveButton = $mwsMomMayPersist && ! $momCoSignerInteractive;
    $mwsMomShowDraftPreviewButton = $mwsMomShowSaveButton || $momCoSignerInteractive;
@endphp
<section class="content">
    <div class="container-fluid">
        <div class="row mb-3 no-print">
            <div class="col-12 d-flex flex-wrap align-items-center">
                <a href="{{ route('meeting-workspace.meetings.show', $meeting) }}" class="btn btn-default btn-sm"><i class="fas fa-arrow-left"></i> Back to meeting</a>
                @if ($mwsMomShowDraftPreviewButton)
                    <button type="button" class="btn btn-outline-secondary btn-sm ml-2" id="mwsMomPreviewBtnTop">
                        <i class="fas fa-eye" aria-hidden="true"></i> Preview
                    </button>
                @elseif ($momFieldsReadOnly)
                    <a href="{{ $momPreviewUrl }}" target="mwsMomPreview" rel="opener" class="btn btn-outline-secondary btn-sm ml-2">
                        <i class="fas fa-print" aria-hidden="true"></i> Preview / Print
                    </a>
                @endif
            </div>
        </div>
        <div class="card card-outline card-primary mws-mom-page-card">
            <div class="card-header">
                <h3 class="card-title mb-0">{{ $momFieldsReadOnly ? 'View Minutes of Meeting' : 'Minutes of Meeting' }}</h3>
                <p class="mws-mom-card-subject small mb-0">{{ $meeting->title }}</p>
                @if ($schemeTitleDisplay !== '')
                    <p class="mws-mom-card-subject small mb-0 text-primary">{{ $schemeTitleDisplay }}</p>
                @endif
            </div>
            <div class="card-body">
                @if ($momReturnedToPrimary && $momPrimaryMayReviseReturned)
                    <div class="alert alert-warning no-print">
                        A co-signatory returned these minutes for revision. Update the content below and resubmit to restart the co-signatory approval chain.
                    </div>
                @elseif ($momReturnedToPrimary)
                    <div class="alert alert-info no-print">
                        These minutes were returned to the MoM generator for revision.
                    </div>
                @endif

                <form id="mwsMomEditorForm" class="@if($momFieldsReadOnly) mws-mom-form-readonly @endif" method="post" action="{{ route('meeting-workspace.meetings.mom.store', $meeting) }}" @if($momFieldsReadOnly) onsubmit="return false;" @endif>
                    @if ($mwsMomMayPersist)
                        @csrf
                        @if (! empty($momIsRegenerate))
                            <input type="hidden" name="regenerate" value="1">
                        @endif
                        @if ($pcFormId > 0)
                            <input type="hidden" name="pc_form_id" value="{{ $pcFormId }}">
                        @elseif ($pcnId > 0)
                            <input type="hidden" name="project_concept_note_id" value="{{ $pcnId }}">
                        @endif
                    @endif

                    <h5 class="border-bottom pb-2">Transcription</h5>
                    <div id="mwsMomTranscriptionWrap" class="mws-mom-transcription-wrap mb-3">
                        <x-form.textarea
                            label="Transcription"
                            name="mom_transcription"
                            id="mom_transcription"
                            :value="$momTranscriptionValue"
                            placeholder="Transcription…"
                            :editor="true"
                            :readonly="$momFieldsReadOnly"
                            :rows="5"
                        />
                        @if ($canEdit && ! $momLockedAfterSave)
                            <div class="mws-mom-transcription-generate no-print" id="mwsMomTranscriptionGenerate">
                                <span id="mwsMomGenerateDeliberationsStatus" class="text-muted small" aria-live="polite"></span>
                                <button type="button" class="btn btn-outline-info btn-sm" id="mwsMomGenerateDeliberationsBtn">
                                    <i class="fas fa-magic" aria-hidden="true"></i> Generate Minutes of Meeting from transcription
                                </button>
                            </div>
                        @endif
                    </div>

                    @php
                        $momSchemeCostRows = is_array($momSchemeCostRows ?? null) ? $momSchemeCostRows : [];
                        $momSchemeCostsIsPcn = (int) ($pcnId ?? 0) > 0;
                        $isGeneralMom = ! empty($isGeneralMom);
                        if ($momSchemeCostRows === [] && ! $momFieldsReadOnly && ! $isGeneralMom) {
                            $momSchemeCostRows = [
                                ['key' => 'approved', 'label' => 'Approved Cost', 'amount' => '', 'date' => null],
                            ];
                        }
                    @endphp
                    @if (! $isGeneralMom && ($momSchemeCostRows !== [] || ! $momFieldsReadOnly))
                        <h5 class="border-bottom pb-2 mt-4">Scheme Costs (Approved / Revised)</h5>
                        <p class="text-muted small mb-2">
                            @if ($momSchemeCostsIsPcn)
                                Prefilled from Core. Edit amounts/dates as needed for this MoM. Considered Cost on preview comes from PCN section 5 Total Estimated Cost (PKR Million) and is not listed here.
                            @else
                                Prefilled from Core. Edit amounts/dates as needed for this MoM. Considered Cost is calculated for preview from the current PC and is not listed here.
                            @endif
                        </p>
                        <div class="mb-3" id="mwsMomSchemeCostsWrap">
                            <div class="table-responsive">
                            <table class="table table-sm table-bordered mb-0" aria-label="Scheme approved and revised costs">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col" style="min-width:10rem;">Cost</th>
                                        <th scope="col" style="min-width:8rem;">Amount (million)</th>
                                        <th scope="col" style="min-width:8rem;">Date</th>
                                        @if (! $momFieldsReadOnly)
                                            <th scope="col" style="width:4.5rem;"></th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($momSchemeCostRows as $costIdx => $costRow)
                                        @php
                                            $costKey = (string) ($costRow['key'] ?? '');
                                            $isRevisedCostRow = str_starts_with(strtolower($costKey), 'revised');
                                            $costDateHtml = (string) ($costRow['date'] ?? '');
                                        @endphp
                                        <tr class="mws-mom-scheme-cost-row" data-cost-index="{{ $costIdx }}">
                                            <td class="align-middle">
                                                <input type="hidden" name="mom_scheme_costs[{{ $costIdx }}][key]" value="{{ $costRow['key'] ?? '' }}">
                                                <input type="hidden" name="mom_scheme_costs[{{ $costIdx }}][label]" value="{{ $costRow['label'] ?? '' }}">
                                                <span class="font-weight-bold mws-mom-scheme-cost-label">{{ $costRow['label'] ?? '—' }}</span>
                                            </td>
                                            <td>
                                                <input
                                                    type="text"
                                                    class="form-control form-control-sm mws-mom-scheme-cost-amount"
                                                    name="mom_scheme_costs[{{ $costIdx }}][amount]"
                                                    value="{{ $costRow['amount'] ?? '' }}"
                                                    inputmode="decimal"
                                                    autocomplete="off"
                                                    @if ($momFieldsReadOnly) readonly @endif
                                                >
                                            </td>
                                            <td>
                                                <input
                                                    type="date"
                                                    class="form-control form-control-sm mws-mom-scheme-cost-date"
                                                    name="mom_scheme_costs[{{ $costIdx }}][date]"
                                                    value="{{ $costDateHtml }}"
                                                    autocomplete="off"
                                                    @if ($momFieldsReadOnly) readonly @endif
                                                >
                                            </td>
                                            @if (! $momFieldsReadOnly)
                                                <td class="align-middle text-center">
                                                    @if ($isRevisedCostRow)
                                                        <button type="button" class="btn btn-link btn-sm text-danger p-0 mws-mom-scheme-cost-remove" title="Remove this revised cost">Remove</button>
                                                    @endif
                                                </td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            </div>
                            @if (! $momFieldsReadOnly)
                                <button type="button" class="btn btn-outline-primary btn-sm mt-2" id="mwsMomAddRevisedCostBtn">
                                    <i class="fas fa-plus" aria-hidden="true"></i> Add revised cost
                                </button>
                            @endif
                        </div>
                    @endif

                    <h5 class="border-bottom pb-2 mt-2">Deliberations</h5>
                    @if (! $momFieldsReadOnly || $momDeliberationsHasContent)
                        <div id="mwsMomSectionDeliberationsWrap" class="mom-mom-editor-section">
                            @if ($canEdit && ! $momLockedAfterSave)
                                <div id="mwsMomDeliberationsFrozenNote" class="alert alert-light border py-2 small d-none mb-2 no-print" role="status">
                                    <i class="fas fa-lock mr-1 text-muted" aria-hidden="true"></i>
                                    Deliberations are read-only until you unlock or save.
                                    <button type="button" class="btn btn-link btn-sm p-0 align-baseline ml-1" id="mwsMomDeliberationsUnlockBtn">Unlock to edit</button>
                                </div>
                            @endif
                            <x-form.textarea
                                label="Deliberations"
                                name="mom"
                                id="mom"
                                :value="$momDeliberationsHtml"
                                placeholder="Enter minutes of meeting…"
                                :editor="true"
                                :readonly="$momFieldsReadOnly"
                                :rows="6"
                            />
                        </div>
                    @endif

                    <h5 class="border-bottom pb-2 mt-4">Decisions</h5>
                    @if (! $momFieldsReadOnly)
                        @if (! empty($momDecisionsUseNestedScheme))
                            <p class="text-muted small mb-2">Numbered as i, ii, iii. Press Enter for the next item; Indent (or Tab) for sub-points a, b, c. Numbering in the preview matches the editor.</p>
                        @else
                            <p class="text-muted small mb-2">Numbered as i, ii, iii… to match how this MoM was saved. Press Enter for the next item.</p>
                        @endif
                    @endif
                    @if (! $momFieldsReadOnly || $momDecisionsHasContent)
                        <div id="mwsMomSectionDecisionsWrap" class="mom-mom-editor-section{{ ! empty($momDecisionsUseNestedScheme) ? ' mws-mom-decisions-nested' : '' }}">
                            <x-form.textarea
                                label="Decisions"
                                name="mom_decisions"
                                id="mom_decisions"
                                :value="$momDecisionsHtml"
                                placeholder="Decisions taken…"
                                :editor="true"
                                :aiAssist="$canEdit && ! $momLockedAfterSave"
                                :readonly="$momFieldsReadOnly"
                                :rows="5"
                            />
                        </div>
                    @endif

                    {{-- Temporarily hidden: restore MOM Versions by uncommenting this block.
                    @if (count($momVersionDisplayRows) > 0)
                        <h5 class="border-bottom pb-2 mt-4">MOM Versions</h5>
                        <p class="text-muted small mb-2">Content edits only. Co-signatory sign, forward, and return stay in MOM History.</p>
                        <ul class="list-unstyled mb-0 small mom-mom-editor-section">
                            @foreach ($momVersionDisplayRows as $versionRow)
                                <li class="mb-3 pb-3 border-bottom">
                                    <div class="d-flex flex-wrap align-items-center mb-1">
                                        <span class="badge {{ ! empty($versionRow['is_latest']) ? 'badge-primary' : 'badge-secondary' }} mr-2">
                                            Version {{ (int) ($versionRow['version_number'] ?? 0) }}
                                        </span>
                                        @if (! empty($versionRow['is_latest']))
                                            <span class="badge badge-success mr-2">Latest</span>
                                        @endif
                                        <strong class="mr-1">{{ $versionRow['user_name'] ?? 'System' }}</strong>
                                        @if (! empty($versionRow['created_at']))
                                            <span class="text-muted">({{ $versionRow['created_at'] }})</span>
                                        @endif
                                    </div>
                                    @if (! empty($versionRow['changed_labels']) && is_array($versionRow['changed_labels']))
                                        <div class="text-muted mb-1">Changed: {{ implode(', ', $versionRow['changed_labels']) }}</div>
                                    @endif
                                    @foreach (($versionRow['changes'] ?? []) as $change)
                                        <div class="border rounded p-2 mb-1 bg-light">
                                            <div class="font-weight-medium">{{ $change['label'] ?? 'Field' }}</div>
                                            <div class="text-muted">Previous: {{ $change['previous'] ?? '—' }}</div>
                                            <div>Updated: {{ $change['updated'] ?? '—' }}</div>
                                        </div>
                                    @endforeach
                                </li>
                            @endforeach
                        </ul>
                    @endif
                    --}}

                    @if ($momCoSignerInteractive)
                        <div class="mws-mom-cosigner-interactive no-print mom-mom-editor-section">
                            <h5 class="border-bottom pb-2 mt-4">Your remarks</h5>
                            <p class="text-muted small mb-2">Optional remarks with approval. Remarks are required if you return the minutes.</p>
                            <x-form.textarea
                                label="Remarks"
                                name="mom_co_signer_remarks_editor"
                                id="mwsMomCoSignerRemarks"
                                :value="''"
                                placeholder="Remarks with your approval or return…"
                                :editor="true"
                                :readonly="false"
                                :rows="4"
                            />
                        </div>
                    @endif

                    @if ($momShowCoSignerPicker)
                        @php
                            $mwsMomCoSignerSlotCount = 1;
                        @endphp
                        <h5 class="border-bottom pb-2 mt-4">Minutes of Meeting co-signatories</h5>
                        <p class="text-muted small mb-2 mws-mom-co-signer-help">
                            @if ($momPrimaryMayReviseReturned)
                                Select the <strong>first co-signatory</strong> again (same or a different user) before resubmitting.
                                After you resubmit, they must sign and forward to the next co-signatory in sequence.
                            @else
                                Select the <strong>first co-signatory</strong> to receive these minutes.
                                After you save, they must sign and forward to the next co-signatory in sequence.
                            @endif
                            All active users are listed (organizer and yourself are excluded).
                        </p>
                        @if (count($momParticipantSignerOptions) < $momExpectedCoSignerCount)
                            <div class="alert alert-warning small no-print" role="status">
                                There are not enough eligible active user accounts to satisfy the required number of co-signatories (need at least {{ $momExpectedCoSignerCount }}, have {{ count($momParticipantSignerOptions) }}).
                            </div>
                        @endif
                        <div class="no-print" id="mwsMomCoSignerSlotsWrap">
                            @for ($slot = 1; $slot <= $mwsMomCoSignerSlotCount; $slot++)
                                @php
                                    $slotSelectedId = (int) ($momSelectedCoSignerUserIds[$slot - 1] ?? 0);
                                @endphp
                                <div class="form-group mb-2 mws-mom-co-signer-slot-row" data-slot-index="{{ $slot }}">
                                    <div class="d-flex align-items-center justify-content-between mb-1">
                                        <label for="mwsMomCoSignerSlot{{ $slot }}" class="font-weight-medium mb-0">
                                            <span class="mws-mom-co-signer-slot-label">1st Co-Signatory</span>
                                            <span class="text-danger">*</span>
                                        </label>
                                    </div>
                                    <div class="mws-mom-co-signer-select-wrap">
                                        <select id="mwsMomCoSignerSlot{{ $slot }}" class="form-control mws-mom-co-signer-slot" data-slot-index="{{ $slot }}" data-placeholder="Search and select user…" @if (count($momParticipantSignerOptions) < $momExpectedCoSignerCount) disabled @endif>
                                            <option value="">— Select user —</option>
                                            @foreach ($momParticipantSignerOptions as $opt)
                                                <option value="{{ (int) $opt['user_id'] }}" @if ($slotSelectedId === (int) $opt['user_id']) selected @endif>{{ $opt['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            @endfor
                            <span class="form-text text-muted small d-block mb-0">Additional co-signatories are added when each recipient forwards the minutes after signing.</span>
                        </div>
                    @endif

                    @if ($momShowLetterheadSectionPicker || $momShowLetterheadSectionReadonly)
                        <h5 class="border-bottom pb-2 mt-4">Letterhead section</h5>
                        @if ($momShowLetterheadSectionPicker)
                            <div class="form-group no-print">
                                <label for="mwsMomLetterheadSectionId" class="font-weight-medium mb-1">Select section <span class="text-danger">*</span></label>
                                <select id="mwsMomLetterheadSectionId" name="mom_letterhead_section_id" class="form-control" required>
                                    <option value="">— Select your section —</option>
                                    @foreach ($momLetterheadSectionOptions as $secOpt)
                                        <option value="{{ (int) $secOpt['id'] }}"
                                            @if ((int) $momSelectedLetterheadSectionId === (int) $secOpt['id']) selected @endif
                                        >{{ $secOpt['name'] }}</option>
                                    @endforeach
                                </select>
                                <p class="text-muted small mb-0 mt-1">More than one section shares this scheme’s sector. Pick the section that should appear on the minutes letterhead.</p>
                            </div>
                        @else
                            <p class="mb-3">{{ $momLetterheadSectionSelectedName !== '' ? $momLetterheadSectionSelectedName : '—' }}</p>
                        @endif
                    @endif

                    @if ($momShowInChairPicker || $momShowInChairReadonly)
                        <h5 class="border-bottom pb-2 mt-4">In Chair</h5>
                        @if ($momShowInChairPicker)
                            <div class="form-group no-print mws-mom-in-chair-select-wrap">
                                <label for="mwsMomInChairUserId" class="font-weight-medium mb-1">Select In Chair person (P&amp;D / AD / MEC) <span class="text-danger">*</span></label>
                                <select id="mwsMomInChairUserId" name="mom_in_chair_user_id" class="form-control" required data-placeholder="— Select P&amp;D, AD, or MEC user —">
                                    <option value="">— Select P&amp;D, AD, or MEC user —</option>
                                    @foreach ($momInChairOptions as $chairOpt)
                                        <option value="{{ (int) $chairOpt['user_id'] }}"
                                            @if ((int) $momSelectedInChairUserId === (int) $chairOpt['user_id']) selected @endif
                                        >{{ $chairOpt['name'] }}</option>
                                    @endforeach
                                </select>
                                <input type="hidden" id="mwsMomInChairUserIdValue" value="{{ (int) $momSelectedInChairUserId > 0 ? (int) $momSelectedInChairUserId : '' }}">
                                <p class="text-muted small mb-0 mt-1">The selected person appears as <strong>In Chair</strong> in the Minutes participants list.</p>
                            </div>
                        @else
                            <p class="mb-3">{{ $momInChairSelectedName !== '' ? $momInChairSelectedName : '—' }}</p>
                        @endif
                    @endif

                    @if ($momShowAttendedParticipantsPicker || $momShowAttendedParticipantsReadonly)
                        <h5 class="border-bottom pb-2 mt-4">Meeting attendance</h5>
                        @if ($momShowAttendedParticipantsPicker)
                            <p class="text-muted small mb-2">Participants invited when this meeting was created are listed below. Remove anyone who did not attend, or search to add others. Drag rows to reorder them; you can move people between department sections.</p>
                            <div class="form-group no-print mws-mom-attended-select-wrap">
                                <label for="mwsMomAttendedParticipants" class="font-weight-medium mb-1">Select meeting participants</label>
                                <select id="mwsMomAttendedParticipants" class="form-control" multiple data-placeholder="Search and select participants…">
                                    @foreach ($momAllParticipantOptions as $attOpt)
                                        <option value="{{ (int) $attOpt['participant_id'] }}"
                                            data-name="{{ display_attr($attOpt['name']) }}"
                                            data-role="{{ display_attr($attOpt['role']) }}"
                                            data-phone="{{ display_attr($attOpt['phone'] ?? '—') }}"
                                            data-department-key="{{ display_attr($attOpt['department_key'] ?? 'OTHER') }}"
                                            @if (in_array((int) $attOpt['participant_id'], $momSelectedAttendedParticipantIds, true)) selected @endif
                                        >{{ display_text($attOpt['name']) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered mb-0" id="mwsMomAttendedParticipantsTable">
                                <thead class="thead-light">
                                    <tr>
                                        @if ($momShowAttendedParticipantsPicker)
                                            <th class="no-print mws-mom-attended-drag-col" style="width:2rem;" aria-label="Reorder">&nbsp;</th>
                                        @endif
                                        <th style="width:3rem;">#</th>
                                        <th>Name</th>
                                        <th>Designation</th>
                                        <th>Phone</th>
                                        @if ($momShowAttendedParticipantsPicker)
                                            <th class="no-print" style="width:4rem;">&nbsp;</th>
                                        @endif
                                    </tr>
                                </thead>
                                    @if ($momShowAttendedParticipantsReadonly)
                                <tbody id="mwsMomAttendedParticipantsTbody">
                                        @forelse ($momAttendedParticipantsDisplay as $attIdx => $attRow)
                                            <tr>
                                                <td>{{ $attIdx + 1 }}</td>
                                                <td>{{ display_text($attRow['name']) }}</td>
                                                <td>{{ display_text($attRow['role']) }}</td>
                                                <td>{{ display_text($attRow['phone'] ?? '—') }}</td>
                                            </tr>
                                        @empty
                                            <tr class="mws-mom-attended-empty-row">
                                                <td colspan="4" class="text-muted small">No participants selected.</td>
                                            </tr>
                                        @endforelse
                                </tbody>
                                @endif
                            </table>
                        </div>
                    @endif

                    @if ($momShowOtherParticipantsEditor || $momShowOtherParticipantsReadonly)
                        <h5 class="border-bottom pb-2 mt-4">Other Participants</h5>
                        @if ($momShowOtherParticipantsEditor)
                            <!-- <p class="text-muted small mb-2">Add participants who attended but are not listed in the system user directory.</p> -->
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered mb-2" id="mwsMomOtherParticipantsTable">
                                    <thead class="thead-light">
                                        <tr>
                                            <th style="width:3rem;">#</th>
                                            <th>Name</th>
                                            <th>Designation</th>
                                            <th>Department</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                            <th class="no-print" style="width:4rem;">&nbsp;</th>
                                        </tr>
                                    </thead>
                                    <tbody id="mwsMomOtherParticipantsTbody">
                                        @foreach ($momOtherParticipants as $otherIdx => $otherRow)
                                            <tr class="mws-mom-other-participant-row">
                                                <td class="mws-mom-other-participant-num">{{ $otherIdx + 1 }}</td>
                                                <td><input type="text" class="form-control form-control-sm" data-field="name" maxlength="255" value="{{ $otherRow['name'] ?? '' }}"></td>
                                                <td>
                                                    <select class="form-control form-control-sm mws-mom-other-select" data-field="designation" data-placeholder="Select or type designation…">
                                                        {!! $mwsMomOtherSelectOptionsHtml($momOtherParticipantDesignationOptions, (string) ($otherRow['designation'] ?? '')) !!}
                                                    </select>
                                                </td>
                                                <td>
                                                    <select class="form-control form-control-sm mws-mom-other-select" data-field="department" data-placeholder="Select department…">
                                                        {!! $mwsMomOtherSelectOptionsHtml($momOtherParticipantDepartmentOptions, (string) ($otherRow['department'] ?? '')) !!}
                                                    </select>
                                                </td>
                                                <td><input type="email" class="form-control form-control-sm" data-field="email" maxlength="255" value="{{ $otherRow['email'] ?? '' }}"></td>
                                                <td><input type="text" class="form-control form-control-sm" data-field="phone" maxlength="50" value="{{ $otherRow['phone'] ?? '' }}"></td>
                                                <td class="no-print text-center align-middle">
                                                    <button type="button" class="btn btn-outline-danger btn-sm py-0 px-2 mws-mom-other-participant-remove" title="Remove row" aria-label="Remove row">&times;</button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <button type="button" class="btn btn-outline-secondary btn-sm no-print" id="mwsMomOtherParticipantAddBtn">
                                <i class="fas fa-plus" aria-hidden="true"></i> Add participant
                            </button>
                        @else
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered mb-0">
                                    <thead class="thead-light">
                                        <tr>
                                            <th style="width:3rem;">#</th>
                                            <th>Name</th>
                                            <th>Designation</th>
                                            <th>Department</th>
                                            <th>Email</th>
                                            <th>Phone</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($momOtherParticipants as $otherIdx => $otherRow)
                                            <tr>
                                                <td>{{ $otherIdx + 1 }}</td>
                                                <td>{{ $otherRow['name'] ?? '—' }}</td>
                                                <td>{{ ($otherRow['designation'] ?? '') !== '' ? $otherRow['designation'] : '—' }}</td>
                                                <td>{{ ($otherRow['department'] ?? '') !== '' ? $otherRow['department'] : '—' }}</td>
                                                <td>{{ ($otherRow['email'] ?? '') !== '' ? $otherRow['email'] : '—' }}</td>
                                                <td>{{ ($otherRow['phone'] ?? '') !== '' ? $otherRow['phone'] : '—' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    @endif

                    @if ($momShowWorkingPaperAttachedCheckbox)
                        <div class="no-print mt-4 mb-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox"
                                       class="custom-control-input"
                                       id="mwsMomWorkingPaperAttached"
                                       name="mom_working_paper_attached"
                                       value="1"
                                       @if ($momWorkingPaperAttached) checked @endif>
                                <label class="custom-control-label font-weight-medium" for="mwsMomWorkingPaperAttached">
                                    Is Working Paper Attached
                                </label>
                            </div>
                            <span class="form-text text-muted small d-block mt-1 mb-0">
                                When checked, the scheme working paper is included on the Minutes of Meeting preview and printout.
                            </span>
                        </div>
                    @endif

                    @if (! empty($momShowOrganizerSignatureSection))
                        @php
                            $mwsMomSigState = is_array($momOrganizerSignature ?? null) ? $momOrganizerSignature : [];
                            $mwsMomSigEffective = trim((string) ($mwsMomSigState['effective_url'] ?? ''));
                            $mwsMomSigDrawn = trim((string) ($mwsMomSigState['drawn_url'] ?? ''));
                            $mwsMomSigUploaded = trim((string) ($mwsMomSigState['uploaded_url'] ?? ''));
                            // Always re-ask on create / returned resubmit / any fresh signature action; skip only for this submit.
                            $momIncludeCreatorSignatureChecked = true;
                        @endphp
                        <h5 class="border-bottom pb-2 mt-4">{{ ($momPrimarySignerIsOrganizer ?? true) ? 'Organizer Signature' : 'Your Signature' }}</h5>
                        <div class="custom-control custom-checkbox mb-2 no-print">
                            <input type="checkbox"
                                   class="custom-control-input"
                                   id="mwsMomIncludeCreatorSignature"
                                   name="mom_include_creator_signature"
                                   value="1"
                                   @if ($momIncludeCreatorSignatureChecked) checked @endif>
                            <label class="custom-control-label font-weight-medium" for="mwsMomIncludeCreatorSignature">
                                Include my signature on these minutes
                            </label>
                        </div>
                        <p class="text-muted small mb-2" id="mwsMomCreatorSignatureHelp">{{ ($momPrimarySignerIsOrganizer ?? true) ? 'Use your signature as meeting host/organizer. It is saved to your profile when you save minutes. Uncheck to skip your signature for this submit.' : 'Use your signature when saving minutes. It is saved to your profile and recorded as the primary Minutes of Meeting signatory. Uncheck to skip your signature for this submit.' }}</p>
                        @php
                            $momCanBackdateSignature = filter_var($momCanBackdateSignature ?? false, FILTER_VALIDATE_BOOLEAN);
                            $momSignatureDateDefault = (string) ($momSignatureDateDefault ?? now()->toDateString());
                        @endphp
                        <div class="form-group mb-2 no-print" id="mwsMomSignatureDateWrap" @if (! $momIncludeCreatorSignatureChecked) hidden @endif>
                            <label for="mwsMomSignatureDate" class="font-weight-medium mb-1">Signature date</label>
                            @if ($momCanBackdateSignature)
                                <input
                                    type="date"
                                    class="form-control form-control-sm"
                                    id="mwsMomSignatureDate"
                                    name="mom_signature_date"
                                    value="{{ $momSignatureDateDefault }}"
                                    max="{{ $momSignatureDateDefault }}"
                                >
                                <span class="form-text text-muted small">You may select today or any past date (backdating permitted).</span>
                            @else
                                <input
                                    type="date"
                                    class="form-control form-control-sm"
                                    id="mwsMomSignatureDate"
                                    name="mom_signature_date"
                                    value="{{ $momSignatureDateDefault }}"
                                    readonly
                                >
                                <span class="form-text text-muted small">Automatically set to today’s date when you sign.</span>
                            @endif
                        </div>
                        <div id="mwsMomSigBlock" class="mb-3 no-print"
                             data-mws-al-sig-block="1"
                             data-mws-sig-server-effective="{{ e($mwsMomSigEffective) }}"
                             data-mws-sig-server-drawn="{{ e($mwsMomSigDrawn) }}"
                             data-mws-sig-server-uploaded="{{ e($mwsMomSigUploaded) }}"
                             @if ($mwsMomSigEffective !== '') data-mws-al-sig-effective-url="{{ e($mwsMomSigEffective) }}" @endif
                             @if (! $momIncludeCreatorSignatureChecked) hidden @endif>
                            <div class="mws-al-sig-display border rounded p-2 bg-light" data-mws-al-sig-display-wrap="1" style="min-height:72px;">
                                @if ($mwsMomSigEffective !== '')
                                    <div class="notice-sign-img-wrap">
                                        <img class="notice-sign-img" src="{{ $mwsMomSigEffective }}" alt="" data-mws-al-sig-img="1" style="max-height:72px;">
                                    </div>
                                @else
                                    <div class="sign-line border-bottom border-secondary" data-mws-al-sig-placeholder="1" style="min-height:48px;" aria-hidden="true"></div>
                                    <span class="small text-muted">No signature on file yet — draw or upload below.</span>
                                @endif
                            </div>
                            <div class="mws-al-sig-editor-inner mt-2">
                                <div class="btn-group btn-group-sm mb-2" role="group" aria-label="Signature source">
                                    <label class="btn btn-outline-secondary btn-sm mb-0">
                                        <input type="radio" name="mwsMomSigMode" value="draw" autocomplete="off" data-mws-al-sig-mode-radio="1"> Draw
                                    </label>
                                    <label class="btn btn-outline-secondary btn-sm mb-0">
                                        <input type="radio" name="mwsMomSigMode" value="upload" autocomplete="off" data-mws-al-sig-mode-radio="1"> Upload
                                    </label>
                                </div>
                                <button type="button" class="btn btn-link btn-sm p-0 mb-2" data-mws-al-sig-clear-all-ui="1">Clear preview</button>
                                <div class="notice-mn-sig-canvas-wrap mt-1" data-mws-al-sig-panel-draw="1" hidden>
                                    <canvas class="notice-mn-sig-canvas" data-mws-al-sig-canvas="1" width="280" height="120" aria-label="Draw signature"></canvas>
                                    <div class="small mt-1">
                                        <button type="button" class="btn btn-light btn-xs border" data-mws-al-sig-pad-clear="1">Clear pad</button>
                                    </div>
                                </div>
                                <div class="mt-1" data-mws-al-sig-panel-upload="1" hidden>
                                    <label class="btn btn-outline-secondary btn-sm mb-0">
                                        Choose image
                                        <input type="file" class="d-none" accept="image/png,image/jpeg,image/jpg,image/webp,image/gif" data-mws-al-sig-file="1">
                                    </label>
                                </div>
                            </div>
                        </div>
                    @elseif (! empty($momShowOrganizerSignatureReadonly) && ! empty($momOrganizerSignature))
                        @php
                            $mwsMomSigReadonly = is_array($momOrganizerSignature) ? $momOrganizerSignature : [];
                            $mwsMomSigReadonlyEff = trim((string) ($mwsMomSigReadonly['effective_url'] ?? ''));
                            $momReadonlyIncludeCreatorSig = filter_var($momIncludeCreatorSignature ?? true, FILTER_VALIDATE_BOOLEAN);
                        @endphp
                        @if ($momReadonlyIncludeCreatorSig && $mwsMomSigReadonlyEff !== '')
                            <h5 class="border-bottom pb-2 mt-4">Organizer Signature</h5>
                            <div id="mwsMomSigViewOnly" class="mb-3">
                                <div class="mws-al-sig-display border rounded p-2 bg-light" style="min-height:72px;">
                                    <div class="notice-sign-img-wrap">
                                        <img class="notice-sign-img" src="{{ $mwsMomSigReadonlyEff }}" alt="" style="width:100%;">
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endif

                    @if (($momShowCoSignerSignatureSection || $momShowCoSignerForwardSection) && ! empty($momCoSignerSignature))
                        @php
                            $mwsMomCoSigState = $momCoSignerSignature;
                            $mwsMomCoSigEffective = trim((string) ($mwsMomCoSigState['effective_url'] ?? ''));
                            $mwsMomCoSigDrawn = trim((string) ($mwsMomCoSigState['drawn_url'] ?? ''));
                            $mwsMomCoSigUploaded = trim((string) ($mwsMomCoSigState['uploaded_url'] ?? ''));
                            $momCoSignerForwardOptions = is_array($momCoSignerForwardOptions ?? null) ? $momCoSignerForwardOptions : [];
                            $momCoSignerReturnTargetName = trim((string) ($momCoSignerReturnTargetName ?? ''));
                        @endphp
                        <div class="mws-mom-cosigner-interactive no-print">
                        <h5 class="border-bottom pb-2 mt-4">Your Co-Signature (Minutes of Meeting)</h5>
                        <div class="custom-control custom-checkbox mb-2 no-print">
                            <input type="checkbox"
                                   class="custom-control-input"
                                   id="mwsMomIncludeCoSignerSignature"
                                   name="mom_include_my_signature"
                                   value="1"
                                   checked>
                            <label class="custom-control-label font-weight-medium" for="mwsMomIncludeCoSignerSignature">
                                Include my signature on these minutes
                            </label>
                        </div>
                        @if (! empty($momCoSignerReceivedReturn))
                            <p class="text-muted small mb-2">These minutes were returned to you. Include your signature if you want it on the minutes, then sign and forward to the next co-signatory, or mark the chain complete. Uncheck to skip your signature for this submit.</p>
                        @else
                            <p class="text-muted small mb-2">You are the active co-signatory. Include your signature if you want it on the minutes, then sign and forward to the next co-signatory, or mark the chain complete. Uncheck to skip your signature for this submit.</p>
                        @endif
                        @php
                            $momCanBackdateSignature = filter_var($momCanBackdateSignature ?? false, FILTER_VALIDATE_BOOLEAN);
                            $momSignatureDateDefault = (string) ($momSignatureDateDefault ?? now()->toDateString());
                        @endphp
                        <div class="form-group mb-2 no-print" id="mwsMomCoSignerSignatureDateWrap">
                            <label for="mwsMomCoSignerSignatureDate" class="font-weight-medium mb-1">Signature date</label>
                            @if ($momCanBackdateSignature)
                                <input
                                    type="date"
                                    class="form-control form-control-sm"
                                    id="mwsMomCoSignerSignatureDate"
                                    name="mom_signature_date"
                                    value="{{ $momSignatureDateDefault }}"
                                    max="{{ $momSignatureDateDefault }}"
                                >
                                <span class="form-text text-muted small">You may select today or any past date (backdating permitted).</span>
                            @else
                                <input
                                    type="date"
                                    class="form-control form-control-sm"
                                    id="mwsMomCoSignerSignatureDate"
                                    name="mom_signature_date"
                                    value="{{ $momSignatureDateDefault }}"
                                    readonly
                                >
                                <span class="form-text text-muted small">Automatically set to today’s date when you sign.</span>
                            @endif
                        </div>
                        <div id="mwsMomCoSignerSigBlock" class="mb-3 no-print"
                             data-mws-al-sig-block="1"
                             data-mws-sig-server-effective="{{ e($mwsMomCoSigEffective) }}"
                             data-mws-sig-server-drawn="{{ e($mwsMomCoSigDrawn) }}"
                             data-mws-sig-server-uploaded="{{ e($mwsMomCoSigUploaded) }}"
                             @if ($mwsMomCoSigEffective !== '') data-mws-al-sig-effective-url="{{ e($mwsMomCoSigEffective) }}" @endif>
                            <div class="mws-al-sig-display border rounded p-2 bg-light" data-mws-al-sig-display-wrap="1" style="min-height:72px;">
                                @if ($mwsMomCoSigEffective !== '')
                                    <div class="notice-sign-img-wrap">
                                        <img class="notice-sign-img" src="{{ $mwsMomCoSigEffective }}" alt="" data-mws-al-sig-img="1" style="max-height:72px;">
                                    </div>
                                @else
                                    <div class="sign-line border-bottom border-secondary" data-mws-al-sig-placeholder="1" style="min-height:48px;" aria-hidden="true"></div>
                                    <span class="small text-muted">No signature on file yet — draw or upload below.</span>
                                @endif
                            </div>
                            <div class="mws-al-sig-editor-inner mt-2">
                                <div class="btn-group btn-group-sm mb-2" role="group" aria-label="Signature source">
                                    <label class="btn btn-outline-secondary btn-sm mb-0">
                                        <input type="radio" name="mwsMomCoSignerSigMode" value="draw" autocomplete="off" data-mws-al-sig-mode-radio="1"> Draw
                                    </label>
                                    <label class="btn btn-outline-secondary btn-sm mb-0">
                                        <input type="radio" name="mwsMomCoSignerSigMode" value="upload" autocomplete="off" data-mws-al-sig-mode-radio="1"> Upload
                                    </label>
                                </div>
                                <button type="button" class="btn btn-link btn-sm p-0 mb-2" data-mws-al-sig-clear-all-ui="1">Clear preview</button>
                                <div class="notice-mn-sig-canvas-wrap mt-1" data-mws-al-sig-panel-draw="1" hidden>
                                    <canvas class="notice-mn-sig-canvas" data-mws-al-sig-canvas="1" width="280" height="120" aria-label="Draw signature"></canvas>
                                    <div class="small mt-1">
                                        <button type="button" class="btn btn-light btn-xs border" data-mws-al-sig-pad-clear="1">Clear pad</button>
                                    </div>
                                </div>
                                <div class="mt-1" data-mws-al-sig-panel-upload="1" hidden>
                                    <label class="btn btn-outline-secondary btn-sm mb-0">
                                        Choose image
                                        <input type="file" class="d-none" accept="image/png,image/jpeg,image/jpg,image/webp,image/gif" data-mws-al-sig-file="1">
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <label for="mwsMomCoSignerForwardTo" class="font-weight-medium mb-1">Forward to co-signatory</label>
                            <div class="mws-mom-co-signer-select-wrap">
                                <select id="mwsMomCoSignerForwardTo" class="form-control" data-placeholder="Search and select user…">
                                    <option value="">— Select user —</option>
                                    @foreach ($momCoSignerForwardOptions as $fwdOpt)
                                        <option value="{{ (int) $fwdOpt['user_id'] }}">{{ $fwdOpt['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <span class="form-text text-muted small">Select any eligible co-signatory. You may forward to someone new or back to a co-signatory who previously returned the minutes.</span>
                        </div>
                        <div class="form-check mb-3">
                            <input type="checkbox" class="form-check-input" id="mwsMomCoSignerCompleteChain" autocomplete="off" value="1">
                            <label class="form-check-label" for="mwsMomCoSignerCompleteChain">Mark co-signatory chain complete (no further forwarding)</label>
                        </div>
                        <div class="no-print d-flex flex-wrap" style="gap: 0.5rem;">
                            <button type="button" class="btn btn-outline-secondary" id="mwsMomPreviewBtn">
                                <i class="fas fa-eye" aria-hidden="true"></i> Preview
                            </button>
                            <button type="button" class="btn btn-success" id="mwsMomCoSignerApproveBtn">
                                <i class="fas fa-check"></i> <span id="mwsMomCoSignerApproveBtnLabel">Forward</span>
                            </button>
                            <button type="button" class="btn btn-outline-danger" id="mwsMomCoSignerReturnBtn">
                                <i class="fas fa-undo"></i> Return{{ $momCoSignerReturnTargetName !== '' ? ' to '.$momCoSignerReturnTargetName : '' }}
                            </button>
                        </div>
                        </div>
                    @endif

                    @if ($mwsMomShowSaveButton)
                        <div class="mt-4 no-print d-flex flex-wrap" style="gap: 0.5rem;">
                            <button type="button" class="btn btn-outline-secondary" id="mwsMomPreviewBtn">
                                <i class="fas fa-eye" aria-hidden="true"></i> Preview
                            </button>
                            <button type="button" class="btn btn-primary" id="mwsMomSaveBtn">
                                <i class="fas fa-save"></i> <span id="mwsMomSaveBtnLabel">{{ $momPrimaryMayReviseReturned ? 'Resubmit Minutes' : 'Save' }}</span>
                            </button>
                        </div>
                    @endif
                </form>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
@if (! empty($momShowAttendedParticipantsPicker) || ! empty($momShowCoSignerPicker) || ! empty($momShowCoSignerSignatureSection) || ! empty($momShowCoSignerForwardSection) || ! empty($momShowOtherParticipantsEditor))
<script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
@endif
@if (! empty($momShowAttendedParticipantsPicker))
<script src="{{ asset('assets/plugins/jquery-ui/jquery-ui.min.js') }}"></script>
@endif
<script>
(function() {
    var generateDeliberationsUrl = @json(route('meeting-workspace.meetings.mom.generate-deliberations-from-transcription', $meeting));
    var storeMomUrl = @json(route('meeting-workspace.meetings.mom.store', $meeting));
    var momPreviewDraftUrl = @json(route('meeting-workspace.meetings.mom.preview-draft', $meeting));
    var momPcFormId = @json((int) ($pcFormId ?? 0));
    var momPcnId = @json((int) ($pcnId ?? 0));

    function mwsMomSubjectPayload() {
        var payload = {};
        if (momPcnId > 0) {
            payload.project_concept_note_id = momPcnId;
        } else if (momPcFormId > 0) {
            payload.pc_form_id = momPcFormId;
        }
        @if (! empty($momIsRegenerate))
        payload.regenerate = 1;
        @endif
        return payload;
    }

    /** Shared by primary save + co-signer approve (must stay on window — scripts are separate IIFEs). */
    window.mwsMomCurrentSignatureDateValue = function () {
        var primary = document.getElementById('mwsMomSignatureDate');
        if (primary && !primary.closest('[hidden]')) {
            return String(primary.value || '').trim();
        }
        var co = document.getElementById('mwsMomCoSignerSignatureDate');
        if (co && !co.closest('[hidden]')) {
            return String(co.value || '').trim();
        }
        return '';
    };

    window.mwsMomConfirmAction = function (copy) {
        if (typeof Swal === 'undefined' || typeof Swal.fire !== 'function') {
            return Promise.resolve(window.confirm(copy.confirm));
        }
        return Swal.fire({
            icon: 'question',
            title: copy.title,
            text: copy.confirm,
            showCancelButton: true,
            confirmButtonText: copy.confirmBtn,
            cancelButtonText: 'Cancel',
            confirmButtonColor: copy.confirmColor || '#28a745',
            reverseButtons: true
        }).then(function (result) {
            return !!(result && result.isConfirmed);
        });
    };

    var momShowCoSignerPicker = @json($momShowCoSignerPicker);
    var momExpectedCoSignerCount = @json((int) $momExpectedCoSignerCount);
    var momExpectedCoSignerMaxCount = @json((int) $momExpectedCoSignerMaxCount);

    function normMomPlain(html) {
        var d = document.createElement('div');
        d.innerHTML = html || '';
        return (d.textContent || '').replace(/\s+/g, ' ').trim();
    }

    function getEditorHtml(id) {
        var html = '';
        var $el = $('#' + id);
        var editable = (id === 'mom_decisions' && typeof mwsMomNoteEditable === 'function')
            ? mwsMomNoteEditable($el)
            : null;
        if (editable) {
            html = editable.innerHTML || '';
        } else if ($el.length && $el.data('summernote') && typeof $el.summernote === 'function') {
            html = $el.summernote('code') || '';
        } else {
            html = $el.val() || '';
        }
        if (id === 'mom_decisions' && typeof mwsMomPrepareDecisionsHtml === 'function') {
            html = mwsMomPrepareDecisionsHtml(html);
        }
        return html;
    }

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

    /** Light Word/HTML paste cleanup — keep structure/styles; drop scripts and Office junk wrappers. */
    function mwsMomCleanPastedDeliberationsHtml(html) {
        var raw = String(html || '');
        if (!raw.trim()) {
            return '';
        }
        var tmp = document.createElement('div');
        tmp.innerHTML = raw;
        var body = tmp.querySelector('body');
        if (body) {
            tmp = document.createElement('div');
            tmp.innerHTML = body.innerHTML;
        }
        tmp.querySelectorAll('script, style, iframe, object, embed, meta, link, xml, title').forEach(function (el) {
            if (el.parentNode) {
                el.parentNode.removeChild(el);
            }
        });
        tmp.querySelectorAll('*').forEach(function (el) {
            Array.prototype.slice.call(el.attributes || []).forEach(function (attr) {
                var name = String(attr.name || '').toLowerCase();
                if (name.indexOf('on') === 0 || name === 'srcdoc') {
                    el.removeAttribute(attr.name);
                }
            });
        });
        return tmp.innerHTML;
    }

    /** One tab stop inside MoM rich-text editors (kept as nbsp so the preview renders it identically). */
    var MWS_MOM_TAB_HTML = '&nbsp;&nbsp;&nbsp;&nbsp;';
    var MWS_MOM_RICH_TEXT_IDS = ['mom', 'mom_decisions', 'mom_transcription', 'mwsMomCoSignerRemarks'];

    /*
     * Fullscreen moves .note-editor out of the form and onto <body>, so ancestor checks break.
     * Tag each MoM editor once — the marker travels with the element.
     */
    function mwsMomTagRichTextEditors() {
        MWS_MOM_RICH_TEXT_IDS.forEach(function (id) {
            var $el = $('#' + id);
            if (!$el.length) {
                return;
            }
            var info = $el.data('summernote');
            var $editor = (info && info.layoutInfo && info.layoutInfo.editor)
                ? info.layoutInfo.editor
                : $el.next('.note-editor');
            if ($editor && $editor.length) {
                $editor.attr('data-mws-mom-editor', '1');
            }
        });
    }

    $(function () {
        setTimeout(mwsMomTagRichTextEditors, 0);
        setTimeout(mwsMomTagRichTextEditors, 200);
        setTimeout(mwsMomTagRichTextEditors, 600);
    });

    function mwsMomEditableFromEvent(e) {
        var target = e.target;
        if (!target || typeof target.closest !== 'function') {
            return null;
        }
        var editable = target.closest('.note-editable');
        if (!editable) {
            return null;
        }
        var editor = editable.closest('.note-editor');
        var isMomEditor = !!editable.closest('#mwsMomEditorForm')
            || !!(editor && editor.getAttribute('data-mws-mom-editor') === '1');
        if (!isMomEditor) {
            return null;
        }
        if (editable.getAttribute('contenteditable') === 'false') {
            return null;
        }
        return editable;
    }

    function mwsMomSelectionInListItem(editable) {
        var sel = window.getSelection ? window.getSelection() : null;
        if (!sel || !sel.anchorNode) {
            return false;
        }
        var node = sel.anchorNode.nodeType === 1 ? sel.anchorNode : sel.anchorNode.parentNode;
        if (!node || typeof node.closest !== 'function') {
            return false;
        }
        var li = node.closest('li');
        return !!(li && editable.contains(li));
    }

    /*
     * Capture phase: run before Summernote's own key handling and before the browser
     * moves focus to the next field, so Tab types a tab stop instead of leaving the editor.
     */
    document.addEventListener('keydown', function (e) {
        if (e.key !== 'Tab' && e.keyCode !== 9) {
            return;
        }
        var editable = mwsMomEditableFromEvent(e);
        if (!editable) {
            return;
        }
        if (mwsMomSelectionInListItem(editable)) {
            e.preventDefault();
            e.stopPropagation();
            document.execCommand(e.shiftKey ? 'outdent' : 'indent');
            return;
        }
        if (e.shiftKey) {
            // Shift+Tab stays an escape hatch out of the editor.
            return;
        }
        e.preventDefault();
        e.stopPropagation();
        document.execCommand('insertHTML', false, MWS_MOM_TAB_HTML);
    }, true);

    var mwsMomListEditorsReadOnly = @json($momFieldsReadOnly);

    $(function () {
        var $mom = $('#mom');
        if (!$mom.length || mwsMomListEditorsReadOnly) {
            return;
        }

        $mom.on('summernote.paste', function (we, e) {
            var oe = e.originalEvent || e;
            var cd = oe && (oe.clipboardData || window.clipboardData);
            if (!cd) {
                return;
            }
            var html = '';
            try {
                html = cd.getData('text/html') || '';
            } catch (err) {
                html = '';
            }
            if (!html || !/\S/.test(html)) {
                // Plain text: let Summernote default paste run.
                return;
            }
            var cleaned = mwsMomCleanPastedDeliberationsHtml(html);
            if (!cleaned || !/\S/.test(cleaned.replace(/<[^>]+>/g, ' '))) {
                return;
            }
            if (oe && typeof oe.preventDefault === 'function') {
                oe.preventDefault();
            }
            if (e && typeof e.preventDefault === 'function') {
                e.preventDefault();
            }
            $mom.summernote('pasteHTML', cleaned);
        });
    });

    var mwsMomListNormalizing = {};

    function mwsMomStripLeadingListMarkerFromHtml(innerHtml) {
        var wrap = document.createElement('div');
        wrap.innerHTML = innerHtml || '';
        var walker = document.createTreeWalker(wrap, NodeFilter.SHOW_TEXT, null);
        var textNode = walker.nextNode();
        while (textNode && !String(textNode.nodeValue || '').replace(/\u00a0/g, ' ').trim()) {
            textNode = walker.nextNode();
        }
        if (textNode) {
            textNode.nodeValue = String(textNode.nodeValue || '').replace(
                /^\s*(?:(?:\d+|[ivxlcdm]+)[.)]\s*|\(\s*(?:\d+|[ivxlcdm]+)\s*\)\s*|[-–—*•]\s+)/i,
                ''
            );
        }
        return wrap.innerHTML;
    }

    function mwsMomStripLeadingDecisionMarkerPlain(text) {
        return String(text || '').replace(
            /^\s*(?:(?:\d+|[ivxlcdm]+)[.)]\s*|\(\s*(?:\d+|[ivxlcdm]+)\s*\)\s*|[-–—*•]\s+)/i,
            ''
        ).trim();
    }

    function mwsMomHtmlToDecisionText(html) {
        var d = document.createElement('div');
        d.innerHTML = String(html || '').replace(/<br\s*\/?>/gi, '\n');
        return String(d.textContent || '').replace(/\u00a0/g, ' ').replace(/\r\n/g, '\n').replace(/\r/g, '\n');
    }

    function mwsMomSplitDecisionOnMarkers(text) {
        var source = String(text || '');
        var re = /(?:\d+|[ivxlcdm]+)[.)]\s+(?=[A-Za-z“"'(])/ig;
        var cuts = [0];
        var m;
        while ((m = re.exec(source)) !== null) {
            if (m.index <= 0) {
                continue;
            }
            var before = source.slice(0, m.index);
            if (/[.?!][ \t]+$/.test(before) || /\n[ \t]*$/.test(before)) {
                cuts.push(m.index);
            }
        }
        cuts.push(source.length);
        var parts = [];
        for (var i = 0; i < cuts.length - 1; i++) {
            var part = source.slice(cuts[i], cuts[i + 1]).replace(/\s+/g, ' ').trim();
            if (part) {
                parts.push(part);
            }
        }
        return parts.length ? parts : (source.trim() ? [source.trim()] : []);
    }

    function mwsMomSplitDecisionPlain(text) {
        var normalized = String(text || '').replace(/\u00a0/g, ' ').replace(/\r\n/g, '\n').replace(/\r/g, '\n');
        normalized = normalized.replace(/[ \t]+/g, ' ');
        var lines = normalized.split('\n');
        var groups = [];
        var current = '';
        var markerStart = /^(?:\d+|[ivxlcdm]+)[.)]\s+(?=[A-Za-z“"'(])/i;
        lines.forEach(function (line) {
            line = String(line || '').replace(/[ \t]+/g, ' ').trim();
            if (line === '') {
                if (current !== '') {
                    groups.push(current);
                    current = '';
                }
                return;
            }
            if (markerStart.test(line) && current !== '') {
                groups.push(current);
                current = line;
            } else {
                current = current === '' ? line : (current + ' ' + line);
            }
        });
        if (current !== '') {
            groups.push(current);
        }
        var out = [];
        groups.forEach(function (chunk) {
            mwsMomSplitDecisionOnMarkers(chunk).forEach(function (item) {
                item = mwsMomStripLeadingDecisionMarkerPlain(item);
                if (item) {
                    out.push(item);
                }
            });
        });
        return out;
    }

    function mwsMomPushListItemHtml(items, html) {
        var chunks = mwsMomSplitDecisionPlain(mwsMomHtmlToDecisionText(html));
        if (chunks.length > 1) {
            chunks.forEach(function (chunk) {
                items.push(mwsMomEscapePlain(chunk));
            });
            return;
        }
        var parts = String(html || '').split(/<br\s*\/?>/i);
        parts.forEach(function (part) {
            var stripped = mwsMomStripLeadingListMarkerFromHtml(part);
            if (normMomPlain(stripped) !== '') {
                items.push(stripped);
            }
        });
    }

    function mwsMomCollectListItemHtml(root) {
        var items = [];
        var children = Array.prototype.filter.call(root.childNodes, function (n) {
            if (n.nodeType === 3) {
                return String(n.textContent || '').trim() !== '';
            }
            return n.nodeType === 1;
        });
        children.forEach(function (child) {
            if (child.nodeType === 3) {
                mwsMomPushListItemHtml(items, child.textContent);
                return;
            }
            var tag = child.tagName.toLowerCase();
            if (tag === 'ol' || tag === 'ul') {
                Array.prototype.forEach.call(child.children, function (li) {
                    if (li.tagName && li.tagName.toLowerCase() === 'li') {
                        mwsMomPushListItemHtml(items, li.innerHTML);
                    }
                });
                return;
            }
            if (tag === 'br') {
                return;
            }
            mwsMomPushListItemHtml(items, child.innerHTML);
        });
        return items;
    }

    var MWS_MOM_DECISIONS_SCHEME_ATTR = 'data-mws-mom-decisions-scheme';
    var MWS_MOM_DECISIONS_SCHEME_NESTED = 'nested';

    function mwsMomDecisionsNestedMode() {
        var wrap = document.getElementById('mwsMomSectionDecisionsWrap');
        if (wrap && wrap.classList.contains('mws-mom-decisions-nested')) {
            return true;
        }
        var $el = $('#mom_decisions');
        var editable = typeof mwsMomNoteEditable === 'function' ? mwsMomNoteEditable($el) : null;
        return !!(editable && editable.querySelector('ol ol, ol ul, ul ol, ul ul'));
    }

    function mwsMomRepairDecisionListNesting(root) {
        if (!root) {
            return;
        }
        var lists = [];
        if (root.tagName && /^(OL|UL)$/i.test(root.tagName)) {
            lists.push(root);
        }
        if (root.querySelectorAll) {
            Array.prototype.forEach.call(root.querySelectorAll('ol, ul'), function (list) {
                lists.push(list);
            });
        }
        lists.forEach(function (list) {
            var child = list.firstChild;
            var lastLi = null;
            while (child) {
                var next = child.nextSibling;
                if (child.nodeType === 1) {
                    var tag = child.tagName.toLowerCase();
                    if (tag === 'li') {
                        lastLi = child;
                    } else if ((tag === 'ol' || tag === 'ul') && lastLi) {
                        lastLi.appendChild(child);
                    }
                }
                child = next;
            }
        });
    }

    function mwsMomPrepareDecisionsHtml(html) {
        var tmp = document.createElement('div');
        tmp.innerHTML = String(html || '');
        mwsMomRepairDecisionListNesting(tmp);
        var hasNested = !!tmp.querySelector('ol ol, ol ul, ul ol, ul ul');
        if (!mwsMomDecisionsNestedMode() && !hasNested) {
            return tmp.innerHTML;
        }
        var ol = tmp.querySelector('ol');
        if (ol) {
            ol.setAttribute(MWS_MOM_DECISIONS_SCHEME_ATTR, MWS_MOM_DECISIONS_SCHEME_NESTED);
        }
        return tmp.innerHTML;
    }

    function mwsMomStampNestedDecisionsOl(html) {
        return mwsMomPrepareDecisionsHtml(html);
    }

    function mwsMomBuildOlHtml(items, keepEmpty) {
        var lis = (items || []).filter(function (html) {
            return keepEmpty || normMomPlain(html) !== '';
        });
        if (lis.length === 0) {
            return mwsMomStampNestedDecisionsOl('<ol><li><br></li></ol>');
        }
        return mwsMomStampNestedDecisionsOl('<ol>' + lis.map(function (html) {
            var inner = String(html || '').trim();
            return '<li>' + (inner !== '' ? inner : '<br>') + '</li>';
        }).join('') + '</ol>');
    }

    function mwsMomListNodeIsEmpty(el) {
        return !el || normMomPlain(el.innerHTML || el.textContent || '') === '';
    }

    function mwsMomListSignificantBlocks(root) {
        return Array.prototype.filter.call(root.childNodes, function (n) {
            if (n.nodeType === 3) {
                return String(n.textContent || '').trim() !== '';
            }
            if (n.nodeType !== 1) {
                return false;
            }
            var tag = n.tagName.toLowerCase();
            if (tag === 'br') {
                return false;
            }
            return true;
        });
    }

    function mwsMomNoteEditable($el) {
        var $editor = $el.nextAll('.note-editor').first();
        if (!$editor.length) {
            $editor = $el.closest('.form-group-textarea-wrap').find('.note-editor').first();
        }
        return $editor.find('.note-editable')[0] || null;
    }

    function mwsMomPlaceCaretInLi(editable, li) {
        if (!editable || !li) {
            return;
        }
        var range = document.createRange();
        var sel = window.getSelection();
        range.selectNodeContents(li);
        range.collapse(false);
        sel.removeAllRanges();
        sel.addRange(range);
        editable.focus();
    }

    function mwsMomNormalizeNumberedOl(editorId, forceSeedEmpty) {
        if (mwsMomListEditorsReadOnly || mwsMomListNormalizing[editorId]) {
            return;
        }
        var $el = $('#' + editorId);
        if (!$el.length || !$el.data('summernote') || typeof $el.summernote !== 'function') {
            return;
        }
        var html = $el.summernote('code') || '';
        var tmp = document.createElement('div');
        tmp.innerHTML = html;
        var blocks = mwsMomListSignificantBlocks(tmp);
        var empty = blocks.length === 0 || (blocks.length === 1 && mwsMomListNodeIsEmpty(blocks[0]));

        if (empty) {
            if (!forceSeedEmpty && !html) {
                return;
            }
            var seeded = mwsMomStampNestedDecisionsOl('<ol><li><br></li></ol>');
            if (html.replace(/\s+/g, '') === seeded.replace(/\s+/g, '')) {
                return;
            }
            mwsMomListNormalizing[editorId] = true;
            $el.summernote('code', seeded);
            var editableEmpty = mwsMomNoteEditable($el);
            var firstLi = editableEmpty ? editableEmpty.querySelector('ol > li') : null;
            mwsMomPlaceCaretInLi(editableEmpty, firstLi);
            mwsMomListNormalizing[editorId] = false;
            return;
        }

        var first = blocks[0];
        var firstIsOl = first.nodeType === 1 && first.tagName === 'OL';
        if (firstIsOl) {
            var extra = blocks.slice(1);
            var extraHasContent = extra.some(function (n) {
                return n.nodeType === 1 && !mwsMomListNodeIsEmpty(n);
            });
            var extraEmptyP = extra.length > 0 && !extraHasContent;
            var lisHaveTypedMarkers = false;
            var lisNeedSplit = false;
            var hasNestedLists = !!first.querySelector('ol, ul');
            Array.prototype.forEach.call(first.children, function (li) {
                if (!li.tagName || li.tagName.toLowerCase() !== 'li') {
                    return;
                }
                if (li.querySelector('ol, ul')) {
                    return;
                }
                if (/^(?:(?:\d+|[ivxlcdm]+)[.)]|\(\s*(?:\d+|[ivxlcdm]+)\s*\)|[-–—*•])/i.test(normMomPlain(li.innerHTML))) {
                    lisHaveTypedMarkers = true;
                }
                if (mwsMomSplitDecisionPlain(mwsMomHtmlToDecisionText(li.innerHTML)).length > 1) {
                    lisNeedSplit = true;
                }
            });
            if (hasNestedLists && !extraHasContent && extra.length === 0) {
                var stampedNested = mwsMomStampNestedDecisionsOl(first.outerHTML);
                if (stampedNested.replace(/\s+/g, '') !== String(html).replace(/\s+/g, '')) {
                    mwsMomListNormalizing[editorId] = true;
                    $el.summernote('code', stampedNested);
                    mwsMomListNormalizing[editorId] = false;
                }
                return;
            }
            if (!extraHasContent && extra.length === 0 && !lisHaveTypedMarkers && !lisNeedSplit) {
                var stampedKeep = mwsMomStampNestedDecisionsOl(first.outerHTML);
                if (stampedKeep.replace(/\s+/g, '') !== String(html).replace(/\s+/g, '')) {
                    mwsMomListNormalizing[editorId] = true;
                    $el.summernote('code', stampedKeep);
                    mwsMomListNormalizing[editorId] = false;
                }
                return;
            }
            if (extraEmptyP) {
                mwsMomListNormalizing[editorId] = true;
                var continued = first.cloneNode(true);
                var emptyLi = document.createElement('li');
                emptyLi.innerHTML = '<br>';
                continued.appendChild(emptyLi);
                $el.summernote('code', mwsMomStampNestedDecisionsOl(continued.outerHTML));
                var editableCont = mwsMomNoteEditable($el);
                var lastLi = editableCont ? editableCont.querySelector('ol > li:last-child') : null;
                mwsMomPlaceCaretInLi(editableCont, lastLi);
                mwsMomListNormalizing[editorId] = false;
                return;
            }
        }

        if (mwsMomDecisionsNestedMode()) {
            if (firstIsOl) {
                var stampedOnly = mwsMomStampNestedDecisionsOl(first.outerHTML);
                if (stampedOnly.replace(/\s+/g, '') !== String(html).replace(/\s+/g, '')) {
                    mwsMomListNormalizing[editorId] = true;
                    $el.summernote('code', stampedOnly);
                    mwsMomListNormalizing[editorId] = false;
                }
            }
            return;
        }

        var items = mwsMomCollectListItemHtml(tmp);
        var next = mwsMomBuildOlHtml(items, false);
        if (next.replace(/\s+/g, '') === String(html).replace(/\s+/g, '')) {
            return;
        }
        mwsMomListNormalizing[editorId] = true;
        $el.summernote('code', next);
        var editable = mwsMomNoteEditable($el);
        var caretLi = editable ? editable.querySelector('ol > li:last-child') : null;
        mwsMomPlaceCaretInLi(editable, caretLi);
        mwsMomListNormalizing[editorId] = false;
    }

    function mwsMomInitNumberedOl(editorId) {
        var $el = $('#' + editorId);
        if (!$el.length) {
            return;
        }
        mwsMomNormalizeNumberedOl(editorId, true);
        if (mwsMomListEditorsReadOnly || $el.data('mws-mom-numbered-ol')) {
            return;
        }
        $el.data('mws-mom-numbered-ol', true);
        $el.on('summernote.change.mwsMomNumberedOl', function () {
            mwsMomNormalizeNumberedOl(editorId, true);
        });
        $el.on('summernote.focus.mwsMomNumberedOl', function () {
            mwsMomNormalizeNumberedOl(editorId, true);
        });
        $el.on('summernote.paste.mwsMomNumberedOl', function (we, e) {
            var oe = e.originalEvent || e;
            var cd = oe.clipboardData || window.clipboardData;
            if (!cd) {
                return;
            }
            var text = cd.getData('text/plain') || '';
            if (!/\S/.test(text)) {
                return;
            }
            var pastedItems = mwsMomSplitDecisionPlain(text);
            if (pastedItems.length < 2) {
                return;
            }
            if (oe && typeof oe.preventDefault === 'function') {
                oe.preventDefault();
            }
            if (e && typeof e.preventDefault === 'function') {
                e.preventDefault();
            }
            $el.summernote('code', mwsMomBuildOlHtml(pastedItems.map(mwsMomEscapePlain), false));
        });
    }

    $(function () {
        setTimeout(function () { mwsMomInitNumberedOl('mom_decisions'); }, 0);
        setTimeout(function () { mwsMomInitNumberedOl('mom_decisions'); }, 120);
        setTimeout(function () { mwsMomInitNumberedOl('mom_decisions'); }, 400);
    });

    function collectMwsMomSchemeCostsRows() {
        var rows = [];
        document.querySelectorAll('#mwsMomSchemeCostsWrap .mws-mom-scheme-cost-row').forEach(function (tr) {
            var keyEl = tr.querySelector('input[name*="[key]"]');
            var labelEl = tr.querySelector('input[name*="[label]"]');
            var amountEl = tr.querySelector('.mws-mom-scheme-cost-amount');
            var dateEl = tr.querySelector('.mws-mom-scheme-cost-date');
            rows.push({
                key: keyEl ? String(keyEl.value || '').trim() : '',
                label: labelEl ? String(labelEl.value || '').trim() : '',
                amount: amountEl ? String(amountEl.value || '').trim() : '',
                date: dateEl ? String(dateEl.value || '').trim() : ''
            });
        });
        return rows;
    }

    function mwsMomEnglishOrdinal(n) {
        n = parseInt(n, 10) || 1;
        var suffix = 'th';
        var mod100 = n % 100;
        if (mod100 < 11 || mod100 > 13) {
            if (n % 10 === 1) {
                suffix = 'st';
            } else if (n % 10 === 2) {
                suffix = 'nd';
            } else if (n % 10 === 3) {
                suffix = 'rd';
            }
        }
        return String(n) + suffix;
    }

    function mwsMomSchemeCostNextIndex() {
        var max = -1;
        document.querySelectorAll('#mwsMomSchemeCostsWrap .mws-mom-scheme-cost-row').forEach(function (tr) {
            var idx = parseInt(String(tr.getAttribute('data-cost-index') || ''), 10);
            if (isFinite(idx) && idx > max) {
                max = idx;
            }
        });
        return max + 1;
    }

    function mwsMomRenumberRevisedCostRows() {
        var n = 0;
        document.querySelectorAll('#mwsMomSchemeCostsWrap .mws-mom-scheme-cost-row').forEach(function (tr) {
            var keyEl = tr.querySelector('input[name*="[key]"]');
            var key = keyEl ? String(keyEl.value || '').trim().toLowerCase() : '';
            if (key.indexOf('revised') !== 0) {
                return;
            }
            n += 1;
            var label = mwsMomEnglishOrdinal(n) + ' Revised Cost';
            if (keyEl) {
                keyEl.value = 'revised_' + n;
            }
            var labelEl = tr.querySelector('input[name*="[label]"]');
            if (labelEl) {
                labelEl.value = label;
            }
            var labelSpan = tr.querySelector('.mws-mom-scheme-cost-label');
            if (labelSpan) {
                labelSpan.textContent = label;
            }
        });
    }

    function mwsMomAddRevisedCostRow() {
        var tbody = document.querySelector('#mwsMomSchemeCostsWrap tbody');
        if (!tbody) {
            return;
        }
        var idx = mwsMomSchemeCostNextIndex();
        var revisedCount = 0;
        document.querySelectorAll('#mwsMomSchemeCostsWrap .mws-mom-scheme-cost-row input[name*="[key]"]').forEach(function (el) {
            if (String(el.value || '').toLowerCase().indexOf('revised') === 0) {
                revisedCount += 1;
            }
        });
        var ordinal = revisedCount + 1;
        var key = 'revised_' + ordinal;
        var label = mwsMomEnglishOrdinal(ordinal) + ' Revised Cost';
        var tr = document.createElement('tr');
        tr.className = 'mws-mom-scheme-cost-row';
        tr.setAttribute('data-cost-index', String(idx));
        tr.innerHTML = ''
            + '<td class="align-middle">'
            + '<input type="hidden" name="mom_scheme_costs[' + idx + '][key]" value="' + key + '">'
            + '<input type="hidden" name="mom_scheme_costs[' + idx + '][label]" value="' + label.replace(/"/g, '&quot;') + '">'
            + '<span class="font-weight-bold mws-mom-scheme-cost-label">' + label + '</span>'
            + '</td>'
            + '<td><input type="text" class="form-control form-control-sm mws-mom-scheme-cost-amount" name="mom_scheme_costs[' + idx + '][amount]" value="" inputmode="decimal" autocomplete="off"></td>'
            + '<td><input type="date" class="form-control form-control-sm mws-mom-scheme-cost-date" name="mom_scheme_costs[' + idx + '][date]" value="" autocomplete="off"></td>'
            + '<td class="align-middle text-center"><button type="button" class="btn btn-link btn-sm text-danger p-0 mws-mom-scheme-cost-remove" title="Remove this revised cost">Remove</button></td>';
        tbody.appendChild(tr);
    }

    $(function () {
        var $wrap = $('#mwsMomSchemeCostsWrap');
        if (!$wrap.length) {
            return;
        }
        $('#mwsMomAddRevisedCostBtn').on('click', function () {
            mwsMomAddRevisedCostRow();
        });
        $wrap.on('click', '.mws-mom-scheme-cost-remove', function () {
            var tr = this.closest('tr');
            if (tr && tr.parentNode) {
                tr.parentNode.removeChild(tr);
            }
            mwsMomRenumberRevisedCostRows();
        });
    });

    function mwsMomReadSelectScalar(id) {
        var el = document.getElementById(id);
        if (!el) {
            return '';
        }
        if (window.jQuery) {
            var $el = window.jQuery(el);
            var v = $el.val();
            if (v != null && !Array.isArray(v) && String(v).trim() !== '') {
                return String(v).trim();
            }
        }
        return String(el.value || '').trim();
    }
    window.mwsMomReadSelectScalar = mwsMomReadSelectScalar;

    function mwsMomCurrentInChairUserId() {
        var candidates = [];
        var el = document.getElementById('mwsMomInChairUserId');
        if (el && window.jQuery) {
            var $el = window.jQuery(el);
            if ($el.length && typeof $el.select2 === 'function' && $el.data('select2')) {
                try {
                    var data = $el.select2('data');
                    if (data && data.length && data[0] && data[0].id != null) {
                        candidates.push(data[0].id);
                    }
                } catch (e) {}
                var selected = $el.val();
                if (selected != null && !Array.isArray(selected)) {
                    candidates.push(selected);
                }
            }
        }
        if (el) {
            if (el.selectedOptions && el.selectedOptions.length) {
                candidates.push(el.selectedOptions[0].value);
            }
            candidates.push(el.value);
            if (window.jQuery) {
                var $rendered = window.jQuery(el).next('.select2-container').find('.select2-selection__rendered').first();
                var label = String($rendered.attr('title') || $rendered.text() || '').replace(/\s+/g, ' ').replace(/×/g, '').trim();
                if (label !== '' && label.indexOf('Select P') !== 0) {
                    for (var o = 0; o < el.options.length; o++) {
                        var optText = String(el.options[o].text || '').replace(/\s+/g, ' ').trim();
                        if (optText === label) {
                            candidates.push(el.options[o].value);
                        }
                    }
                }
            }
        }
        var hidden = document.getElementById('mwsMomInChairUserIdValue');
        if (hidden) {
            candidates.push(hidden.value);
        }
        for (var i = 0; i < candidates.length; i++) {
            var n = parseInt(String(candidates[i] || ''), 10);
            if (isFinite(n) && n > 0) {
                return n;
            }
        }
        return null;
    }
    window.mwsMomCurrentInChairUserId = mwsMomCurrentInChairUserId;

    /** Shared by primary save + co-signer approve (must stay on window — scripts are separate IIFEs). */
    window.validateMwsMomInChairRequired = function () {
        if (!document.getElementById('mwsMomInChairUserId')) {
            return { ok: true };
        }
        var id = typeof window.mwsMomCurrentInChairUserId === 'function'
            ? window.mwsMomCurrentInChairUserId()
            : null;
        if (id && parseInt(id, 10) > 0) {
            return { ok: true };
        }
        return {
            ok: false,
            message: 'Select the In Chair person.'
        };
    };

    window.validateMwsMomLetterheadSectionRequired = function () {
        if (!document.getElementById('mwsMomLetterheadSectionId')) {
            return { ok: true };
        }
        var id = typeof window.mwsMomCurrentLetterheadSectionId === 'function'
            ? window.mwsMomCurrentLetterheadSectionId()
            : 0;
        if (id && parseInt(id, 10) > 0) {
            return { ok: true };
        }
        return {
            ok: false,
            message: 'Select the letterhead section.'
        };
    };

    window.mwsMomCurrentLetterheadSectionId = function () {
        var el = document.getElementById('mwsMomLetterheadSectionId');
        if (!el) {
            return null;
        }
        var n = parseInt(String(el.value || ''), 10);
        return (isFinite(n) && n > 0) ? n : null;
    };

    function mwsMomCurrentAttendedParticipantIds() {
        if (typeof window.collectMwsMomAttendedParticipantIds === 'function') {
            return window.collectMwsMomAttendedParticipantIds();
        }
        var el = document.getElementById('mwsMomAttendedParticipants');
        if (!el) {
            return [];
        }
        var vals = [];
        if (window.jQuery) {
            var raw = window.jQuery(el).val();
            if (raw) {
                vals = Array.isArray(raw) ? raw : [raw];
            }
        } else if (el.selectedOptions) {
            for (var i = 0; i < el.selectedOptions.length; i++) {
                vals.push(el.selectedOptions[i].value);
            }
        }
        var out = [];
        for (var j = 0; j < vals.length; j++) {
            var id = parseInt(String(vals[j] || ''), 10);
            if (isFinite(id) && id > 0) {
                out.push(id);
            }
        }
        return out;
    }
    window.mwsMomCurrentAttendedParticipantIds = mwsMomCurrentAttendedParticipantIds;

    function mwsMomApplyAttendedParticipantsToPayload(payload) {
        if (typeof window.collectMwsMomAttendedParticipantPayload === 'function') {
            var attendedPayload = window.collectMwsMomAttendedParticipantPayload();
            if (attendedPayload.ids.length > 0) {
                payload.mom_attended_participant_ids = attendedPayload.ids;
                payload.mom_attended_participant_department_keys = attendedPayload.department_keys;
                return;
            }
        }
        payload.mom_attended_participant_ids = mwsMomCurrentAttendedParticipantIds();
    }
    window.mwsMomApplyAttendedParticipantsToPayload = mwsMomApplyAttendedParticipantsToPayload;

    function mwsMomCurrentOtherParticipants() {
        if (typeof window.collectMwsMomOtherParticipants === 'function') {
            return window.collectMwsMomOtherParticipants();
        }
        return [];
    }

    /**
     * Editable MoM content for Save or co-signatory Approve/Forward/Return.
     * Always send current editor values when the actor may edit after save.
     */
    window.collectMwsMomEditableContentPayload = function () {
        var payload = {
            mom: getEditorHtml('mom'),
            mom_decisions: getEditorHtml('mom_decisions'),
            mom_transcription: getEditorHtml('mom_transcription')
        };
        if (document.getElementById('mwsMomSchemeCostsWrap')) {
            payload.mom_scheme_costs = collectMwsMomSchemeCostsRows();
        }
        if (document.getElementById('mwsMomAttendedParticipants')) {
            mwsMomApplyAttendedParticipantsToPayload(payload);
        }
        if (document.getElementById('mwsMomInChairUserId')) {
            payload.mom_in_chair_user_id = mwsMomCurrentInChairUserId();
        }
        if (document.getElementById('mwsMomLetterheadSectionId') && typeof window.mwsMomCurrentLetterheadSectionId === 'function') {
            payload.mom_letterhead_section_id = window.mwsMomCurrentLetterheadSectionId();
        }
        if (document.getElementById('mwsMomOtherParticipantsTbody')) {
            payload.mom_other_participants = mwsMomCurrentOtherParticipants();
        }
        if (document.getElementById('mwsMomWorkingPaperAttached')) {
            var wpAttachedEl = document.getElementById('mwsMomWorkingPaperAttached');
            payload.mom_working_paper_attached = !!(wpAttachedEl && wpAttachedEl.checked);
        }
        return payload;
    };

    function mwsMomCsrfToken() {
        var input = document.querySelector('#mwsMomEditorForm input[name="_token"]');
        if (input && input.value) {
            return input.value;
        }
        var meta = document.querySelector('meta[name="csrf-token"]');
        if (meta) {
            var content = meta.getAttribute('content');
            if (content) {
                return content;
            }
        }
        return @json(csrf_token());
    }

    /** Same WAF bypass as PC-I envelope / PCN `{field}_b64`: hide Summernote HTML from ModSecurity. */
    function mwsMomUtf8ToBase64(str) {
        try {
            return btoa(unescape(encodeURIComponent(String(str || ''))));
        } catch (e) {
            return '';
        }
    }

    window.mwsMomWrapPayloadForWaf = function (payload) {
        payload = payload && typeof payload === 'object' ? payload : {};
        var token = payload._token || mwsMomCsrfToken();
        var inner = {};
        Object.keys(payload).forEach(function (key) {
            if (key === '_token' || key === 'mws_mom_envelope' || key === 'mws_mom_envelope_b64') {
                return;
            }
            inner[key] = payload[key];
        });
        var encoded = mwsMomUtf8ToBase64(JSON.stringify(inner));
        if (!encoded) {
            return payload;
        }
        return {
            _token: token,
            mws_mom_envelope: '1',
            mws_mom_envelope_b64: encoded
        };
    };

    window.mwsMomEncodeJsonBody = function (payload) {
        if (typeof window.mwsMomWrapPayloadForWaf === 'function') {
            return JSON.stringify(window.mwsMomWrapPayloadForWaf(payload));
        }
        return JSON.stringify(payload);
    };

    window.submitMwsMomDraftPreview = function () {
        var payload;
        if (typeof window.buildMwsMomPreviewPayload === 'function') {
            payload = window.buildMwsMomPreviewPayload();
        } else {
            payload = Object.assign({
                _token: mwsMomCsrfToken()
            }, mwsMomSubjectPayload());
            if (typeof window.collectMwsMomEditableContentPayload === 'function') {
                Object.assign(payload, window.collectMwsMomEditableContentPayload());
            }
        }
        var form = document.createElement('form');
        form.method = 'POST';
        form.action = momPreviewDraftUrl;
        form.target = 'mwsMomDraftPreview';
        form.style.display = 'none';
        var token = document.createElement('input');
        token.type = 'hidden';
        token.name = '_token';
        token.value = payload._token || mwsMomCsrfToken();
        form.appendChild(token);
        var wrapped = (typeof window.mwsMomWrapPayloadForWaf === 'function')
            ? window.mwsMomWrapPayloadForWaf(payload)
            : payload;
        if (wrapped && wrapped.mws_mom_envelope_b64) {
            var flagField = document.createElement('input');
            flagField.type = 'hidden';
            flagField.name = 'mws_mom_envelope';
            flagField.value = '1';
            form.appendChild(flagField);
            var envelopeField = document.createElement('input');
            envelopeField.type = 'hidden';
            envelopeField.name = 'mws_mom_envelope_b64';
            envelopeField.value = wrapped.mws_mom_envelope_b64;
            form.appendChild(envelopeField);
        } else {
            var jsonField = document.createElement('input');
            jsonField.type = 'hidden';
            jsonField.name = 'draft_json';
            jsonField.value = JSON.stringify(payload);
            form.appendChild(jsonField);
        }
        if (payload.mom_in_chair_user_id) {
            var chairField = document.createElement('input');
            chairField.type = 'hidden';
            chairField.name = 'mom_in_chair_user_id';
            chairField.value = String(payload.mom_in_chair_user_id);
            form.appendChild(chairField);
        }
        if (payload.mom_letterhead_section_id) {
            var sectionField = document.createElement('input');
            sectionField.type = 'hidden';
            sectionField.name = 'mom_letterhead_section_id';
            sectionField.value = String(payload.mom_letterhead_section_id);
            form.appendChild(sectionField);
        }
        document.body.appendChild(form);
        window.open('about:blank', 'mwsMomDraftPreview');
        form.submit();
        setTimeout(function () {
            if (form.parentNode) {
                form.parentNode.removeChild(form);
            }
        }, 1500);
    };

    $(function () {
        $(document).on('click', '#mwsMomPreviewBtn, #mwsMomPreviewBtnTop', function () {
            if (typeof window.submitMwsMomDraftPreview === 'function') {
                window.submitMwsMomDraftPreview();
            }
        });
    });

    function setMomFieldHtml(html) {
        var $el = $('#mom');
        if ($el.length && $el.data('summernote') && typeof $el.summernote === 'function') {
            $el.summernote('code', html || '');
        } else {
            $el.val(html || '');
        }
    }

    function setDeliberationsFrozen(frozen) {
        var $el = $('#mom');
        var $note = $('#mwsMomDeliberationsFrozenNote');
        if ($el.length && $el.data('summernote') && typeof $el.summernote === 'function') {
            if (frozen) {
                $el.summernote('disable');
            } else {
                $el.summernote('enable');
            }
        }
        if ($note.length) {
            $note.toggleClass('d-none', !frozen);
        }
    }

    @if ($canEdit && ! $momLockedAfterSave)
    function mwsMomPlaceGenerateBtnInTranscriptionBox() {
        var host = document.getElementById('mwsMomTranscriptionWrap');
        var cluster = document.getElementById('mwsMomTranscriptionGenerate');
        if (!host || !cluster) {
            return;
        }
        var area = host.querySelector('.note-editing-area');
        if (area && cluster.parentElement !== area) {
            area.appendChild(cluster);
        }
    }
    mwsMomPlaceGenerateBtnInTranscriptionBox();
    $(document).on('summernote.init', '#mom_transcription', mwsMomPlaceGenerateBtnInTranscriptionBox);
    setTimeout(mwsMomPlaceGenerateBtnInTranscriptionBox, 0);
    setTimeout(mwsMomPlaceGenerateBtnInTranscriptionBox, 400);

    $('#mwsMomDeliberationsUnlockBtn').on('click', function() {
        setDeliberationsFrozen(false);
        $('#mwsMomGenerateDeliberationsStatus').text('');
    });

    $('#mwsMomGenerateDeliberationsBtn').on('click', function() {
        var $btn = $(this);
        var transcriptionHtml = getEditorHtml('mom_transcription');
        if (!normMomPlain(transcriptionHtml)) {
            if (typeof Swal !== 'undefined') {
                Swal.fire({ icon: 'warning', title: 'Transcription', text: 'Add transcription text first.', confirmButtonText: 'OK' });
            } else {
                alert('Add transcription text first.');
            }
            return;
        }
        $btn.prop('disabled', true);
        $('#mwsMomGenerateDeliberationsStatus').text('Generating…');
        $.ajax({
            url: generateDeliberationsUrl,
            method: 'POST',
            data: window.mwsMomEncodeJsonBody(Object.assign({
                _token: mwsMomCsrfToken(),
                transcription: transcriptionHtml
            }, mwsMomSubjectPayload())),
            contentType: 'application/json',
            processData: false,
            dataType: 'json',
            headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'X-CSRF-TOKEN': mwsMomCsrfToken() }
        }).done(function(res) {
            if (res && res.success && res.mom_html != null) {
                setDeliberationsFrozen(false);
                setMomFieldHtml(res.mom_html);
                $('#mwsMomGenerateDeliberationsStatus').text('Minutes placed in Deliberations — edit below, then save.');
                if (typeof Swal !== 'undefined') {
                    Swal.fire({ icon: 'success', title: 'Done', text: res.message || 'Minutes generated.', timer: 2000, showConfirmButton: false });
                }
            } else {
                $('#mwsMomGenerateDeliberationsStatus').text('');
                var msg = (res && res.message) ? res.message : 'Generation failed.';
                if (typeof Swal !== 'undefined') {
                    Swal.fire({ icon: 'warning', title: 'Generate minutes', text: msg, confirmButtonText: 'OK' });
                } else {
                    alert(msg);
                }
            }
        }).fail(function(xhr) {
            $('#mwsMomGenerateDeliberationsStatus').text('');
            var r = xhr.responseJSON;
            var msg = (r && r.message) ? r.message : 'Request failed.';
            if (typeof Swal !== 'undefined') {
                Swal.fire({ icon: 'error', title: 'Error', text: msg, confirmButtonText: 'OK' });
            } else {
                alert(msg);
            }
        }).always(function() {
            $btn.prop('disabled', false);
        });
    });
    @endif

    @if ($mwsMomShowSaveButton)
    var momPostSaveEditable = @json($momPostSaveEditable);
    var momPrimaryMayReviseReturned = @json($momPrimaryMayReviseReturned);
    var momShowAttendedParticipantsPicker = @json($momShowAttendedParticipantsPicker);
    var momShowInChairPicker = @json($momShowInChairPicker);
    var momShowOtherParticipantsEditor = @json($momShowOtherParticipantsEditor);
    var momShowWorkingPaperAttachedCheckbox = @json($momShowWorkingPaperAttachedCheckbox);

    function mwsMomCoSignerSlotValue(sel) {
        if (!sel) {
            return 0;
        }
        if (window.jQuery) {
            var $s = jQuery(sel);
            if ($s.length && $s.data('select2')) {
                var parsed = parseInt(String($s.val() || ''), 10);
                return (isFinite(parsed) && parsed > 0) ? parsed : 0;
            }
        }
        var raw = parseInt(String(sel.value || ''), 10);
        return (isFinite(raw) && raw > 0) ? raw : 0;
    }

    function mwsMomCoSignerSlotSetValue(sel, value) {
        if (!sel) {
            return;
        }
        var next = value > 0 ? String(value) : '';
        if (window.jQuery) {
            var $s = jQuery(sel);
            if ($s.length && $s.data('select2')) {
                $s.val(next).trigger('change');
                return;
            }
        }
        sel.value = next;
    }

    function destroyMwsMomCoSignerSelect2(sel) {
        if (!sel || !window.jQuery || typeof jQuery.fn.select2 === 'undefined') {
            return;
        }
        var $s = jQuery(sel);
        if ($s.data('select2')) {
            $s.select2('destroy');
        }
    }

    function initMwsMomCoSignerSelect2(sel) {
        if (!sel || !window.jQuery || typeof jQuery.fn.select2 === 'undefined') {
            return;
        }
        var $s = jQuery(sel);
        if ($s.data('select2')) {
            return;
        }
        $s.select2({
            theme: 'bootstrap4',
            width: '100%',
            allowClear: true,
            dropdownParent: jQuery(document.body),
            placeholder: $s.data('placeholder') || 'Search and select user…'
        });
    }

    function initAllMwsMomCoSignerSelect2() {
        var slots = document.querySelectorAll('.mws-mom-co-signer-slot');
        for (var i = 0; i < slots.length; i++) {
            initMwsMomCoSignerSelect2(slots[i]);
        }
    }

    function collectMwsMomCoSignerIdsFromSlots() {
        var slots = document.querySelectorAll('.mws-mom-co-signer-slot');
        var ids = [];
        for (var i = 0; i < slots.length; i++) {
            var v = mwsMomCoSignerSlotValue(slots[i]);
            if (v > 0) {
                ids.push(v);
            }
        }
        return ids;
    }

    function validateMwsMomCoSignerSlots() {
        var slots = document.querySelectorAll('.mws-mom-co-signer-slot');
        var ids = [];
        for (var i = 0; i < slots.length; i++) {
            var v = mwsMomCoSignerSlotValue(slots[i]);
            if (v > 0) {
                ids.push(v);
            }
        }
        if (ids.length < momExpectedCoSignerCount) {
            return {
                ok: false,
                message: momPrimaryMayReviseReturned
                    ? 'Select the first Minutes of Meeting co-signatory before resubmitting.'
                    : 'Select the first Minutes of Meeting co-signatory before saving.'
            };
        }
        if (slots.length && slots[0].disabled) {
            return {
                ok: false,
                message: 'There are not enough eligible active users to satisfy the required co-signatories.'
            };
        }
        return { ok: true, ids: ids };
    }

    function syncMwsMomCoSignerSlotOptions() {
        var slots = document.querySelectorAll('.mws-mom-co-signer-slot');
        if (!slots.length) {
            return;
        }

        var selectedBySlot = [];
        for (var i = 0; i < slots.length; i++) {
            var v = mwsMomCoSignerSlotValue(slots[i]);
            selectedBySlot[i] = v > 0 ? v : 0;
        }

        var seen = {};
        for (var j = 0; j < slots.length; j++) {
            var sid = selectedBySlot[j];
            if (sid > 0) {
                if (seen[sid]) {
                    mwsMomCoSignerSlotSetValue(slots[j], 0);
                    selectedBySlot[j] = 0;
                } else {
                    seen[sid] = true;
                }
            }
        }

        for (var s = 0; s < slots.length; s++) {
            var sel = slots[s];
            var opts = sel.querySelectorAll('option');
            for (var o = 0; o < opts.length; o++) {
                var opt = opts[o];
                var ov = parseInt(String(opt.value || ''), 10);
                if (!isFinite(ov) || ov <= 0) {
                    opt.disabled = false;
                    continue;
                }
                var pickedElsewhere = false;
                for (var t = 0; t < slots.length; t++) {
                    if (t !== s && selectedBySlot[t] === ov) {
                        pickedElsewhere = true;
                        break;
                    }
                }
                opt.disabled = pickedElsewhere;
            }
        }
    }

    function mwsMomIncludeCreatorSignatureChecked() {
        var el = document.getElementById('mwsMomIncludeCreatorSignature');
        if (!el) {
            return true;
        }
        return !!el.checked;
    }

    function collectMwsMomSchemeCosts() {
        return collectMwsMomSchemeCostsRows();
    }

    function syncMwsMomCreatorSignatureUi() {
        var includeSig = mwsMomIncludeCreatorSignatureChecked();
        var block = document.getElementById('mwsMomSigBlock');
        if (block) {
            block.hidden = !includeSig;
        }
        var dateWrap = document.getElementById('mwsMomSignatureDateWrap');
        if (dateWrap) {
            dateWrap.hidden = !includeSig;
        }
    }

    function buildMwsMomStorePayload() {
        var payload = Object.assign({
            _token: '{{ csrf_token() }}',
            mom: getEditorHtml('mom'),
            mom_decisions: getEditorHtml('mom_decisions'),
            mom_transcription: getEditorHtml('mom_transcription')
        }, mwsMomSubjectPayload());
        var sigDate = typeof window.mwsMomCurrentSignatureDateValue === 'function'
            ? window.mwsMomCurrentSignatureDateValue()
            : '';
        if (sigDate) {
            payload.mom_signature_date = sigDate;
        }
        if (document.getElementById('mwsMomSchemeCostsWrap')) {
            payload.mom_scheme_costs = collectMwsMomSchemeCosts();
        }
        @if (! empty($momShowOrganizerSignatureSection))
        payload.mom_include_creator_signature = mwsMomIncludeCreatorSignatureChecked();
        if (payload.mom_include_creator_signature && typeof window.__mwsMomGetLetterSignaturePayload === 'function') {
            var sig = window.__mwsMomGetLetterSignaturePayload();
            if (sig) {
                payload.letter_signature = sig;
            }
        }
        @endif
        if (momShowCoSignerPicker && momExpectedCoSignerCount > 0) {
            var coValidation = validateMwsMomCoSignerSlots();
            if (coValidation.ok && coValidation.ids) {
                payload.mom_co_signatory_user_ids = coValidation.ids;
            }
        }
        if (momShowAttendedParticipantsPicker && document.getElementById('mwsMomAttendedParticipants')) {
            mwsMomApplyAttendedParticipantsToPayload(payload);
        }
        if (momShowInChairPicker && document.getElementById('mwsMomInChairUserId')) {
            payload.mom_in_chair_user_id = mwsMomCurrentInChairUserId();
        }
        if (document.getElementById('mwsMomLetterheadSectionId') && typeof window.mwsMomCurrentLetterheadSectionId === 'function') {
            payload.mom_letterhead_section_id = window.mwsMomCurrentLetterheadSectionId();
        }
        if (momShowOtherParticipantsEditor && document.getElementById('mwsMomOtherParticipantsTbody')) {
            payload.mom_other_participants = mwsMomCurrentOtherParticipants();
        }
        if (momShowWorkingPaperAttachedCheckbox) {
            var wpAttachedEl = document.getElementById('mwsMomWorkingPaperAttached');
            payload.mom_working_paper_attached = !!(wpAttachedEl && wpAttachedEl.checked);
        }
        return payload;
    }

    window.buildMwsMomPreviewPayload = function () {
        var payload = buildMwsMomStorePayload();
        if (momShowCoSignerPicker && typeof collectMwsMomCoSignerIdsFromSlots === 'function') {
            payload.mom_co_signatory_user_ids = collectMwsMomCoSignerIdsFromSlots();
        }
        if (document.getElementById('mwsMomAttendedParticipants')) {
            mwsMomApplyAttendedParticipantsToPayload(payload);
        }
        if (document.getElementById('mwsMomInChairUserId')) {
            payload.mom_in_chair_user_id = mwsMomCurrentInChairUserId();
        }
        if (document.getElementById('mwsMomLetterheadSectionId') && typeof window.mwsMomCurrentLetterheadSectionId === 'function') {
            payload.mom_letterhead_section_id = window.mwsMomCurrentLetterheadSectionId();
        }
        if (document.getElementById('mwsMomOtherParticipantsTbody')) {
            payload.mom_other_participants = mwsMomCurrentOtherParticipants();
        }
        return payload;
    };

    function submitMwsMomStore($btn) {
        var inChairValidation = typeof window.validateMwsMomInChairRequired === 'function'
            ? window.validateMwsMomInChairRequired()
            : { ok: true };
        if (!inChairValidation.ok) {
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'warning', title: 'In Chair', text: inChairValidation.message, confirmButtonText: 'OK' });
            } else {
                alert(inChairValidation.message);
            }
            return;
        }
        var letterheadValidation = typeof window.validateMwsMomLetterheadSectionRequired === 'function'
            ? window.validateMwsMomLetterheadSectionRequired()
            : { ok: true };
        if (!letterheadValidation.ok) {
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'warning', title: 'Letterhead section', text: letterheadValidation.message, confirmButtonText: 'OK' });
            } else {
                alert(letterheadValidation.message);
            }
            return;
        }
        // Require first co-signatory whenever the picker is shown (initial save or returned MoM resubmit).
        if (momShowCoSignerPicker && momExpectedCoSignerCount > 0) {
            var coValidationSubmit = validateMwsMomCoSignerSlots();
            if (!coValidationSubmit.ok) {
                if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                    Swal.fire({ icon: 'warning', title: 'Co-Signatories', text: coValidationSubmit.message, confirmButtonText: 'OK' });
                } else {
                    alert(coValidationSubmit.message);
                }
                return;
            }
        }
        @if (! empty($momShowOrganizerSignatureSection))
        var includeCreatorSig = mwsMomIncludeCreatorSignatureChecked();
        var needsOrganizerSignatureForSave = includeCreatorSig && (!momPostSaveEditable || momPrimaryMayReviseReturned);
        if (needsOrganizerSignatureForSave) {
            var hasSigOkFn = typeof window.__mwsMomLetterSignatureOkForSave === 'function';
            var sigOk = hasSigOkFn ? window.__mwsMomLetterSignatureOkForSave() : false;
            if (!sigOk) {
                if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                    Swal.fire({ icon: 'warning', title: 'Organizer Signature', text: momPrimaryMayReviseReturned
                        ? 'Draw or upload your signature before resubmitting minutes, or uncheck “Include my signature on these minutes” to skip.'
                        : 'Draw or upload your signature before saving minutes, or uncheck “Include my signature on these minutes” to skip.', confirmButtonText: 'OK' });
                } else {
                    alert(momPrimaryMayReviseReturned
                        ? 'Draw or upload your signature before resubmitting minutes, or uncheck “Include my signature on these minutes” to skip.'
                        : 'Draw or upload your signature before saving minutes, or uncheck “Include my signature on these minutes” to skip.');
                }
                return;
            }
        }
        @endif
        var storeCopy = mwsMomStoreActionCopy();
        window.mwsMomConfirmAction(storeCopy).then(function (ok) {
            if (!ok) {
                return;
            }
        $btn.prop('disabled', true);
        $.ajax({
            url: storeMomUrl,
            method: 'POST',
            data: window.mwsMomEncodeJsonBody(buildMwsMomStorePayload()),
            contentType: 'application/json',
            processData: false,
            dataType: 'json',
            headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'X-CSRF-TOKEN': mwsMomCsrfToken() }
        }).done(function(res) {
            if (res && res.success) {
                if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                    Swal.fire({
                        icon: 'success',
                        title: storeCopy.successTitle,
                        text: res.message || storeCopy.successFallback,
                        confirmButtonText: 'OK'
                    }).then(function() {
                        window.location.href = @json(route('meeting-workspace.meetings.show', $meeting));
                    });
                } else {
                    alert(res.message || storeCopy.successFallback);
                    window.location.href = @json(route('meeting-workspace.meetings.show', $meeting));
                }
            } else {
                var failMsg = (res && res.message) ? res.message : storeCopy.failFallback;
                if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                    Swal.fire({ icon: 'warning', title: storeCopy.failTitle, text: failMsg, confirmButtonText: 'OK' });
                } else {
                    alert(failMsg);
                }
            }
        }).fail(function(xhr) {
            var r = xhr.responseJSON;
            var msg = (r && r.message) ? r.message : storeCopy.failFallback;
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'error', title: storeCopy.failTitle, text: msg, confirmButtonText: 'OK' });
            } else {
                alert(msg);
            }
        }).always(function() {
            $btn.prop('disabled', false);
        });
        });
    }

    function mwsMomFirstCoSignerName() {
        var sel = document.querySelector('.mws-mom-co-signer-slot');
        if (!sel) {
            return '';
        }
        if (window.jQuery) {
            var $s = jQuery(sel);
            if ($s.length && $s.data('select2')) {
                var data = $s.select2('data');
                if (data && data.length && data[0] && data[0].text) {
                    var label = String(data[0].text || '').trim();
                    if (label !== '' && label.indexOf('Select') !== 0 && label.indexOf('—') !== 0) {
                        return label;
                    }
                }
            }
        }
        var opt = sel.options[sel.selectedIndex];
        if (!opt) {
            return '';
        }
        var text = String(opt.text || '').trim();
        if (text === '' || parseInt(String(opt.value || ''), 10) <= 0) {
            return '';
        }
        return text;
    }

    function mwsMomStoreActionCopy() {
        var firstName = mwsMomFirstCoSignerName();
        if (momPrimaryMayReviseReturned) {
            return {
                title: firstName !== '' ? ('Resubmit to ' + firstName) : 'Resubmit Minutes',
                confirm: firstName !== ''
                    ? 'These minutes will be resubmitted to ' + firstName + ' and the co-signatory chain will restart.'
                    : 'These minutes will be resubmitted to the first co-signatory and the co-signatory chain will restart.',
                confirmBtn: firstName !== '' ? ('Resubmit to ' + firstName) : 'Resubmit',
                successTitle: 'Resubmitted',
                successFallback: firstName !== ''
                    ? 'Minutes of Meeting resubmitted to ' + firstName + '.'
                    : 'Minutes of Meeting resubmitted to co-signatories.',
                failTitle: 'Resubmit failed',
                failFallback: 'Resubmit failed.',
                button: firstName !== '' ? ('Resubmit to ' + firstName) : 'Resubmit Minutes'
            };
        }
        if (momPostSaveEditable) {
            return {
                title: 'Save Minutes',
                confirm: 'Save your changes to these Minutes of Meeting?',
                confirmBtn: 'Save',
                successTitle: 'Saved',
                successFallback: 'Minutes of Meeting updated successfully.',
                failTitle: 'Save failed',
                failFallback: 'Save failed.',
                button: 'Save'
            };
        }
        var sendingToFirst = !!momShowCoSignerPicker;
        return {
            title: firstName !== '' ? ('Save & Send to ' + firstName) : 'Save Minutes',
            confirm: sendingToFirst
                ? (firstName !== ''
                    ? 'Save these Minutes of Meeting and send them to ' + firstName + '?'
                    : 'Save these Minutes of Meeting and send them to the first co-signatory?')
                : 'Save these Minutes of Meeting?',
            confirmBtn: firstName !== '' ? ('Save & Send to ' + firstName) : 'Save',
            successTitle: 'Saved',
            successFallback: firstName !== ''
                ? 'Minutes of Meeting saved and sent to ' + firstName + '.'
                : 'Minutes of Meeting saved successfully.',
            failTitle: 'Save failed',
            failFallback: 'Save failed.',
            button: firstName !== '' ? ('Save & Send to ' + firstName) : 'Save'
        };
    }

    function syncMwsMomSaveButtonLabel() {
        var labelEl = document.getElementById('mwsMomSaveBtnLabel');
        if (!labelEl) {
            return;
        }
        labelEl.textContent = mwsMomStoreActionCopy().button;
    }

    $('#mwsMomSaveBtn').on('click', function() {
        submitMwsMomStore($(this));
    });

    @if ($momShowCoSignerPicker)
    $(function () {
        initAllMwsMomCoSignerSelect2();
        syncMwsMomSaveButtonLabel();
        $(document).on('change select2:select select2:clear', '.mws-mom-co-signer-slot', syncMwsMomSaveButtonLabel);
    });
    @endif
    @if (! empty($momShowOrganizerSignatureSection))
    $(function () {
        syncMwsMomCreatorSignatureUi();
        $(document).on('change', '#mwsMomIncludeCreatorSignature', syncMwsMomCreatorSignatureUi);
    });
    @endif
    @endif

    @if ($momFieldsReadOnly)
    $(function () {
        function mwsMomApplyReadOnlyEditors() {
            ['mom_transcription', 'mom', 'mom_decisions'].forEach(function (id) {
                var $el = $('#' + id);
                if (!$el.length || !$el.data('summernote') || typeof $el.summernote !== 'function') {
                    return;
                }
                try {
                    $el.summernote('disable');
                } catch (e) { /* ignore */ }
            });
        }
        setTimeout(mwsMomApplyReadOnlyEditors, 0);
        setTimeout(mwsMomApplyReadOnlyEditors, 120);
        setTimeout(mwsMomApplyReadOnlyEditors, 400);
    });
    @endif
})();
</script>
@if (! empty($momShowOrganizerSignatureSection) || ! empty($momShowCoSignerSignatureSection))
<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.1.7/dist/signature_pad.umd.min.js"></script>
<script>
(function () {
    function cssWidth(canvas) {
        var wrap = canvas ? canvas.closest('.notice-mn-sig-canvas-wrap') : null;
        if (!wrap || wrap.hidden) {
            return 280;
        }
        var cs = window.getComputedStyle(wrap);
        var padL = parseFloat(cs.paddingLeft) || 0;
        var padR = parseFloat(cs.paddingRight) || 0;
        var w = wrap.clientWidth - padL - padR;
        return Math.max(Math.floor(w), 240);
    }

    function resizeCanvas(canvas, pad) {
        if (!canvas) {
            return;
        }
        var ratio = Math.max(window.devicePixelRatio || 1, 1);
        var w = cssWidth(canvas);
        var h = Math.max(120, Math.round(w * (3 / 7)));
        var data = pad && typeof pad.toData === 'function' ? pad.toData() : null;
        canvas.width = Math.floor(w * ratio);
        canvas.height = Math.floor(h * ratio);
        var ctx = canvas.getContext('2d');
        if (ctx) {
            ctx.setTransform(1, 0, 0, 1, 0, 0);
            ctx.scale(ratio, ratio);
        }
        canvas.style.width = w + 'px';
        canvas.style.height = h + 'px';
        if (pad) {
            pad.clear();
            if (data && data.length) {
                pad.fromData(data);
            }
        }
    }

    function bindResize(canvas, getPad) {
        if (!canvas || canvas.__mwsMomSigResizeBound) {
            return;
        }
        canvas.__mwsMomSigResizeBound = true;
        var timer = null;
        window.addEventListener('resize', function () {
            var wrap = canvas.closest('.notice-mn-sig-canvas-wrap');
            if (!wrap || wrap.hidden) {
                return;
            }
            clearTimeout(timer);
            timer = setTimeout(function () {
                resizeCanvas(canvas, typeof getPad === 'function' ? getPad() : null);
            }, 100);
        });
    }

    function afterDrawPanelVisible(canvas, getPad) {
        if (!canvas) {
            return;
        }
        requestAnimationFrame(function () {
            requestAnimationFrame(function () {
                resizeCanvas(canvas, typeof getPad === 'function' ? getPad() : null);
            });
        });
    }

    window.mwsMomSigPadUtils = {
        resizeCanvas: resizeCanvas,
        bindResize: bindResize,
        afterDrawPanelVisible: afterDrawPanelVisible
    };
})();
</script>
@endif
@if (! empty($momShowOrganizerSignatureSection))
<script>
(function () {
    var block = document.getElementById('mwsMomSigBlock');
    if (!block) {
        return;
    }

    var serverEffective = (block.getAttribute('data-mws-sig-server-effective') || '').trim();
    var serverDrawn = (block.getAttribute('data-mws-sig-server-drawn') || '').trim();
    var serverUploaded = (block.getAttribute('data-mws-sig-server-uploaded') || '').trim();

    var mode = '';
    var pendingDrawDataUrl = null;
    var pendingUpload = null;
    var uiLetterCleared = false;

    var canvas = block.querySelector('[data-mws-al-sig-canvas="1"]');
    var panelDraw = block.querySelector('[data-mws-al-sig-panel-draw="1"]');
    var panelUpload = block.querySelector('[data-mws-al-sig-panel-upload="1"]');
    var pad = null;

    function ensurePad() {
        if (pad || typeof SignaturePad === 'undefined' || !canvas) {
            return pad;
        }
        pad = new SignaturePad(canvas, {
            minWidth: 0.5,
            maxWidth: 2.5,
            penColor: 'rgb(15, 23, 42)',
            backgroundColor: 'rgba(255,255,255,0)'
        });
        if (typeof pad.addEventListener === 'function') {
            pad.addEventListener('endStroke', function () {
                if (mode !== 'draw' || !pad || pad.isEmpty()) {
                    return;
                }
                pendingDrawDataUrl = pad.toDataURL('image/png');
                refreshMomSigPreview();
            });
        }
        if (window.mwsMomSigPadUtils) {
            window.mwsMomSigPadUtils.bindResize(canvas, function () { return pad; });
            window.mwsMomSigPadUtils.resizeCanvas(canvas, pad);
        }
        return pad;
    }

    function updateMomSigDisplayUrl(url) {
        var wrap = block.querySelector('[data-mws-al-sig-display-wrap="1"]');
        if (!wrap) {
            return;
        }
        var u = (url && String(url).trim()) ? String(url).trim() : '';
        while (wrap.firstChild) {
            wrap.removeChild(wrap.firstChild);
        }
        if (u === '') {
            block.removeAttribute('data-mws-al-sig-effective-url');
            var ph = document.createElement('div');
            ph.className = 'sign-line border-bottom border-secondary';
            ph.style.minHeight = '48px';
            ph.setAttribute('data-mws-al-sig-placeholder', '1');
            ph.setAttribute('aria-hidden', 'true');
            wrap.appendChild(ph);
            var hint = document.createElement('span');
            hint.className = 'small text-muted';
            hint.textContent = 'No signature on file yet — draw or upload below.';
            wrap.appendChild(hint);
            return;
        }
        block.setAttribute('data-mws-al-sig-effective-url', u);
        var outer = document.createElement('div');
        outer.className = 'notice-sign-img-wrap';
        var img = document.createElement('img');
        img.className = 'notice-sign-img';
        img.alt = '';
        img.style.maxHeight = '72px';
        img.setAttribute('data-mws-al-sig-img', '1');
        // Cache-bust HTTP(S) URLs only — appending ?t= to data:/blob: URLs corrupts them (ERR_INVALID_URL).
        img.src = (/^data:|^blob:/i.test(u))
            ? u
            : (u + (u.indexOf('?') >= 0 ? '&' : '?') + 't=' + Date.now());
        outer.appendChild(img);
        wrap.appendChild(outer);
    }

    function refreshMomSigPreview() {
        if (uiLetterCleared && !pendingDrawDataUrl && !pendingUpload && mode === '') {
            updateMomSigDisplayUrl('');
            return;
        }
        if (mode === 'draw') {
            if (pendingDrawDataUrl) {
                updateMomSigDisplayUrl(pendingDrawDataUrl);
                return;
            }
            if (!uiLetterCleared && serverDrawn !== '') {
                updateMomSigDisplayUrl(serverDrawn);
                return;
            }
            updateMomSigDisplayUrl('');
            return;
        }
        if (mode === 'upload') {
            if (pendingUpload && pendingUpload.dataUrl) {
                updateMomSigDisplayUrl(pendingUpload.dataUrl);
                return;
            }
            if (!uiLetterCleared && serverUploaded !== '') {
                updateMomSigDisplayUrl(serverUploaded);
                return;
            }
            updateMomSigDisplayUrl('');
            return;
        }
        if (uiLetterCleared) {
            updateMomSigDisplayUrl('');
            return;
        }
        updateMomSigDisplayUrl(serverEffective);
    }

    function syncModePanels() {
        if (panelDraw) {
            panelDraw.hidden = mode !== 'draw';
        }
        if (panelUpload) {
            panelUpload.hidden = mode !== 'upload';
        }
        if (mode === 'draw') {
            requestAnimationFrame(function () {
                ensurePad();
                if (window.mwsMomSigPadUtils) {
                    window.mwsMomSigPadUtils.afterDrawPanelVisible(canvas, function () { return pad; });
                }
            });
        }
    }

    function setMode(next) {
        var prev = mode;
        mode = next === 'draw' || next === 'upload' ? next : '';
        if (mode === 'draw' && prev === 'upload') {
            pendingUpload = null;
            var fi = block.querySelector('[data-mws-al-sig-file="1"]');
            if (fi) {
                fi.value = '';
            }
        }
        if (mode === 'upload' && prev === 'draw') {
            pendingDrawDataUrl = null;
            if (pad) {
                pad.clear();
            }
        }
        if (mode !== '') {
            uiLetterCleared = false;
        }
        syncModePanels();
        refreshMomSigPreview();
    }

    block.querySelectorAll('[data-mws-al-sig-mode-radio="1"]').forEach(function (radio) {
        radio.addEventListener('change', function () {
            if (!radio.checked) {
                return;
            }
            setMode(radio.value);
        });
    });

    var clearUiBtn = block.querySelector('[data-mws-al-sig-clear-all-ui="1"]');
    if (clearUiBtn) {
        clearUiBtn.addEventListener('click', function () {
            uiLetterCleared = true;
            pendingDrawDataUrl = null;
            pendingUpload = null;
            mode = '';
            block.querySelectorAll('[data-mws-al-sig-mode-radio="1"]').forEach(function (r) {
                r.checked = false;
            });
            if (pad) {
                pad.clear();
            }
            var fi = block.querySelector('[data-mws-al-sig-file="1"]');
            if (fi) {
                fi.value = '';
            }
            syncModePanels();
            refreshMomSigPreview();
        });
    }

    var padClear = block.querySelector('[data-mws-al-sig-pad-clear="1"]');
    if (padClear) {
        padClear.addEventListener('click', function () {
            if (pad) {
                pad.clear();
            }
            pendingDrawDataUrl = null;
            if (mode === 'draw') {
                refreshMomSigPreview();
            }
        });
    }

    function readFileAsDataUrl(file, done) {
        if (!file || !/^image\//i.test(file.type || '')) {
            done(null, 'Choose an image file.');
            return;
        }
        var fr = new FileReader();
        fr.onload = function () {
            var img = new Image();
            img.onload = function () {
                var maxW = 520;
                var maxH = 220;
                var iw = img.naturalWidth || img.width || 1;
                var ih = img.naturalHeight || img.height || 1;
                var scale = Math.min(1, maxW / iw, maxH / ih);
                var cw = Math.max(1, Math.round(iw * scale));
                var ch = Math.max(1, Math.round(ih * scale));
                var c = document.createElement('canvas');
                c.width = cw;
                c.height = ch;
                var ctx = c.getContext('2d');
                ctx.fillStyle = '#ffffff';
                ctx.fillRect(0, 0, cw, ch);
                ctx.drawImage(img, 0, 0, cw, ch);
                var mime = (file.type && String(file.type).toLowerCase().indexOf('png') >= 0) ? 'image/png' : 'image/jpeg';
                var out = c.toDataURL(mime, 0.92);
                done(out, null, file.name || 'signature.png');
            };
            img.onerror = function () {
                done(null, 'Could not read that image.');
            };
            img.src = fr.result;
        };
        fr.onerror = function () {
            done(null, 'Could not read that file.');
        };
        fr.readAsDataURL(file);
    }

    var fileIn = block.querySelector('[data-mws-al-sig-file="1"]');
    if (fileIn) {
        fileIn.addEventListener('change', function () {
            var f = fileIn.files && fileIn.files[0];
            fileIn.value = '';
            if (!f) {
                return;
            }
            readFileAsDataUrl(f, function (dataUrl, err, name) {
                if (!dataUrl) {
                    window.alert(err || 'Invalid file');
                    return;
                }
                pendingUpload = { dataUrl: dataUrl, name: name };
                uiLetterCleared = false;
                refreshMomSigPreview();
            });
        });
    }

    window.__mwsMomGetLetterSignaturePayload = function () {
        if (mode === 'draw') {
            var p = ensurePad();
            var url = null;
            if (p && !p.isEmpty()) {
                url = p.toDataURL('image/png');
            } else if (pendingDrawDataUrl) {
                url = pendingDrawDataUrl;
            }
            if (!url) {
                return null;
            }
            return { mode: 'draw', png_data_url: url };
        }
        if (mode === 'upload') {
            if (!pendingUpload || !pendingUpload.dataUrl) {
                return null;
            }
            return {
                mode: 'upload',
                image_data_url: pendingUpload.dataUrl,
                upload_filename: pendingUpload.name || 'signature.png'
            };
        }
        return null;
    };

    window.__mwsMomLetterSignatureOkForSave = function () {
        if (uiLetterCleared && !pendingDrawDataUrl && !pendingUpload && mode === '') {
            return false;
        }
        if (typeof window.__mwsMomGetLetterSignaturePayload === 'function') {
            var payloadSig = window.__mwsMomGetLetterSignaturePayload();
            if (payloadSig) {
                return true;
            }
        }
        if (mode === 'draw') {
            if (!uiLetterCleared && serverDrawn !== '') {
                return true;
            }
            var pDraw = ensurePad();
            if (pDraw && !pDraw.isEmpty()) {
                return true;
            }
            if (!uiLetterCleared && serverEffective !== '') {
                return true;
            }
            return false;
        }
        if (mode === 'upload') {
            if (!uiLetterCleared && serverUploaded !== '') {
                return true;
            }
            if (!uiLetterCleared && serverEffective !== '') {
                return true;
            }
            return false;
        }
        if (uiLetterCleared) {
            return false;
        }
        return (serverEffective || '').trim() !== '';
    };
})();
</script>
@endif
@if (! empty($momShowCoSignerSignatureSection) || ! empty($momShowCoSignerForwardSection))
<script>
(function () {
    var block = document.getElementById('mwsMomCoSignerSigBlock');
    if (!block) {
        return;
    }
    var serverEffective = (block.getAttribute('data-mws-sig-server-effective') || '').trim();
    var serverDrawn = (block.getAttribute('data-mws-sig-server-drawn') || '').trim();
    var serverUploaded = (block.getAttribute('data-mws-sig-server-uploaded') || '').trim();
    var mode = '';
    var pendingDrawDataUrl = null;
    var pendingUpload = null;
    var uiLetterCleared = false;
    var canvas = block.querySelector('[data-mws-al-sig-canvas="1"]');
    var panelDraw = block.querySelector('[data-mws-al-sig-panel-draw="1"]');
    var panelUpload = block.querySelector('[data-mws-al-sig-panel-upload="1"]');
    var pad = null;
    function ensureCoPad() {
        if (pad || typeof SignaturePad === 'undefined' || !canvas) {
            return pad;
        }
        pad = new SignaturePad(canvas, {
            minWidth: 0.5,
            maxWidth: 2.5,
            penColor: 'rgb(15, 23, 42)',
            backgroundColor: 'rgba(255,255,255,0)'
        });
        if (typeof pad.addEventListener === 'function') {
            pad.addEventListener('endStroke', function () {
                if (mode !== 'draw' || !pad || pad.isEmpty()) {
                    return;
                }
                pendingDrawDataUrl = pad.toDataURL('image/png');
                refreshCoPreview();
            });
        }
        if (window.mwsMomSigPadUtils) {
            window.mwsMomSigPadUtils.bindResize(canvas, function () { return pad; });
            window.mwsMomSigPadUtils.resizeCanvas(canvas, pad);
        }
        return pad;
    }
    function updateCoDisplayUrl(url) {
        var wrap = block.querySelector('[data-mws-al-sig-display-wrap="1"]');
        if (!wrap) {
            return;
        }
        var u = (url && String(url).trim()) ? String(url).trim() : '';
        while (wrap.firstChild) {
            wrap.removeChild(wrap.firstChild);
        }
        if (u === '') {
            block.removeAttribute('data-mws-al-sig-effective-url');
            var ph = document.createElement('div');
            ph.className = 'sign-line border-bottom border-secondary';
            ph.style.minHeight = '48px';
            ph.setAttribute('data-mws-al-sig-placeholder', '1');
            ph.setAttribute('aria-hidden', 'true');
            wrap.appendChild(ph);
            var hint = document.createElement('span');
            hint.className = 'small text-muted';
            hint.textContent = 'No signature on file yet — draw or upload below.';
            wrap.appendChild(hint);
            return;
        }
        block.setAttribute('data-mws-al-sig-effective-url', u);
        var outer = document.createElement('div');
        outer.className = 'notice-sign-img-wrap';
        var img = document.createElement('img');
        img.className = 'notice-sign-img';
        img.alt = '';
        img.style.maxHeight = '72px';
        img.setAttribute('data-mws-al-sig-img', '1');
        // Cache-bust HTTP(S) URLs only — appending ?t= to data:/blob: URLs corrupts them (ERR_INVALID_URL).
        img.src = (/^data:|^blob:/i.test(u))
            ? u
            : (u + (u.indexOf('?') >= 0 ? '&' : '?') + 't=' + Date.now());
        outer.appendChild(img);
        wrap.appendChild(outer);
    }
    function refreshCoPreview() {
        if (uiLetterCleared && !pendingDrawDataUrl && !pendingUpload && mode === '') {
            updateCoDisplayUrl('');
            return;
        }
        if (mode === 'draw') {
            if (pendingDrawDataUrl) {
                updateCoDisplayUrl(pendingDrawDataUrl);
                return;
            }
            if (!uiLetterCleared && serverDrawn !== '') {
                updateCoDisplayUrl(serverDrawn);
                return;
            }
            updateCoDisplayUrl('');
            return;
        }
        if (mode === 'upload') {
            if (pendingUpload && pendingUpload.dataUrl) {
                updateCoDisplayUrl(pendingUpload.dataUrl);
                return;
            }
            if (!uiLetterCleared && serverUploaded !== '') {
                updateCoDisplayUrl(serverUploaded);
                return;
            }
            updateCoDisplayUrl('');
            return;
        }
        if (uiLetterCleared) {
            updateCoDisplayUrl('');
            return;
        }
        updateCoDisplayUrl(serverEffective);
    }
    function syncCoPanels() {
        if (panelDraw) {
            panelDraw.hidden = mode !== 'draw';
        }
        if (panelUpload) {
            panelUpload.hidden = mode !== 'upload';
        }
        if (mode === 'draw') {
            requestAnimationFrame(function () {
                ensureCoPad();
                if (window.mwsMomSigPadUtils) {
                    window.mwsMomSigPadUtils.afterDrawPanelVisible(canvas, function () { return pad; });
                }
            });
        }
    }
    function setCoMode(next) {
        var prev = mode;
        mode = next === 'draw' || next === 'upload' ? next : '';
        if (mode === 'draw' && prev === 'upload') {
            pendingUpload = null;
            var fi = block.querySelector('[data-mws-al-sig-file="1"]');
            if (fi) {
                fi.value = '';
            }
        }
        if (mode === 'upload' && prev === 'draw') {
            pendingDrawDataUrl = null;
            if (pad) {
                pad.clear();
            }
        }
        if (mode !== '') {
            uiLetterCleared = false;
        }
        syncCoPanels();
        refreshCoPreview();
    }
    block.querySelectorAll('[data-mws-al-sig-mode-radio="1"]').forEach(function (radio) {
        radio.addEventListener('change', function () {
            if (!radio.checked) {
                return;
            }
            setCoMode(radio.value);
        });
    });
    var clearUiBtn = block.querySelector('[data-mws-al-sig-clear-all-ui="1"]');
    if (clearUiBtn) {
        clearUiBtn.addEventListener('click', function () {
            uiLetterCleared = true;
            pendingDrawDataUrl = null;
            pendingUpload = null;
            mode = '';
            block.querySelectorAll('[data-mws-al-sig-mode-radio="1"]').forEach(function (r) {
                r.checked = false;
            });
            if (pad) {
                pad.clear();
            }
            var fi = block.querySelector('[data-mws-al-sig-file="1"]');
            if (fi) {
                fi.value = '';
            }
            syncCoPanels();
            refreshCoPreview();
        });
    }
    var padClear = block.querySelector('[data-mws-al-sig-pad-clear="1"]');
    if (padClear) {
        padClear.addEventListener('click', function () {
            if (pad) {
                pad.clear();
            }
            pendingDrawDataUrl = null;
            if (mode === 'draw') {
                refreshCoPreview();
            }
        });
    }
    function readFileAsDataUrlCo(file, done) {
        if (!file || !/^image\//i.test(file.type || '')) {
            done(null, 'Choose an image file.');
            return;
        }
        var fr = new FileReader();
        fr.onload = function () {
            var img = new Image();
            img.onload = function () {
                var maxW = 520;
                var maxH = 220;
                var iw = img.naturalWidth || img.width || 1;
                var ih = img.naturalHeight || img.height || 1;
                var scale = Math.min(1, maxW / iw, maxH / ih);
                var cw = Math.max(1, Math.round(iw * scale));
                var ch = Math.max(1, Math.round(ih * scale));
                var c = document.createElement('canvas');
                c.width = cw;
                c.height = ch;
                var ctx = c.getContext('2d');
                ctx.fillStyle = '#ffffff';
                ctx.fillRect(0, 0, cw, ch);
                ctx.drawImage(img, 0, 0, cw, ch);
                var mime = (file.type && String(file.type).toLowerCase().indexOf('png') >= 0) ? 'image/png' : 'image/jpeg';
                done(c.toDataURL(mime, 0.92), null, file.name || 'signature.png');
            };
            img.onerror = function () {
                done(null, 'Could not read that image.');
            };
            img.src = fr.result;
        };
        fr.onerror = function () {
            done(null, 'Could not read that file.');
        };
        fr.readAsDataURL(file);
    }
    var fileIn = block.querySelector('[data-mws-al-sig-file="1"]');
    if (fileIn) {
        fileIn.addEventListener('change', function () {
            var f = fileIn.files && fileIn.files[0];
            fileIn.value = '';
            if (!f) {
                return;
            }
            readFileAsDataUrlCo(f, function (dataUrl, err, name) {
                if (!dataUrl) {
                    window.alert(err || 'Invalid file');
                    return;
                }
                pendingUpload = { dataUrl: dataUrl, name: name };
                uiLetterCleared = false;
                refreshCoPreview();
            });
        });
    }
    window.__mwsMomCoSignerIncludeSignatureChecked = function () {
        var el = document.getElementById('mwsMomIncludeCoSignerSignature');
        if (!el) {
            return true;
        }
        return !!el.checked;
    };

    function syncMwsMomCoSignerSignatureUi() {
        var includeSig = typeof window.__mwsMomCoSignerIncludeSignatureChecked === 'function'
            ? window.__mwsMomCoSignerIncludeSignatureChecked()
            : true;
        var dateWrap = document.getElementById('mwsMomCoSignerSignatureDateWrap');
        if (dateWrap) {
            dateWrap.hidden = !includeSig;
        }
        if (block) {
            block.hidden = !includeSig;
        }
    }

    var includeCoSigCb = document.getElementById('mwsMomIncludeCoSignerSignature');
    if (includeCoSigCb) {
        includeCoSigCb.addEventListener('change', syncMwsMomCoSignerSignatureUi);
        syncMwsMomCoSignerSignatureUi();
    }
    window.__mwsMomCoSignerGetLetterSignaturePayload = function () {
        if (mode === 'draw') {
            var p = ensureCoPad();
            var url = null;
            if (p && !p.isEmpty()) {
                url = p.toDataURL('image/png');
            } else if (pendingDrawDataUrl) {
                url = pendingDrawDataUrl;
            }
            if (!url) {
                return null;
            }
            return { mode: 'draw', png_data_url: url };
        }
        if (mode === 'upload') {
            if (!pendingUpload || !pendingUpload.dataUrl) {
                return null;
            }
            return {
                mode: 'upload',
                image_data_url: pendingUpload.dataUrl,
                upload_filename: pendingUpload.name || 'signature.png'
            };
        }
        return null;
    };
    window.__mwsMomCoSignerLetterSignatureOkForSave = function () {
        if (typeof window.__mwsMomCoSignerIncludeSignatureChecked === 'function' && !window.__mwsMomCoSignerIncludeSignatureChecked()) {
            return true;
        }
        if (uiLetterCleared && !pendingDrawDataUrl && !pendingUpload && mode === '') {
            return false;
        }
        if (typeof window.__mwsMomCoSignerGetLetterSignaturePayload === 'function') {
            var payloadSig = window.__mwsMomCoSignerGetLetterSignaturePayload();
            if (payloadSig) {
                return true;
            }
        }
        if (mode === 'draw') {
            if (!uiLetterCleared && serverDrawn !== '') {
                return true;
            }
            var pDraw = ensureCoPad();
            if (pDraw && !pDraw.isEmpty()) {
                return true;
            }
            if (!uiLetterCleared && serverEffective !== '') {
                return true;
            }
            return false;
        }
        if (mode === 'upload') {
            if (!uiLetterCleared && serverUploaded !== '') {
                return true;
            }
            if (!uiLetterCleared && serverEffective !== '') {
                return true;
            }
            return false;
        }
        if (uiLetterCleared) {
            return false;
        }
        return (serverEffective || '').trim() !== '';
    };
})();
</script>
<script>
(function () {
    var coSignUrl = @json($momCoSignerSignUrl);
    var coSignMeetingShowUrl = @json(route('meeting-workspace.meetings.show', $meeting));
    var momPcFormId = @json((int) ($pcFormId ?? 0));
    var momPcnId = @json((int) ($pcnId ?? 0));
    var momCoSignerForwardOnly = @json(! empty($momShowCoSignerForwardSection));
    // When the co-signatory may edit MoM content, Forward/Approve/Return also persists content (+ version if changed).
    var momPersistContentOnCoSign = @json(! empty($momPostSaveEditable));

    function mwsMomCoSignerForwardToValue() {
        var sel = document.getElementById('mwsMomCoSignerForwardTo');
        if (!sel) {
            return 0;
        }
        if (window.jQuery) {
            var $s = jQuery(sel);
            if ($s.length && $s.data('select2')) {
                var parsed = parseInt(String($s.val() || ''), 10);
                return (isFinite(parsed) && parsed > 0) ? parsed : 0;
            }
        }
        var raw = parseInt(String(sel.value || ''), 10);
        return (isFinite(raw) && raw > 0) ? raw : 0;
    }

    function mwsMomPlainPersonName(label) {
        var text = String(label || '').trim();
        if (text === '' || text.indexOf('Select') === 0 || text.indexOf('—') === 0) {
            return '';
        }
        var close = text.lastIndexOf(')');
        var open = text.lastIndexOf(' (');
        if (open > 0 && close === text.length - 1) {
            return text.slice(0, open).trim();
        }
        return text;
    }

    function mwsMomCoSignerForwardToName() {
        var sel = document.getElementById('mwsMomCoSignerForwardTo');
        if (!sel) {
            return '';
        }
        if (window.jQuery) {
            var $s = jQuery(sel);
            if ($s.length && $s.data('select2')) {
                var data = $s.select2('data');
                if (data && data.length && data[0] && data[0].text) {
                    return mwsMomPlainPersonName(data[0].text);
                }
            }
        }
        var opt = sel.options[sel.selectedIndex];
        if (!opt) {
            return '';
        }
        var text = String(opt.text || '').trim();
        if (text === '' || parseInt(String(opt.value || ''), 10) <= 0) {
            return '';
        }
        return mwsMomPlainPersonName(text);
    }

    function mwsMomCoSignerApproveActionCopy() {
        if (mwsMomCoSignerCompleteChainChecked()) {
            return {
                button: 'Approve',
                title: 'Approve',
                confirm: 'You are approving these Minutes of Meeting and marking the co-signatory chain complete. No further forwarding will be required.',
                confirmBtn: 'Approve',
                successTitle: 'Approved',
                successFallback: 'Your approval has been recorded and the co-signatory chain is complete.',
                failTitle: 'Could not approve',
                signatureWarning: 'Draw or upload your signature before approving, or uncheck “Include my signature on these minutes” to skip.',
                confirmColor: '#28a745'
            };
        }
        var name = mwsMomCoSignerForwardToName();
        var button = name !== '' ? ('Forward to ' + name) : 'Forward';
        var confirmText = name !== ''
            ? 'You are forwarding these Minutes of Meeting to ' + name + '.'
            : 'You are forwarding these Minutes of Meeting to the next co-signatory.';
        return {
            button: button,
            title: button,
            confirm: confirmText,
            confirmBtn: button,
            successTitle: 'Forwarded',
            successFallback: name !== ''
                ? 'The minutes were forwarded to ' + name + '.'
                : 'The minutes were forwarded to the next co-signatory.',
            failTitle: 'Could not forward',
            signatureWarning: 'Draw or upload your signature before forwarding these minutes, or uncheck “Include my signature on these minutes” to skip.',
            confirmColor: '#28a745'
        };
    }

    function mwsMomCoSignerReturnActionCopy() {
        var target = @json($momCoSignerReturnTargetName);
        return {
            title: target !== '' ? ('Return to ' + target) : 'Return Minutes',
            confirm: target !== ''
                ? 'You are returning these Minutes of Meeting to ' + target + '.'
                : 'You are returning these Minutes of Meeting to the previous signatory.',
            confirmBtn: 'Return',
            successTitle: 'Returned',
            successFallback: 'Minutes of Meeting returned.',
            failTitle: 'Could not return',
            confirmColor: '#dc3545'
        };
    }

    function syncMwsMomCoSignerApproveButtonLabel() {
        var labelEl = document.getElementById('mwsMomCoSignerApproveBtnLabel');
        if (!labelEl) {
            return;
        }
        labelEl.textContent = mwsMomCoSignerApproveActionCopy().button;
    }

    function mwsMomCoSignerCompleteChainChecked() {
        var el = document.getElementById('mwsMomCoSignerCompleteChain');
        return !!(el && el.checked);
    }

    // Default: never pre-check "Mark co-signatory chain complete" (also clears browser/bfcache restore).
    function ensureMwsMomCoSignerCompleteChainDefaultUnchecked() {
        var el = document.getElementById('mwsMomCoSignerCompleteChain');
        if (!el) {
            return;
        }
        el.defaultChecked = false;
        el.checked = false;
        el.removeAttribute('checked');
    }

    function initMwsMomCoSignerForwardSelect2() {
        var sel = document.getElementById('mwsMomCoSignerForwardTo');
        if (!sel || !window.jQuery || typeof jQuery.fn.select2 === 'undefined') {
            return;
        }
        var $s = jQuery(sel);
        if ($s.data('select2')) {
            return;
        }
        $s.select2({
            theme: 'bootstrap4',
            width: '100%',
            allowClear: true,
            dropdownParent: jQuery(document.body),
            placeholder: $s.data('placeholder') || 'Search and select user…'
        });
    }

    function syncMwsMomCoSignerForwardSelect2State() {
        var sel = document.getElementById('mwsMomCoSignerForwardTo');
        if (!sel || !window.jQuery) {
            return;
        }
        var $s = jQuery(sel);
        var chainComplete = mwsMomCoSignerCompleteChainChecked();
        if (!$s.data('select2')) {
            if (!chainComplete) {
                initMwsMomCoSignerForwardSelect2();
            }
            return;
        }
        $s.prop('disabled', chainComplete);
        if (chainComplete) {
            $s.val(null).trigger('change');
        }
    }

    function mwsMomSubjectPayload() {
        var payload = {};
        if (momPcnId > 0) {
            payload.project_concept_note_id = momPcnId;
        } else if (momPcFormId > 0) {
            payload.pc_form_id = momPcFormId;
        }
        @if (! empty($momIsRegenerate))
        payload.regenerate = 1;
        @endif
        return payload;
    }
    var approveBtn = document.getElementById('mwsMomCoSignerApproveBtn');
    var returnBtn = document.getElementById('mwsMomCoSignerReturnBtn');
    if ((!approveBtn && !returnBtn) || !coSignUrl) {
        return;
    }

    function mwsMomCoSignerRemarksHtml() {
        if (typeof jQuery === 'undefined') {
            return '';
        }
        var $rem = jQuery('#mwsMomCoSignerRemarks');
        if (!$rem.length) {
            return '';
        }
        if ($rem.data('summernote') && typeof $rem.summernote === 'function') {
            return ($rem.summernote('code') || '').trim();
        }
        return ($rem.val() || '').trim();
    }

    function mwsMomCoSignerRemarksHasContent(html) {
        var raw = (html || '').trim();
        if (raw === '') {
            return false;
        }
        if (/<img\s/i.test(raw)) {
            return true;
        }
        var div = document.createElement('div');
        div.innerHTML = raw;
        var text = (div.textContent || div.innerText || '').replace(/\u00a0/g, ' ').replace(/\s+/g, ' ').trim();
        return text !== '';
    }

    function mwsMomCoSignerRemarksEditableEl() {
        var remEl = document.getElementById('mwsMomCoSignerRemarks');
        if (!remEl) {
            return null;
        }
        var wrap = remEl.closest('.form-group-textarea-wrap');
        if (wrap) {
            var inWrap = wrap.querySelector('.note-editable');
            if (inWrap) {
                return inWrap;
            }
        }
        var next = remEl.nextElementSibling;
        if (next && next.classList && next.classList.contains('note-editor')) {
            return next.querySelector('.note-editable');
        }
        return null;
    }

    function mwsMomCoSignerFocusRemarksEditable(editable) {
        if (!editable) {
            return false;
        }
        try {
            editable.focus({ preventScroll: true });
        } catch (e) {
            editable.focus();
        }
        if (typeof document.createRange === 'function' && typeof window.getSelection === 'function') {
            try {
                var range = document.createRange();
                range.selectNodeContents(editable);
                range.collapse(false);
                var sel = window.getSelection();
                if (sel) {
                    sel.removeAllRanges();
                    sel.addRange(range);
                }
            } catch (e2) { /* ignore */ }
        }
        return document.activeElement === editable || editable.contains(document.activeElement);
    }

    function mwsMomCoSignerFocusRemarks() {
        var remEl = document.getElementById('mwsMomCoSignerRemarks');
        if (!remEl) {
            return;
        }
        var scrollTarget = remEl.closest('.mws-mom-cosigner-interactive')
            || remEl.closest('.form-group-textarea-wrap')
            || remEl;
        if (scrollTarget && typeof scrollTarget.scrollIntoView === 'function') {
            scrollTarget.scrollIntoView({ behavior: 'smooth', block: 'center' });
        }

        function attemptFocus() {
            var editable = mwsMomCoSignerRemarksEditableEl();
            if (typeof jQuery !== 'undefined') {
                var $rem = jQuery(remEl);
                if ($rem.data('summernote') && typeof $rem.summernote === 'function') {
                    try {
                        $rem.summernote('focus');
                    } catch (e) { /* fall through to direct editable focus */ }
                }
            }
            if (editable) {
                if (mwsMomCoSignerFocusRemarksEditable(editable)) {
                    return true;
                }
                try {
                    editable.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true }));
                    editable.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, cancelable: true }));
                    editable.click();
                } catch (e4) { /* ignore */ }
                return mwsMomCoSignerFocusRemarksEditable(editable);
            }
            try {
                remEl.focus({ preventScroll: true });
            } catch (e3) {
                remEl.focus();
            }
            return document.activeElement === remEl;
        }

        attemptFocus();
        setTimeout(attemptFocus, 50);
        setTimeout(attemptFocus, 150);
        setTimeout(attemptFocus, 350);
    }

    function submitCoSignerDecision(decision, $btn) {
        var isApprove = decision === 'approve' || decision === 'forward';
        var completeChain = isApprove ? mwsMomCoSignerCompleteChainChecked() : false;
        var forwardTo = isApprove ? mwsMomCoSignerForwardToValue() : 0;

        if (isApprove && !completeChain && forwardTo <= 0) {
            var msgForward = 'Select a co-signatory to forward to.';
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'warning', title: 'Forward required', text: msgForward, confirmButtonText: 'OK' });
            } else {
                alert(msgForward);
            }
            return;
        }

        var inChairCoSignValidation = typeof window.validateMwsMomInChairRequired === 'function'
            ? window.validateMwsMomInChairRequired()
            : { ok: true };
        if (!inChairCoSignValidation.ok) {
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'warning', title: 'In Chair', text: inChairCoSignValidation.message, confirmButtonText: 'OK' });
            } else {
                alert(inChairCoSignValidation.message);
            }
            return;
        }

        var letterheadCoSignValidation = typeof window.validateMwsMomLetterheadSectionRequired === 'function'
            ? window.validateMwsMomLetterheadSectionRequired()
            : { ok: true };
        if (!letterheadCoSignValidation.ok) {
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'warning', title: 'Letterhead section', text: letterheadCoSignValidation.message, confirmButtonText: 'OK' });
            } else {
                alert(letterheadCoSignValidation.message);
            }
            return;
        }

        if (decision === 'approve' && !momCoSignerForwardOnly && typeof window.__mwsMomCoSignerLetterSignatureOkForSave === 'function' && !window.__mwsMomCoSignerLetterSignatureOkForSave()) {
            var sigCopy = mwsMomCoSignerApproveActionCopy();
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'warning', title: 'Signature', text: sigCopy.signatureWarning, confirmButtonText: 'OK' });
            } else {
                alert(sigCopy.signatureWarning);
            }
            return;
        }

        var remHtml = mwsMomCoSignerRemarksHtml();
        if (!isApprove && !mwsMomCoSignerRemarksHasContent(remHtml)) {
            var scrollTarget = document.querySelector('.mws-mom-cosigner-interactive .form-group-textarea-wrap')
                || document.querySelector('.mws-mom-cosigner-interactive');
            if (scrollTarget && typeof scrollTarget.scrollIntoView === 'function') {
                scrollTarget.scrollIntoView({ behavior: 'smooth', block: 'center' });
            }
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({
                    icon: 'warning',
                    title: 'Remarks required',
                    text: 'Add remarks explaining why you are returning these minutes.',
                    confirmButtonText: 'OK',
                    didClose: function () {
                        mwsMomCoSignerFocusRemarks();
                    }
                });
            } else {
                alert('Add remarks explaining why you are returning these minutes.');
                mwsMomCoSignerFocusRemarks();
            }
            return;
        }

        var body = Object.assign({
            _token: '{{ csrf_token() }}',
            decision: momCoSignerForwardOnly ? 'forward' : decision,
            complete_chain: completeChain ? 1 : 0
        }, mwsMomSubjectPayload());
        if (forwardTo > 0) {
            body.forward_to_user_id = forwardTo;
        }
        var includeMySig = typeof window.__mwsMomCoSignerIncludeSignatureChecked === 'function'
            ? window.__mwsMomCoSignerIncludeSignatureChecked()
            : true;
        body.mom_include_my_signature = includeMySig ? 1 : 0;
        if (decision === 'approve' && includeMySig && typeof window.__mwsMomCoSignerGetLetterSignaturePayload === 'function') {
            var csig = window.__mwsMomCoSignerGetLetterSignaturePayload();
            if (csig) {
                body.letter_signature = csig;
            }
        }
        var coSigDate = typeof window.mwsMomCurrentSignatureDateValue === 'function'
            ? window.mwsMomCurrentSignatureDateValue()
            : (function () {
                var co = document.getElementById('mwsMomCoSignerSignatureDate');
                return co ? String(co.value || '').trim() : '';
            })();
        if (coSigDate && decision === 'approve' && includeMySig) {
            body.mom_signature_date = coSigDate;
        }
        if (remHtml !== '') {
            body.mom_co_signer_remarks = remHtml;
        }
        if (momPersistContentOnCoSign && typeof window.collectMwsMomEditableContentPayload === 'function') {
            Object.assign(body, window.collectMwsMomEditableContentPayload());
        }

        var actionCopy = isApprove ? mwsMomCoSignerApproveActionCopy() : mwsMomCoSignerReturnActionCopy();
        var confirmFn = typeof window.mwsMomConfirmAction === 'function'
            ? window.mwsMomConfirmAction
            : function (copy) { return Promise.resolve(window.confirm(copy.confirm)); };

        confirmFn(actionCopy).then(function (ok) {
            if (!ok) {
                return;
            }

            var needPin = !!(window.PmsTPin && window.PmsTPin.signatureEnabled)
                && (includeMySig || (body.letter_signature && body.letter_signature.mode));
            var pinPromise = (needPin && window.PmsTPinGate && typeof window.PmsTPinGate.prompt === 'function')
                ? window.PmsTPinGate.prompt()
                : Promise.resolve({ ok: true, pin: '' });

            return pinPromise.then(function (pinRes) {
                if (!pinRes || !pinRes.ok) {
                    return;
                }
                if (pinRes.pin) {
                    body.t_pin = pinRes.pin;
                }

        if ($btn) {
            $btn.disabled = true;
        }
        var otherBtn = isApprove ? returnBtn : approveBtn;
        if (otherBtn) {
            otherBtn.disabled = true;
        }

        fetch(coSignUrl, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            body: (typeof window.mwsMomEncodeJsonBody === 'function')
                ? window.mwsMomEncodeJsonBody(body)
                : JSON.stringify(body)
        }).then(function (res) {
            return res.json().then(function (data) {
                if (!res.ok) {
                    throw new Error((data && data.message) ? data.message : ('HTTP ' + res.status));
                }
                return data;
            });
        }).then(function (data) {
            var okMsg = (data && data.message) ? data.message : actionCopy.successFallback;
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'success', title: actionCopy.successTitle, text: okMsg, confirmButtonText: 'OK' })
                    .then(function () {
                        window.location.href = coSignMeetingShowUrl;
                    });
            } else {
                alert(okMsg);
                window.location.href = coSignMeetingShowUrl;
            }
        }).catch(function (err) {
            var m = (err && err.message) ? err.message : 'Request failed.';
            if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
                Swal.fire({ icon: 'error', title: actionCopy.failTitle || (actionCopy.title + ' failed'), text: m, confirmButtonText: 'OK' });
            } else {
                alert(m);
            }
        }).finally(function () {
            if ($btn) {
                $btn.disabled = false;
            }
            if (otherBtn) {
                otherBtn.disabled = false;
            }
        });
            });
        });
    }

    if (approveBtn) {
        approveBtn.addEventListener('click', function () {
            submitCoSignerDecision(momCoSignerForwardOnly ? 'forward' : 'approve', approveBtn);
        });
    }
    if (returnBtn) {
        returnBtn.addEventListener('click', function () {
            submitCoSignerDecision('return', returnBtn);
        });
    }
    initMwsMomCoSignerForwardSelect2();
    ensureMwsMomCoSignerCompleteChainDefaultUnchecked();
    syncMwsMomCoSignerForwardSelect2State();
    syncMwsMomCoSignerApproveButtonLabel();
    window.addEventListener('pageshow', function () {
        ensureMwsMomCoSignerCompleteChainDefaultUnchecked();
        syncMwsMomCoSignerForwardSelect2State();
        syncMwsMomCoSignerApproveButtonLabel();
    });
    if (window.jQuery) {
        jQuery(function () {
            ensureMwsMomCoSignerCompleteChainDefaultUnchecked();
            initMwsMomCoSignerForwardSelect2();
            syncMwsMomCoSignerForwardSelect2State();
            syncMwsMomCoSignerApproveButtonLabel();
            jQuery(document).on('change', '#mwsMomCoSignerCompleteChain', function () {
                syncMwsMomCoSignerForwardSelect2State();
                syncMwsMomCoSignerApproveButtonLabel();
            });
            jQuery(document).on('change select2:select select2:clear', '#mwsMomCoSignerForwardTo', syncMwsMomCoSignerApproveButtonLabel);
        });
    }
})();
</script>
@endif

@if (! empty($momShowAttendedParticipantsPicker) || ! empty($momShowOtherParticipantsEditor))
<script>
(function ($) {
    'use strict';

    var momInitialAttendedParticipantIds = @json($momSelectedAttendedParticipantIds ?? []);
    var momInitialAttendedParticipantLayout = @json($momAttendedParticipantLayout ?? []);

    var MWS_MOM_PND_DEPT_KEY = 'PLANNING & DEVELOPMENT DEPARTMENT';

    function mwsMomAttendedPlain(value) {
        var s = value == null ? '' : String(value);
        return (typeof window.pmsDecodeHtmlEntities === 'function')
            ? window.pmsDecodeHtmlEntities(s)
            : s;
    }

    function mwsMomCurrentInChairUserId() {
        var hidden = document.getElementById('mwsMomInChairUserIdValue');
        if (hidden) {
            var fromHidden = parseInt(String(hidden.value || ''), 10);
            if (isFinite(fromHidden) && fromHidden > 0) {
                return fromHidden;
            }
        }
        var select = document.getElementById('mwsMomInChairUserId');
        if (!select) {
            return 0;
        }
        var parsed = parseInt(String(select.value || ''), 10);
        return (isFinite(parsed) && parsed > 0) ? parsed : 0;
    }

    function mwsMomAttendedDeptHasInChair(rows, inChairUserId) {
        if (!inChairUserId) {
            return false;
        }
        for (var i = 0; i < rows.length; i++) {
            if (parseInt(String(rows[i].id || ''), 10) === inChairUserId) {
                return true;
            }
        }
        return false;
    }

    function sortMwsMomAttendedDeptKeys(keys, grouped, inChairUserId) {
        return keys.slice().sort(function (a, b) {
            var aHas = mwsMomAttendedDeptHasInChair(grouped[a] || [], inChairUserId);
            var bHas = mwsMomAttendedDeptHasInChair(grouped[b] || [], inChairUserId);
            if (aHas !== bHas) {
                return aHas ? -1 : 1;
            }
            if (a === MWS_MOM_PND_DEPT_KEY && b !== MWS_MOM_PND_DEPT_KEY) {
                return -1;
            }
            if (b === MWS_MOM_PND_DEPT_KEY && a !== MWS_MOM_PND_DEPT_KEY) {
                return 1;
            }
            return String(a).localeCompare(String(b));
        });
    }

    function consolidateMwsMomAttendedOrderEntries(entries) {
        var byDept = {};
        var groupedForSort = {};
        entries.forEach(function (entry, index) {
            var key = String(entry.departmentKey || 'OTHER');
            if (!byDept[key]) {
                byDept[key] = [];
                groupedForSort[key] = [];
            }
            byDept[key].push({
                id: entry.id,
                order: index
            });
            groupedForSort[key].push({ id: entry.id });
        });

        Object.keys(byDept).forEach(function (key) {
            byDept[key].sort(function (a, b) {
                return a.order - b.order;
            });
        });

        var deptKeys = sortMwsMomAttendedDeptKeys(Object.keys(byDept), groupedForSort, mwsMomCurrentInChairUserId());
        var consolidated = [];
        deptKeys.forEach(function (deptKey) {
            (byDept[deptKey] || []).forEach(function (item) {
                consolidated.push({
                    id: item.id,
                    departmentKey: deptKey
                });
            });
        });
        return consolidated;
    }

    function buildMwsMomAttendedRowLookupFromSelect() {
        var select = document.getElementById('mwsMomAttendedParticipants');
        var rowById = {};
        if (!select) {
            return rowById;
        }
        for (var i = 0; i < select.options.length; i++) {
            var opt = select.options[i];
            if (!opt.selected || String(opt.value || '').trim() === '') {
                continue;
            }
            var id = parseInt(String(opt.value || ''), 10);
            if (!isFinite(id) || id <= 0) {
                continue;
            }
            rowById[id] = {
                id: id,
                name: opt.getAttribute('data-name') || opt.textContent || '',
                role: opt.getAttribute('data-role') || '',
                phone: opt.getAttribute('data-phone') || '—',
                departmentKey: String(opt.getAttribute('data-department-key') || 'OTHER')
            };
        }
        return rowById;
    }

    function renderMwsMomAttendedParticipantsTbody(consolidatedEntries, rowById) {
        var table = document.getElementById('mwsMomAttendedParticipantsTable');
        if (!table) {
            return;
        }

        destroyMwsMomAttendedSortable();
        table.querySelectorAll('tbody').forEach(function (tbody) {
            tbody.parentNode.removeChild(tbody);
        });

        if (consolidatedEntries.length === 0) {
            var emptyBody = document.createElement('tbody');
            emptyBody.id = 'mwsMomAttendedParticipantsTbodyEditable';
            var emptyRow = document.createElement('tr');
            emptyRow.className = 'mws-mom-attended-empty-row';
            var emptyCell = document.createElement('td');
            emptyCell.colSpan = 6;
            emptyCell.className = 'text-muted small';
            emptyCell.textContent = 'No participants selected.';
            emptyRow.appendChild(emptyCell);
            emptyBody.appendChild(emptyRow);
            table.appendChild(emptyBody);
            return;
        }

        var tbody = document.createElement('tbody');
        tbody.id = 'mwsMomAttendedParticipantsTbodyEditable';
        var lastDept = null;
        consolidatedEntries.forEach(function (entry) {
            var rowData = rowById[entry.id];
            if (!rowData) {
                return;
            }
            var deptKey = String(entry.departmentKey || rowData.departmentKey || 'OTHER');
            if (lastDept !== deptKey) {
                tbody.appendChild(buildMwsMomAttendedDeptHeaderRow(deptKey));
                lastDept = deptKey;
            }
            rowData.departmentKey = deptKey;
            tbody.appendChild(buildMwsMomAttendedParticipantRow(rowData));
        });
        table.appendChild(tbody);
        refreshMwsMomAttendedDisplayDepartments();
        renumberMwsMomAttendedParticipantRows();
        initMwsMomAttendedSortable();
    }

    function regroupMwsMomAttendedParticipantsDom() {
        var entries = captureMwsMomAttendedOrderEntries();
        if (entries.length === 0) {
            return;
        }
        renderMwsMomAttendedParticipantsTbody(
            consolidateMwsMomAttendedOrderEntries(entries),
            buildMwsMomAttendedRowLookupFromSelect()
        );
    }

    function captureMwsMomAttendedOrderEntries() {
        var entries = [];
        var tbody = document.getElementById('mwsMomAttendedParticipantsTbodyEditable');
        if (!tbody) {
            return entries;
        }
        var currentDept = '';
        tbody.querySelectorAll('tr').forEach(function (tr) {
            if (tr.classList.contains('mws-mom-attended-dept-header')) {
                currentDept = String(tr.getAttribute('data-department-key') || '');
                return;
            }
            if (!tr.classList.contains('mws-mom-attended-participant-row')) {
                return;
            }
            var id = parseInt(tr.getAttribute('data-participant-id') || '', 10);
            if (!isFinite(id) || id <= 0) {
                return;
            }
            entries.push({
                id: id,
                departmentKey: String(tr.getAttribute('data-display-department-key') || currentDept || 'OTHER')
            });
        });
        return entries;
    }

    function refreshMwsMomAttendedDisplayDepartments() {
        var tbody = document.getElementById('mwsMomAttendedParticipantsTbodyEditable');
        if (!tbody) {
            return;
        }
        var currentDept = '';
        tbody.querySelectorAll('tr').forEach(function (tr) {
            if (tr.classList.contains('mws-mom-attended-dept-header')) {
                currentDept = String(tr.getAttribute('data-department-key') || '');
                return;
            }
            if (tr.classList.contains('mws-mom-attended-participant-row')) {
                tr.setAttribute('data-display-department-key', currentDept || 'OTHER');
            }
        });
    }

    function destroyMwsMomAttendedSortable() {
        if (!window.jQuery || typeof jQuery.fn.sortable !== 'function') {
            return;
        }
        var $body = jQuery('#mwsMomAttendedParticipantsTbodyEditable');
        if ($body.length && $body.data('ui-sortable')) {
            $body.sortable('destroy');
        }
    }

    function initMwsMomAttendedSortable() {
        if (!window.jQuery || typeof jQuery.fn.sortable !== 'function') {
            return;
        }
        var $body = jQuery('#mwsMomAttendedParticipantsTbodyEditable');
        if (!$body.length) {
            return;
        }
        if ($body.data('ui-sortable')) {
            $body.sortable('destroy');
        }
        $body.sortable({
            items: '> tr.mws-mom-attended-participant-row',
            handle: '.mws-mom-attended-drag-handle',
            axis: 'y',
            tolerance: 'pointer',
            update: function () {
                refreshMwsMomAttendedDisplayDepartments();
                regroupMwsMomAttendedParticipantsDom();
            }
        });
    }

    function buildMwsMomAttendedDeptHeaderRow(deptKey) {
        var headerRow = document.createElement('tr');
        headerRow.className = 'mws-mom-attended-dept-header';
        headerRow.setAttribute('data-department-key', deptKey);
        var headerCell = document.createElement('td');
        headerCell.colSpan = 6;
        headerCell.textContent = deptKey;
        headerRow.appendChild(headerCell);
        return headerRow;
    }

    function renumberMwsMomAttendedParticipantRows() {
        var tbody = document.getElementById('mwsMomAttendedParticipantsTbodyEditable');
        if (!tbody) {
            return;
        }
        var n = 1;
        tbody.querySelectorAll('tr.mws-mom-attended-participant-row').forEach(function (tr) {
            var cell = tr.querySelector('.mws-mom-attended-participant-num');
            if (cell) {
                cell.textContent = String(n);
                n += 1;
            }
        });
    }

    function buildMwsMomAttendedParticipantRow(rowOpt) {
            var tr = document.createElement('tr');
        tr.className = 'mws-mom-attended-participant-row';
        tr.setAttribute('data-participant-id', String(rowOpt.id || ''));
        tr.setAttribute('data-display-department-key', String(rowOpt.departmentKey || rowOpt.displayDepartmentKey || 'OTHER'));

        var tdDrag = document.createElement('td');
        tdDrag.className = 'no-print text-center align-middle mws-mom-attended-drag-handle';
        tdDrag.setAttribute('title', 'Drag to reorder');
        tdDrag.setAttribute('aria-label', 'Drag to reorder');
        tdDrag.textContent = '⋮⋮';

            var tdNum = document.createElement('td');
        tdNum.className = 'mws-mom-attended-participant-num';

            var tdName = document.createElement('td');
        tdName.textContent = mwsMomAttendedPlain(rowOpt.name || '');

            var tdRole = document.createElement('td');
        tdRole.textContent = mwsMomAttendedPlain(rowOpt.role || '');

            var tdPhone = document.createElement('td');
        tdPhone.textContent = rowOpt.phone || '—';

            var tdRemove = document.createElement('td');
            tdRemove.className = 'no-print text-center align-middle';
            var removeBtn = document.createElement('button');
            removeBtn.type = 'button';
            removeBtn.className = 'btn btn-outline-danger btn-sm py-0 px-2 mws-mom-attended-remove';
        removeBtn.setAttribute('data-participant-id', String(rowOpt.id || ''));
            removeBtn.setAttribute('title', 'Remove from list');
            removeBtn.setAttribute('aria-label', 'Remove from list');
            removeBtn.textContent = '×';
            tdRemove.appendChild(removeBtn);

        tr.appendChild(tdDrag);
            tr.appendChild(tdNum);
            tr.appendChild(tdName);
            tr.appendChild(tdRole);
            tr.appendChild(tdPhone);
            tr.appendChild(tdRemove);
        return tr;
    }

    function collectMwsMomAttendedParticipantPayload() {
        var entries = captureMwsMomAttendedOrderEntries();
        var consolidated = consolidateMwsMomAttendedOrderEntries(entries);
        var ids = [];
        var departmentKeys = [];
        consolidated.forEach(function (entry) {
            ids.push(entry.id);
            departmentKeys.push(entry.departmentKey || 'OTHER');
        });
        return {
            ids: ids,
            department_keys: departmentKeys
        };
    }

    function collectMwsMomAttendedParticipantIds() {
        var payload = collectMwsMomAttendedParticipantPayload();
        if (payload.ids.length > 0) {
            return payload.ids;
        }
        var $sel = $('#mwsMomAttendedParticipants');
        if (!$sel.length) {
            return [];
        }
        var vals = $sel.val();
        if (!vals) {
            return [];
        }
        if (!Array.isArray(vals)) {
            vals = [vals];
        }
        var fallback = [];
        for (var i = 0; i < vals.length; i++) {
            var id = parseInt(String(vals[i] || ''), 10);
            if (isFinite(id) && id > 0) {
                fallback.push(id);
            }
        }
        return fallback;
    }
    window.collectMwsMomAttendedParticipantIds = collectMwsMomAttendedParticipantIds;
    window.collectMwsMomAttendedParticipantPayload = collectMwsMomAttendedParticipantPayload;

    function syncMwsMomAttendedParticipantsTable() {
        var table = document.getElementById('mwsMomAttendedParticipantsTable');
        var select = document.getElementById('mwsMomAttendedParticipants');
        if (!table || !select) {
            return;
        }

        var preservedEntries = captureMwsMomAttendedOrderEntries();
        destroyMwsMomAttendedSortable();
        var selectedLookup = {};
        var selectedRows = [];
        for (var i = 0; i < select.options.length; i++) {
            var opt = select.options[i];
            if (!opt.selected || String(opt.value || '').trim() === '') {
                continue;
            }
            var row = {
                id: parseInt(String(opt.value || ''), 10),
                name: opt.getAttribute('data-name') || opt.textContent || '',
                role: opt.getAttribute('data-role') || '',
                phone: opt.getAttribute('data-phone') || '—',
                departmentKey: String(opt.getAttribute('data-department-key') || 'OTHER')
            };
            selectedLookup[row.id] = true;
            selectedRows.push(row);
        }

        if (selectedRows.length === 0) {
            renderMwsMomAttendedParticipantsTbody([], {});
            return;
        }

        var orderedEntries = [];
        var seen = {};
        preservedEntries.forEach(function (entry) {
            if (selectedLookup[entry.id]) {
                orderedEntries.push(entry);
                seen[entry.id] = true;
            }
        });
        if (orderedEntries.length === 0 && momInitialAttendedParticipantLayout.length > 0) {
            momInitialAttendedParticipantLayout.forEach(function (layoutRow) {
                var layoutId = parseInt(String(layoutRow.user_id || ''), 10);
                if (!isFinite(layoutId) || layoutId <= 0 || !selectedLookup[layoutId] || seen[layoutId]) {
                    return;
                }
                orderedEntries.push({
                    id: layoutId,
                    departmentKey: String(layoutRow.department_key || 'OTHER')
                });
                seen[layoutId] = true;
            });
            momInitialAttendedParticipantLayout = [];
        }
        if (orderedEntries.length === 0 && momInitialAttendedParticipantIds.length > 0) {
            momInitialAttendedParticipantIds.forEach(function (rawId) {
                var layoutId = parseInt(String(rawId || ''), 10);
                if (!isFinite(layoutId) || layoutId <= 0 || !selectedLookup[layoutId] || seen[layoutId]) {
                    return;
                }
                for (var s = 0; s < selectedRows.length; s++) {
                    if (selectedRows[s].id !== layoutId) {
                        continue;
                    }
                    orderedEntries.push({
                        id: layoutId,
                        departmentKey: selectedRows[s].departmentKey
                    });
                    seen[layoutId] = true;
                    break;
                }
            });
            momInitialAttendedParticipantIds = [];
        }
        selectedRows.forEach(function (row) {
            if (!seen[row.id]) {
                orderedEntries.push({
                    id: row.id,
                    departmentKey: row.departmentKey
                });
            }
        });

        var rowById = {};
        selectedRows.forEach(function (row) {
            rowById[row.id] = row;
        });

        renderMwsMomAttendedParticipantsTbody(
            consolidateMwsMomAttendedOrderEntries(orderedEntries),
            rowById
        );
    }
    window.syncMwsMomAttendedParticipantsTable = syncMwsMomAttendedParticipantsTable;

    function renumberMwsMomOtherParticipantRows() {
        var tbody = document.getElementById('mwsMomOtherParticipantsTbody');
        if (!tbody) {
            return;
        }
        var rows = tbody.querySelectorAll('tr.mws-mom-other-participant-row');
        for (var i = 0; i < rows.length; i++) {
            var numCell = rows[i].querySelector('.mws-mom-other-participant-num');
            if (numCell) {
                numCell.textContent = String(i + 1);
            }
        }
    }

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

    var momOtherDepartmentOptions = @json($momOtherParticipantDepartmentOptions ?? []);
    var momOtherDesignationOptions = @json($momOtherParticipantDesignationOptions ?? []);

    function mwsMomOtherSelectOptionsHtml(options, selected) {
        var selectedText = String(selected || '').trim();
        var html = '<option value=""></option>';
        var matched = false;
        for (var i = 0; i < options.length; i++) {
            var opt = String(options[i] || '').trim();
            if (opt === '') {
                continue;
            }
            var isSel = selectedText !== '' && opt.toLowerCase() === selectedText.toLowerCase();
            if (isSel) {
                matched = true;
            }
            html += '<option value="' + mwsMomEscapeHtml(opt) + '"' + (isSel ? ' selected' : '') + '>' + mwsMomEscapeHtml(opt) + '</option>';
        }
        if (selectedText !== '' && !matched) {
            html += '<option value="' + mwsMomEscapeHtml(selectedText) + '" selected>' + mwsMomEscapeHtml(selectedText) + '</option>';
        }
        return html;
    }

    function initMwsMomOtherSelect2(sel) {
        if (!sel || !window.jQuery || typeof jQuery.fn.select2 === 'undefined') {
            return;
        }
        var $s = jQuery(sel);
        if ($s.data('select2')) {
            return;
        }
        var field = String($s.data('field') || '');
        var config = {
            theme: 'bootstrap4',
            width: '100%',
            allowClear: true,
            dropdownParent: jQuery(document.body),
            placeholder: $s.data('placeholder') || 'Search…'
        };
        if (field === 'designation') {
            config.tags = true;
            config.createTag = function (params) {
                var term = jQuery.trim(params.term);
                if (term === '') {
                    return null;
                }
                return {
                    id: term,
                    text: term
                };
            };
        }
        $s.select2(config);
    }

    function initMwsMomOtherRowSelect2(tr) {
        if (!tr) {
            return;
        }
        tr.querySelectorAll('select.mws-mom-other-select').forEach(initMwsMomOtherSelect2);
    }

    function destroyMwsMomOtherRowSelect2(tr) {
        if (!tr || !window.jQuery || typeof jQuery.fn.select2 === 'undefined') {
            return;
        }
        jQuery(tr).find('select.mws-mom-other-select').each(function () {
            var $s = jQuery(this);
            if ($s.data('select2')) {
                $s.select2('destroy');
            }
        });
    }

    function mwsMomOtherFieldValue(el) {
        if (!el) {
            return '';
        }
        if (window.jQuery) {
            var $el = jQuery(el);
            if ($el.length && $el.data('select2')) {
                return String($el.val() || '').trim();
            }
        }
        return String(el.value || '').trim();
    }

    function buildMwsMomOtherParticipantRow() {
        var tr = document.createElement('tr');
        tr.className = 'mws-mom-other-participant-row';
        tr.innerHTML = ''
            + '<td class="mws-mom-other-participant-num"></td>'
            + '<td><input type="text" class="form-control form-control-sm" data-field="name" maxlength="255"></td>'
            + '<td><select class="form-control form-control-sm mws-mom-other-select" data-field="designation" data-placeholder="Select or type designation…">'
            + mwsMomOtherSelectOptionsHtml(momOtherDesignationOptions, '')
            + '</select></td>'
            + '<td><select class="form-control form-control-sm mws-mom-other-select" data-field="department" data-placeholder="Select department…">'
            + mwsMomOtherSelectOptionsHtml(momOtherDepartmentOptions, '')
            + '</select></td>'
            + '<td><input type="email" class="form-control form-control-sm" data-field="email" maxlength="255"></td>'
            + '<td><input type="text" class="form-control form-control-sm" data-field="phone" maxlength="50"></td>'
            + '<td class="no-print text-center align-middle">'
            + '<button type="button" class="btn btn-outline-danger btn-sm py-0 px-2 mws-mom-other-participant-remove" title="Remove row" aria-label="Remove row">&times;</button>'
            + '</td>';
        return tr;
    }

    function collectMwsMomOtherParticipants() {
        var tbody = document.getElementById('mwsMomOtherParticipantsTbody');
        if (!tbody) {
            return [];
        }
        var rows = [];
        tbody.querySelectorAll('tr.mws-mom-other-participant-row').forEach(function (tr) {
            var nameEl = tr.querySelector('[data-field="name"]');
            var emailEl = tr.querySelector('[data-field="email"]');
            var phoneEl = tr.querySelector('[data-field="phone"]');
            var departmentEl = tr.querySelector('[data-field="department"]');
            var designationEl = tr.querySelector('[data-field="designation"]');
            var name = nameEl ? String(nameEl.value || '').trim() : '';
            var email = emailEl ? String(emailEl.value || '').trim() : '';
            var phone = phoneEl ? String(phoneEl.value || '').trim() : '';
            var department = mwsMomOtherFieldValue(departmentEl);
            var designation = mwsMomOtherFieldValue(designationEl);
            if (name === '' && email === '' && phone === '' && department === '' && designation === '') {
                return;
            }
            rows.push({
                name: name,
                email: email,
                phone: phone,
                department: department,
                designation: designation
            });
        });
        return rows;
    }
    window.collectMwsMomOtherParticipants = collectMwsMomOtherParticipants;

    $(function () {
        var otherTbody = document.getElementById('mwsMomOtherParticipantsTbody');
        var otherAddBtn = document.getElementById('mwsMomOtherParticipantAddBtn');
        if (otherTbody && otherAddBtn) {
            otherAddBtn.addEventListener('click', function () {
                var row = buildMwsMomOtherParticipantRow();
                otherTbody.appendChild(row);
                initMwsMomOtherRowSelect2(row);
                renumberMwsMomOtherParticipantRows();
                var nameInput = row.querySelector('[data-field="name"]');
                if (nameInput) {
                    nameInput.focus();
                }
            });
            otherTbody.addEventListener('click', function (event) {
                var removeBtn = event.target.closest('.mws-mom-other-participant-remove');
                if (!removeBtn) {
                    return;
                }
                var tr = removeBtn.closest('tr.mws-mom-other-participant-row');
                if (tr && tr.parentNode) {
                    destroyMwsMomOtherRowSelect2(tr);
                    tr.parentNode.removeChild(tr);
                    renumberMwsMomOtherParticipantRows();
                }
            });
            otherTbody.querySelectorAll('tr.mws-mom-other-participant-row').forEach(initMwsMomOtherRowSelect2);
            renumberMwsMomOtherParticipantRows();
        }

        var $attended = $('#mwsMomAttendedParticipants');
        var attendedTable = document.getElementById('mwsMomAttendedParticipantsTable');
        if (attendedTable) {
            attendedTable.addEventListener('click', function (event) {
                var removeBtn = event.target.closest('.mws-mom-attended-remove');
                if (!removeBtn || !$attended.length) {
                    return;
                }
                var id = String(removeBtn.getAttribute('data-participant-id') || '');
                if (id === '') {
                    return;
                }
                var current = $attended.val() || [];
                if (!Array.isArray(current)) {
                    current = [current];
                }
                var next = current.filter(function (value) {
                    return String(value) !== id;
                });
                $attended.val(next).trigger('change');
            });
        }
        if ($attended.length) {
            if (typeof $.fn.select2 !== 'undefined') {
                $attended.select2({
                    theme: 'bootstrap4',
                    width: '100%',
                    closeOnSelect: false,
                    allowClear: true,
                    dropdownParent: $(document.body),
                    placeholder: $attended.data('placeholder') || 'Search and select participants…'
                });
                $attended.on('change select2:select select2:unselect', syncMwsMomAttendedParticipantsTable);
            } else {
                $attended.on('change', syncMwsMomAttendedParticipantsTable);
            }
            syncMwsMomAttendedParticipantsTable();
        }

        var $inChair = $('#mwsMomInChairUserId');
        if ($inChair.length && typeof $.fn.select2 !== 'undefined') {
            if ($inChair.data('select2')) {
                $inChair.select2('destroy');
            }
            $inChair.select2({
                theme: 'bootstrap4',
                width: '100%',
                allowClear: false,
                dropdownParent: $(document.body),
                placeholder: $inChair.data('placeholder') || '— Select P&D, AD, or MEC user —'
            });
            var syncInChairValue = function () {
                var id = '';
                if ($inChair.data('select2')) {
                    try {
                        var data = $inChair.select2('data');
                        if (data && data.length && data[0] && data[0].id != null) {
                            id = String(data[0].id).trim();
                        }
                    } catch (e) {}
                }
                if (id === '') {
                    id = String($inChair.val() || '').trim();
                }
                var parsed = parseInt(id, 10);
                var normalized = (isFinite(parsed) && parsed > 0) ? String(parsed) : '';
                if (normalized !== '') {
                    $inChair.val(normalized);
                }
                var hidden = document.getElementById('mwsMomInChairUserIdValue');
                if (hidden) {
                    hidden.value = normalized;
                }
            };
            $inChair.on('change select2:select select2:clear', function () {
                syncInChairValue();
                if (typeof window.syncMwsMomAttendedParticipantsTable === 'function') {
                    window.syncMwsMomAttendedParticipantsTable();
                }
            });
            syncInChairValue();
        }
    });
})(jQuery);
</script>
@endif

@endpush