@extends('layouts.app')

@php
    $dec = static fn ($v): string => mws_notice_decode_plain((string) ($v ?? ''));
    $decHtml = static fn ($v): string => mws_notice_decode_inline_html((string) ($v ?? ''));
    $formVal = static fn ($v): string => mws_notice_form_value((string) ($v ?? ''));
    $formValHtml = static fn ($v): string => mws_notice_decode_inline_html((string) ($v ?? ''));
    $schemeLabel = trim($dec($letter['scheme_name'] ?? ''));
    if ($schemeLabel === '') {
        $schemeLabel = 'PC Form #'.(int) ($pcForm->id ?? 0);
    }
    $sigCode = (string) ($letter['sig_code'] ?? 'DEV-V');
    $bodyParagraphs = $letter['body_paragraphs'] ?? [];
    if (! is_array($bodyParagraphs) || $bodyParagraphs === []) {
        $bodyParagraphs = [
            'The Secretary to Government of Sindh may kindly refer to the department\'s letters on the subject noted above.',
        ];
    }
    $ccLines = $letter['cc_lines'] ?? [];
    $editBodyParagraphs = $editDefaults['body_paragraphs'] ?? $bodyParagraphs;
    if (! is_array($editBodyParagraphs)) {
        $editBodyParagraphs = $bodyParagraphs;
    }
    $schemeRows = is_array($letter['scheme_rows'] ?? null) ? $letter['scheme_rows'] : [];
    $editSchemeRows = $editDefaults['scheme_rows'] ?? null;
    if (! is_array($editSchemeRows) || $editSchemeRows === []) {
        $editSchemeRows = [];
        foreach ($schemeRows as $row) {
            if (! is_array($row)) {
                continue;
            }
            $editSchemeRows[] = [
                'adp_no' => (string) ($row['adp_no'] ?? ''),
                'name' => (string) ($row['name'] ?? ''),
                'cost' => (string) ($row['cost'] ?? ''),
            ];
        }
    }
    $sigState = is_array($letterSignature ?? null) ? $letterSignature : [];
    $sigEffective = trim((string) ($sigState['effective_url'] ?? ($letter['letter_signature_url'] ?? '')));
    $sigDrawn = trim((string) ($sigState['drawn_url'] ?? ''));
    $sigUploaded = trim((string) ($sigState['uploaded_url'] ?? ''));
    $canEditSignature = ! empty($canEdit) && ! empty($canEditSignature ?? $canEdit);
    $aaBackLabel = str_contains((string) ($returnUrl ?? ''), 'meeting-workspace')
        ? '← Back to workspace'
        : '← Back to PC Forms';
    $aaBodyParaHtml = static function ($para) use ($decHtml): string {
        $raw = preg_replace('/^[ \t\r\n]+|[ \t\r\n]+$/u', '', $decHtml($para)) ?? '';
        if ($raw === '') {
            return '';
        }
        $raw = str_replace(["\t", "\u{00A0}"], [str_repeat(' ', 4), ' '], $raw);
        if (preg_match('/<[a-z][\s\S]*>/i', $raw) || str_contains($raw, '&nbsp;')) {
            return nl2br($raw, false);
        }

        return nl2br(e($raw));
    };
    $adminDept = trim($dec($letter['admin_department'] ?? 'Administrative Department'));
@endphp

@section('title', 'Authentication of AA — '.$schemeLabel)

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/pc-aa-letter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/pc-aa-auth-letter.css') }}">
@endpush

@section('contents')
    <section class="content">
        <div id="pcAaAuthLetterStatic"
             class="pc-aa-letter-root pc-aa-auth-letter-root"
             data-save-url="{{ $saveUrl }}"
             data-return-url="{{ $returnUrl }}"
             data-can-edit="{{ $canEdit ? '1' : '0' }}"
             data-can-edit-sig="{{ $canEditSignature ? '1' : '0' }}"
             data-pc-form-id="{{ (int) ($pcForm->id ?? 0) }}">
            <div class="pc-aa-letter-actions no-print d-flex flex-wrap gap-2 mb-2 align-items-center">
                <a href="{{ $returnUrl }}" class="btn btn-default btn-sm">{{ $aaBackLabel }}</a>
                <button type="button" class="btn btn-default btn-sm" onclick="window.print()"><i class="fas fa-print mr-1"></i>Print</button>
                @if ($canEdit)
                    <span class="pc-aa-edit-toolbar d-inline-flex flex-wrap gap-2 align-items-center">
                        <button type="button" class="btn btn-default btn-sm" id="pcAaAuthEditBtn">Edit advise fields</button>
                        <button type="button" class="btn btn-primary btn-sm d-none" id="pcAaAuthSaveBtn">Forward Authentication of AA</button>
                        <button type="button" class="btn btn-default btn-sm d-none" id="pcAaAuthCancelBtn">Cancel</button>
                    </span>
                @endif
            </div>
            @if ($canEdit)
                <p class="small text-muted no-print pc-aa-letter-helper mb-2">Forwarding saves Authentication of AA and notifies the Administrative Department for this scheme.</p>
            @endif

            <div class="pc-aa-letter-sheet">

            <header class="aa-notice-header">
                <div class="aa-seal-wrap">
                    <div class="aa-seal-block">
                        <img class="aa-seal-img" src="{{ $letter['logo_url'] ?? asset('assets/dist/img/gos22.png') }}" alt="Government of Sindh">
                    </div>
                </div>
                <div class="aa-header-spacer" aria-hidden="true"></div>
                <div class="aa-header-ref">
                    <div class="aa-ref-line aa-ref-no">
                        <span class="aa-view-only">{{ $dec($letter['reference_no'] ?? '') }}</span>
                        <input type="text" class="aa-field-input aa-edit-only" id="pcAaAuthRefInput" value="{{ $formVal($editDefaults['reference_no'] ?? '') }}" hidden>
                    </div>
                    <div class="aa-ref-line aa-ref-dept">GOVERNMENT OF SINDH</div>
                    <div class="aa-ref-line aa-ref-dept">{{ $dec($letter['department_upper'] ?? 'FINANCE DEPARTMENT') }}</div>
                    <div class="aa-ref-line aa-ref-dated">Karachi, dated the {{ $dec($letter['letter_date_long'] ?? '') }}</div>
                </div>
            </header>

            <div class="aa-addr-subject">
                <div class="aa-grid-top">
                    <div class="aa-cell-label">To,</div>
                    <div class="aa-cell-center">
                        <div class="aa-recipient">
                            <div>The Secretary to Govt. of Sindh,</div>
                            <div>{{ $dec($adminDept) }}</div>
                            <div>Karachi.</div>
                        </div>
                    </div>
                    <div class="aa-cell-right" aria-hidden="true"></div>
                </div>
                <div class="aa-grid-subject">
                    <div class="aa-cell-label">SUBJECT:</div>
                    <div class="aa-cell-center">
                        <div class="aa-subject-value">{{ $dec($letter['subject'] ?? 'ADMINISTRATIVE APPROVAL.') }}</div>
                    </div>
                    <div class="aa-cell-right" aria-hidden="true"></div>
                </div>
            </div>

            <div class="aa-body-wrap">
                @if ($canEdit)
                    <div class="aa-body-toolbar-host aa-edit-only no-print" hidden>
                        <div class="aa-body-toolbar-row">
                            <span class="aa-body-toolbar-spacer" aria-hidden="true"></span>
                            <div class="aa-body-toolbar" role="toolbar" aria-label="Body text formatting">
                                <button type="button" class="aa-body-cmd" data-aa-auth-body-cmd="bold" title="Bold"><strong>B</strong></button>
                                <button type="button" class="aa-body-cmd" data-aa-auth-body-cmd="italic" title="Italic"><em>I</em></button>
                            </div>
                        </div>
                    </div>
                @endif
                <div class="aa-body" id="pcAaAuthBodyList">
                    @foreach ($bodyParagraphs as $idx => $para)
                        <div class="aa-body-row" data-aa-auth-body-row>
                            <p class="aa-view-only aa-body-part-view">{!! $aaBodyParaHtml($para) !!}</p>
                            @if ($canEdit)
                                <div class="aa-edit-only aa-body-field-wrap no-print" hidden>
                                    <div class="aa-body-editor" data-aa-auth-body-editor contenteditable="true" spellcheck="true" aria-label="Body paragraph"></div>
                                    <textarea class="aa-body-sync-ta" hidden rows="1" tabindex="-1" aria-hidden="true" data-aa-auth-body-input>{{ $formValHtml($editBodyParagraphs[$idx] ?? $para) }}</textarea>
                                </div>
                            @endif
                        </div>
                    @endforeach
                </div>
                @if ($canEdit)
                    <div class="aa-section-actions aa-edit-only no-print" hidden>
                        <button type="button" class="btn btn-default btn-xs" id="pcAaAuthAddBodyPara">Add paragraph</button>
                    </div>
                @endif
            </div>

            <table class="aa-auth-scheme-table" id="pcAaAuthSchemeTable">
                <thead>
                    <tr>
                        <th>Sr. No.</th>
                        <th>ADP No.</th>
                        <th>Name of Scheme</th>
                        <th>Approved Cost</th>
                        <th>Total</th>
                        @if ($canEdit)
                            <th class="aa-edit-only no-print aa-auth-scheme-actions-h" hidden></th>
                        @endif
                    </tr>
                </thead>
                <tbody id="pcAaAuthSchemeBody">
                    @forelse ($schemeRows as $idx => $row)
                        @php
                            $editRow = is_array($editSchemeRows[$idx] ?? null) ? $editSchemeRows[$idx] : [
                                'adp_no' => (string) ($row['adp_no'] ?? ''),
                                'name' => (string) ($row['name'] ?? ''),
                                'cost' => (string) ($row['cost'] ?? ''),
                            ];
                            $adpVal = (string) ($editRow['adp_no'] ?? ($row['adp_no'] ?? ''));
                            $nameVal = (string) ($editRow['name'] ?? ($row['name'] ?? ''));
                            $costVal = (string) ($editRow['cost'] ?? ($row['cost'] ?? ''));
                        @endphp
                        <tr data-aa-auth-scheme-row>
                            <td class="text-center" data-aa-auth-scheme-sr>{{ (int) ($row['sr'] ?? ($idx + 1)) }}</td>
                            <td class="text-center">
                                <span class="aa-view-only">{{ $dec($row['adp_no'] ?? '—') }}</span>
                                @if ($canEdit)
                                    <input type="text" class="aa-edit-only aa-field-input aa-auth-scheme-input text-center no-print" hidden
                                           data-aa-auth-scheme-adp value="{{ $formVal($adpVal === '—' ? '' : $adpVal) }}" spellcheck="false" aria-label="ADP No.">
                                @endif
                            </td>
                            <td>
                                <span class="aa-view-only">{{ $dec($row['name'] ?? '') }}</span>
                                @if ($canEdit)
                                    <textarea class="aa-edit-only aa-line-textarea aa-auth-scheme-name no-print" hidden rows="2"
                                              data-aa-auth-scheme-name spellcheck="true" aria-label="Name of Scheme">{{ $formVal($nameVal) }}</textarea>
                                @endif
                            </td>
                            <td class="text-right">
                                <span class="aa-view-only" data-aa-auth-scheme-cost-view>{{ $dec($row['cost'] ?? '—') }}</span>
                                @if ($canEdit)
                                    <input type="text" class="aa-edit-only aa-field-input aa-auth-scheme-input text-right no-print" hidden
                                           data-aa-auth-scheme-cost value="{{ $formVal($costVal === '—' ? '' : $costVal) }}" spellcheck="false" aria-label="Approved Cost">
                                @endif
                            </td>
                            <td class="text-right">
                                <span data-aa-auth-scheme-total>{{ $dec($row['cost'] ?? '—') }}</span>
                            </td>
                            @if ($canEdit)
                                <td class="aa-edit-only no-print aa-auth-scheme-actions-cell" hidden>
                                    <span class="aa-row-actions">
                                        <button type="button" class="btn btn-default btn-xs" data-aa-auth-scheme-remove title="Remove scheme">&times;</button>
                                    </span>
                                </td>
                            @endif
                        </tr>
                    @empty
                        @unless ($canEdit)
                            <tr data-aa-auth-scheme-empty>
                                <td colspan="5" class="text-center">No schemes</td>
                            </tr>
                        @endunless
                    @endforelse
                    <tr class="aa-auth-total-row" id="pcAaAuthSchemeTotalRow">
                        <td colspan="3" class="text-right"><strong>Total</strong></td>
                        <td class="text-right"><strong data-aa-auth-scheme-grand-cost>{{ $dec($letter['total_cost'] ?? '—') }}</strong></td>
                        <td class="text-right"><strong data-aa-auth-scheme-grand-total>{{ $dec($letter['total_cost'] ?? '—') }}</strong></td>
                        @if ($canEdit)
                            <td class="aa-edit-only no-print" hidden></td>
                        @endif
                    </tr>
                </tbody>
            </table>
            @if ($canEdit)
                <div class="aa-section-actions aa-edit-only no-print" hidden>
                    <button type="button" class="btn btn-default btn-xs" id="pcAaAuthAddScheme">Add scheme</button>
                </div>
            @endif

            <div class="aa-auth-encl">Encls: As above.</div>

            <div class="aa-sig-block aa-sig-block--primary">
                <div class="sign-block aa-sign-block" id="pcAaAuthSignBlock"
                     data-aa-sig-server-effective="{{ e($sigEffective) }}"
                     data-aa-sig-server-drawn="{{ e($sigDrawn) }}"
                     data-aa-sig-server-uploaded="{{ e($sigUploaded) }}"
                     data-aa-sig-effective-url="{{ e($sigEffective) }}">
                    <div data-aa-auth-sig-display-wrap="1">
                        @if ($sigEffective !== '')
                            <div class="notice-sign-img-wrap">
                                <img class="notice-sign-img" src="{{ $sigEffective }}" alt="" data-aa-auth-sig-img="1">
                            </div>
                        @else
                            <div class="sign-line" aria-hidden="true"></div>
                        @endif
                    </div>
                    @if ($canEditSignature)
                        <div class="aa-edit-only no-print" hidden data-aa-auth-sig-editor-wrap="1">
                            <div class="small text-muted mb-1">Letter preview only until you forward.</div>
                            <div class="btn-group btn-group-xs mb-1" role="group" aria-label="Signature source">
                                <label class="btn btn-default btn-xs mb-0">
                                    <input type="radio" name="pcAaAuthSigMode" value="draw" autocomplete="off" data-aa-auth-sig-mode-radio="1"> Draw signature
                                </label>
                                <label class="btn btn-default btn-xs mb-0">
                                    <input type="radio" name="pcAaAuthSigMode" value="upload" autocomplete="off" data-aa-auth-sig-mode-radio="1"> Upload / attach
                                </label>
                            </div>
                            <button type="button" class="btn btn-default btn-xs mb-1" data-aa-auth-sig-clear-ui="1">Clear letter preview</button>
                            <div class="notice-mn-sig-canvas-wrap mt-1" data-aa-auth-sig-panel-draw="1" hidden>
                                <canvas class="notice-mn-sig-canvas" data-aa-auth-sig-canvas="1" width="280" height="120" aria-label="Draw signature"></canvas>
                                <div class="notice-mn-sig-actions">
                                    <button type="button" data-aa-auth-sig-pad-clear="1">Clear pad</button>
                                </div>
                            </div>
                            <div class="mt-1" data-aa-auth-sig-panel-upload="1" hidden>
                                <label class="notice-mn-sig-upload-label mb-0">
                                    Select image
                                    <input type="file" class="notice-mn-sig-file-input" accept="image/png,image/jpeg,image/jpg,image/webp,image/gif" data-aa-auth-sig-file="1">
                                </label>
                            </div>
                        </div>
                    @endif
                    @php $signerName = trim((string) ($letter['signer_name'] ?? '')); @endphp
                    @if ($signerName !== '')
                        <div class="aa-sig-desig">({{ $dec($signerName) }})</div>
                    @endif
                    <div class="aa-sig-desig">SECTION OFFICER ({{ $dec($sigCode) }})</div>
                    <div class="aa-sig-desig">FOR SECRETARY TO GOVERNMENT OF SINDH</div>
                </div>
            </div>

            <div class="aa-cc-sig-wrap">
            <div class="aa-cc aa-auth-cc-block">
                <div class="aa-auth-cc-ref aa-view-only">{{ $dec($letter['cc_reference_line'] ?? '') }}</div>
                <div>A copy for information is forwarded to: -</div>
                <ol class="aa-view-only aa-auth-cc-ol" id="pcAaAuthCcView">
                    @foreach ($ccLines as $ccLine)
                        <li>{{ $dec($ccLine) }}</li>
                    @endforeach
                </ol>
                <ul class="aa-edit-only list-unstyled mb-0" id="pcAaAuthCcList" hidden>
                    @foreach ($ccLines as $ccLine)
                        <li class="aa-cc-row" data-aa-auth-cc-row>
                            <div class="aa-inline-edit-cell">
                                <textarea class="aa-line-textarea" rows="2" data-aa-auth-cc-input spellcheck="false">{{ $formVal($ccLine) }}</textarea>
                                <span class="aa-row-actions no-print" hidden>
                                    <button type="button" class="btn btn-default btn-xs" data-aa-auth-cc-remove title="Remove">&times;</button>
                                </span>
                            </div>
                        </li>
                    @endforeach
                </ul>
                @if ($canEdit)
                    <div class="aa-section-actions aa-edit-only no-print" hidden>
                        <button type="button" class="btn btn-default btn-xs" id="pcAaAuthAddCc">Add CC line</button>
                    </div>
                @endif
            </div>
            </div>
        </div>
        </div>
    </section>
@endsection

@push('styles_after_adminlte')
    <style id="pc-aa-auth-letter-print-overrides">
        /*
         * Same print geometry as AA letter: 174mm content, fixed 26 / 76 / 68 tracks
         * so header column 3 right edge matches body / To / Subject.
         */
        @page { size: A4 portrait; margin: 10mm 18mm 10mm; }
        @media print {
            html, body,
            body.pc-aa-print-active {
                width: auto !important; height: auto !important; min-width: 0 !important;
                margin: 0 !important; padding: 0 !important; background: #fff !important;
                overflow: visible !important;
                -webkit-print-color-adjust: exact; print-color-adjust: exact;
            }
            body.pc-aa-print-active .wrapper > .main-header,
            body.pc-aa-print-active .wrapper > .main-sidebar,
            body.pc-aa-print-active .wrapper > .main-footer,
            .main-header, .main-sidebar, .main-footer, footer.main-footer,
            .control-sidebar, .preloader,
            .content-header, .navbar, .pc-aa-letter-actions, .no-print,
            .aa-edit-only, .aa-section-actions, .aa-row-actions, .aa-row-actions-below {
                display: none !important;
            }
            .wrapper, .content-wrapper, section.content, section.content .container-fluid {
                margin: 0 !important; padding: 0 !important; width: 100% !important;
                max-width: none !important; background: #fff !important;
                overflow: visible !important;
            }
            #pcAaAuthLetterStatic.pc-aa-letter-root {
                margin: 0 !important; padding: 0 !important; width: 100% !important; background: #fff !important;
                overflow: visible !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet {
                --aa-label-w: 26mm;
                --aa-content-w: 174mm;
                width: var(--aa-content-w) !important;
                max-width: var(--aa-content-w) !important;
                margin: 0 auto !important;
                padding: 0 !important;
                box-shadow: none !important;
                min-height: 0 !important;
                box-sizing: border-box !important;
                overflow: visible !important;
                font-size: 12pt !important;
                line-height: 1.4 !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-grid-top,
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-grid-subject {
                display: grid !important;
                grid-template-columns: 26mm 76mm 68mm !important;
                column-gap: 2mm !important;
                align-items: start !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-notice-header {
                display: grid !important;
                grid-template-columns: 26mm minmax(0, 1fr) !important;
                column-gap: 2mm !important;
                align-items: start !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-header-spacer {
                display: none !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-grid-top .aa-cell-label {
                grid-column: 1 !important;
                grid-row: 1 !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-grid-top .aa-cell-center {
                grid-column: 2 !important;
                grid-row: 2 !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-grid-top .aa-cell-right {
                display: none !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-header-ref {
                grid-column: 2 !important;
                justify-self: end !important;
                width: max-content !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
                overflow: visible !important;
                text-align: center !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-no,
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-dated,
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-dept {
                text-align: center !important;
                max-width: 100% !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-no,
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-dated {
                white-space: nowrap !important;
                font-size: 11pt !important;
                line-height: 1.25 !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-no .aa-view-only {
                display: inline !important;
                white-space: nowrap !important;
            }
            #pcAaAuthLetterStatic .aa-view-only {
                display: block !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-ref-no .aa-view-only {
                display: inline !important;
            }
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-body,
            #pcAaAuthLetterStatic .pc-aa-letter-sheet .aa-body-part-view {
                text-align: justify !important;
            }
        }
    </style>
@endpush

@push('scripts')
<script>
(function () {
    var root = document.getElementById('pcAaAuthLetterStatic');
    if (!root) return;

    var canEdit = root.getAttribute('data-can-edit') === '1';
    var canEditSig = root.getAttribute('data-can-edit-sig') === '1';
    var saveUrl = root.getAttribute('data-save-url') || '';
    var returnUrl = root.getAttribute('data-return-url') || '';
    var editBtn = document.getElementById('pcAaAuthEditBtn');
    var cancelBtn = document.getElementById('pcAaAuthCancelBtn');
    var saveBtn = document.getElementById('pcAaAuthSaveBtn');
    var csrf = document.querySelector('meta[name="csrf-token"]');
    var token = csrf ? csrf.getAttribute('content') : '';

    var aaBodyList = document.getElementById('pcAaAuthBodyList');
    var aaBodyActiveEditor = null;
    var letterSig = { mode: null, png_data_url: null, image_data_url: null, upload_filename: null };
    var AA_TAB_HTML = '&nbsp;&nbsp;&nbsp;&nbsp;';
    var authSigBlock = document.getElementById('pcAaAuthSignBlock');
    var serverEffective = authSigBlock ? (authSigBlock.getAttribute('data-aa-sig-server-effective') || '').trim() : '';
    var serverDrawn = authSigBlock ? (authSigBlock.getAttribute('data-aa-sig-server-drawn') || '').trim() : '';
    var serverUploaded = authSigBlock ? (authSigBlock.getAttribute('data-aa-sig-server-uploaded') || '').trim() : '';

    function aaTabPlain(text) {
        return String(text || '').replace(/\t/g, '\u00A0\u00A0\u00A0\u00A0');
    }

    function aaPreserveWs(text) {
        return aaTabPlain(text)
            .replace(/\r|\n/g, ' ')
            .replace(/[^\S\u00A0]+/g, ' ')
            .replace(/\u00A0/g, '&nbsp;');
    }

    function aaTrimEdges(s) {
        return String(s || '').replace(/^[ \t\r\n]+|[ \t\r\n]+$/g, '');
    }

    function aaLineHasContent(s) {
        return aaTrimEdges(String(s || '').replace(/&nbsp;/g, '').replace(/\u00A0/g, '')) !== '';
    }

    function insertAaTabStop() {
        try {
            document.execCommand('insertHTML', false, AA_TAB_HTML);
        } catch (errTab) {
            try {
                document.execCommand('insertText', false, '\u00A0\u00A0\u00A0\u00A0');
            } catch (errText) {}
        }
    }

    function storageToEditorHtml(storage) {
        var lines = aaTabPlain(String(storage || '')).split(/\r\n|\n|\r/);
        if (lines.length === 1 && lines[0] === '') return '<br>';
        return lines.map(function (ln) { return ln === '' ? '<br>' : ln; }).join('<br>');
    }

    function serializeAaBodyEditor(editor) {
        function inlineSerialize(el) {
            var buf = '';
            for (var i = 0; i < el.childNodes.length; i++) {
                var c = el.childNodes[i];
                if (c.nodeType === 3) {
                    buf += aaPreserveWs(c.textContent || '');
                } else if (c.nodeType === 1) {
                    var t = c.tagName.toLowerCase();
                    if (t === 'br') buf += ' ';
                    else if (t === 'b' || t === 'strong') buf += '<b>' + inlineSerialize(c) + '</b>';
                    else if (t === 'i' || t === 'em') buf += '<i>' + inlineSerialize(c) + '</i>';
                    else buf += inlineSerialize(c);
                }
            }
            return aaTrimEdges(buf);
        }
        function topPiece(n) {
            if (n.nodeType === 3) return aaPreserveWs(n.textContent || '');
            if (n.nodeType !== 1) return '';
            var t = n.tagName.toLowerCase();
            if (t === 'b' || t === 'strong') return '<b>' + inlineSerialize(n) + '</b>';
            if (t === 'i' || t === 'em') return '<i>' + inlineSerialize(n) + '</i>';
            return inlineSerialize(n);
        }
        var outLines = [];
        var cur = '';
        for (var j = 0; j < editor.childNodes.length; j++) {
            var n = editor.childNodes[j];
            if (n.nodeType === 1) {
                var tag = n.tagName.toLowerCase();
                if (tag === 'br') { outLines.push(aaTrimEdges(cur)); cur = ''; continue; }
                if (tag === 'div' || tag === 'p') {
                    if (aaLineHasContent(cur)) outLines.push(aaTrimEdges(cur));
                    cur = '';
                    outLines.push(inlineSerialize(n));
                    continue;
                }
            }
            cur += topPiece(n);
        }
        if (aaLineHasContent(cur)) outLines.push(aaTrimEdges(cur));
        return outLines.map(function (x) { return aaTrimEdges(x); }).filter(aaLineHasContent).join('\n');
    }

    function syncAaBodyEditorToTextarea(ed) {
        if (!ed) return;
        var wrap = ed.closest('.aa-body-field-wrap');
        var ta = wrap ? wrap.querySelector('[data-aa-auth-body-input]') : null;
        if (!ta) return;
        ta.value = serializeAaBodyEditor(ed);
    }

    function syncAllAaBodyEditors() {
        if (!aaBodyList) return;
        aaBodyList.querySelectorAll('[data-aa-auth-body-editor]').forEach(syncAaBodyEditorToTextarea);
    }

    function initAaBodyEditorInWrap(wrap) {
        if (!wrap) return;
        var ed = wrap.querySelector('[data-aa-auth-body-editor]');
        var ta = wrap.querySelector('[data-aa-auth-body-input]');
        if (!ed || !ta) return;
        ed.innerHTML = storageToEditorHtml(ta.value);
        ed.setAttribute('data-aa-auth-body-inited', '1');
    }

    function initAaBodyEditorsFromTextareas() {
        if (!aaBodyList) return;
        aaBodyList.querySelectorAll('.aa-body-field-wrap').forEach(function (wrap) {
            var ed = wrap.querySelector('[data-aa-auth-body-editor]');
            if (!ed || ed.getAttribute('data-aa-auth-body-inited') === '1') return;
            initAaBodyEditorInWrap(wrap);
        });
    }

    function syncAaBodyViewsFromEditors() {
        syncAllAaBodyEditors();
        if (!aaBodyList) return;
        aaBodyList.querySelectorAll('.aa-body-row').forEach(function (row) {
            var ta = row.querySelector('[data-aa-auth-body-input]');
            var view = row.querySelector('.aa-body-part-view');
            if (ta && view) view.innerHTML = ta.value;
        });
    }

    function setEditing(on) {
        root.classList.toggle('pc-aa--editing', !!on);
        root.querySelectorAll('.aa-edit-only').forEach(function (el) { el.hidden = !on; });
        root.querySelectorAll('.aa-row-actions, .aa-row-actions-below').forEach(function (el) {
            if (on) el.removeAttribute('hidden');
            else el.setAttribute('hidden', 'hidden');
        });
        if (editBtn) editBtn.classList.toggle('d-none', on);
        if (cancelBtn) cancelBtn.classList.toggle('d-none', !on);
        if (saveBtn) saveBtn.classList.toggle('d-none', !on);
        if (on) initAaBodyEditorsFromTextareas();
    }

    function collectBodyParagraphs() {
        syncAllAaBodyEditors();
        var out = [];
        root.querySelectorAll('[data-aa-auth-body-input]').forEach(function (ta) {
            out.push(aaTrimEdges(ta.value || ''));
        });
        return out;
    }

    function collectCcLines() {
        var out = [];
        root.querySelectorAll('[data-aa-auth-cc-input]').forEach(function (ta) {
            var t = (ta.value || '').trim();
            if (t !== '') out.push(t);
        });
        return out;
    }

    function parseSchemeCost(raw) {
        var s = String(raw || '').replace(/[^0-9.\-]/g, '');
        if (!s || s === '-' || s === '.') return 0;
        var n = parseFloat(s);
        return isFinite(n) && n > 0 ? n : 0;
    }

    function formatSchemeCost(n) {
        if (!isFinite(n) || n <= 0) return '—';
        return n.toFixed(3);
    }

    function renumberSchemeRows() {
        var i = 1;
        root.querySelectorAll('[data-aa-auth-scheme-row]').forEach(function (tr) {
            var sr = tr.querySelector('[data-aa-auth-scheme-sr]');
            if (sr) sr.textContent = String(i++);
        });
        syncSchemeWordingInBody();
    }

    function syncSchemeWordingInBody() {
        var count = root.querySelectorAll('[data-aa-auth-scheme-row]').length;
        var plural = count > 1;
        function applyCopy(text) {
            if (!text) return text;
            var t = String(text);
            if (plural) {
                t = t.replace(/\bOne copy\b/g, 'Two copies');
                t = t.replace(/\bthis Administrative Approval is\b/g, 'these Administrative Approvals are');
                t = t.replace(/\bis sent herewith\b/g, 'are sent herewith');
                t = t.replace(/\bof the following ((?:<b>\(Revised\)<\/b>\s*)?(?:ADP(?: \/ Non-ADP)?|Non-ADP)) scheme\b/g, 'of the following $1 schemes');
                t = t.replace(/\bA\. As of the scheme\b/g, 'A. As of the schemes');
            } else {
                t = t.replace(/\bTwo copies\b/g, 'One copy');
                t = t.replace(/\bthese Administrative Approvals are\b/g, 'this Administrative Approval is');
                t = t.replace(/\bare sent herewith\b/g, 'is sent herewith');
                t = t.replace(/\bof the following ((?:<b>\(Revised\)<\/b>\s*)?(?:ADP(?: \/ Non-ADP)?|Non-ADP)) schemes\b/g, 'of the following $1 scheme');
                t = t.replace(/\bA\. As of the schemes\b/g, 'A. As of the scheme');
            }
            return t;
        }
        root.querySelectorAll('[data-aa-auth-body-input]').forEach(function (ta) {
            var next = applyCopy(ta.value || '');
            if (next !== (ta.value || '')) {
                ta.value = next;
                var row = ta.closest('[data-aa-auth-body-row]');
                var ed = row ? row.querySelector('[data-aa-auth-body-editor]') : null;
                if (ed) ed.innerHTML = next;
                var view = row ? row.querySelector('.aa-body-part-view') : null;
                if (view) view.innerHTML = next;
            }
        });
    }

    function refreshSchemeTotals() {
        var sum = 0;
        root.querySelectorAll('[data-aa-auth-scheme-row]').forEach(function (tr) {
            var costInp = tr.querySelector('[data-aa-auth-scheme-cost]');
            var totalEl = tr.querySelector('[data-aa-auth-scheme-total]');
            var raw = costInp ? (costInp.value || '') : '';
            var n = parseSchemeCost(raw);
            sum += n;
            if (totalEl) {
                var display = raw.trim() === '' ? '—' : (n > 0 ? formatSchemeCost(n) : raw.trim());
                totalEl.textContent = display;
            }
        });
        var grand = formatSchemeCost(sum);
        root.querySelectorAll('[data-aa-auth-scheme-grand-cost], [data-aa-auth-scheme-grand-total]').forEach(function (el) {
            el.textContent = grand;
        });
    }

    function collectSchemeRows() {
        var out = [];
        root.querySelectorAll('[data-aa-auth-scheme-row]').forEach(function (tr) {
            var adp = tr.querySelector('[data-aa-auth-scheme-adp]');
            var name = tr.querySelector('[data-aa-auth-scheme-name]');
            var cost = tr.querySelector('[data-aa-auth-scheme-cost]');
            out.push({
                adp_no: adp ? (adp.value || '').trim() : '',
                name: name ? (name.value || '').trim() : '',
                cost: cost ? (cost.value || '').trim() : ''
            });
        });
        return out;
    }

    function bindSchemeRemove(btn) {
        btn.addEventListener('click', function () {
            var row = btn.closest('[data-aa-auth-scheme-row]');
            if (row) row.remove();
            renumberSchemeRows();
            refreshSchemeTotals();
        });
    }

    function bindBodyRemove(btn) {
        btn.addEventListener('click', function () {
            var row = btn.closest('[data-aa-auth-body-row][data-aa-auth-body-added="1"]');
            if (row) row.remove();
        });
    }

    function bindCcRemove(btn) {
        btn.addEventListener('click', function () {
            var row = btn.closest('[data-aa-auth-cc-row]');
            if (row) row.remove();
        });
    }

    root.querySelectorAll('[data-aa-auth-cc-remove]').forEach(bindCcRemove);
    root.querySelectorAll('[data-aa-auth-scheme-remove]').forEach(bindSchemeRemove);
    root.querySelectorAll('[data-aa-auth-scheme-cost]').forEach(function (inp) {
        inp.addEventListener('input', refreshSchemeTotals);
    });

    var addSchemeBtn = document.getElementById('pcAaAuthAddScheme');
    if (addSchemeBtn) {
        addSchemeBtn.addEventListener('click', function () {
            var body = document.getElementById('pcAaAuthSchemeBody');
            var totalRow = document.getElementById('pcAaAuthSchemeTotalRow');
            if (!body || !totalRow) return;
            var empty = body.querySelector('[data-aa-auth-scheme-empty]');
            if (empty) empty.remove();
            var tr = document.createElement('tr');
            tr.setAttribute('data-aa-auth-scheme-row', '1');
            tr.innerHTML =
                '<td class="text-center" data-aa-auth-scheme-sr></td>' +
                '<td class="text-center">' +
                '<span class="aa-view-only"></span>' +
                '<input type="text" class="aa-edit-only aa-field-input aa-auth-scheme-input text-center no-print" data-aa-auth-scheme-adp value="" spellcheck="false" aria-label="ADP No.">' +
                '</td>' +
                '<td>' +
                '<span class="aa-view-only"></span>' +
                '<textarea class="aa-edit-only aa-line-textarea aa-auth-scheme-name no-print" rows="2" data-aa-auth-scheme-name spellcheck="true" aria-label="Name of Scheme"></textarea>' +
                '</td>' +
                '<td class="text-right">' +
                '<span class="aa-view-only" data-aa-auth-scheme-cost-view></span>' +
                '<input type="text" class="aa-edit-only aa-field-input aa-auth-scheme-input text-right no-print" data-aa-auth-scheme-cost value="" spellcheck="false" aria-label="Approved Cost">' +
                '</td>' +
                '<td class="text-right"><span data-aa-auth-scheme-total>—</span></td>' +
                '<td class="aa-edit-only no-print aa-auth-scheme-actions-cell">' +
                '<span class="aa-row-actions"><button type="button" class="btn btn-default btn-xs" data-aa-auth-scheme-remove title="Remove scheme">&times;</button></span>' +
                '</td>';
            body.insertBefore(tr, totalRow);
            var rm = tr.querySelector('[data-aa-auth-scheme-remove]');
            if (rm) bindSchemeRemove(rm);
            var costInp = tr.querySelector('[data-aa-auth-scheme-cost]');
            if (costInp) costInp.addEventListener('input', refreshSchemeTotals);
            renumberSchemeRows();
            refreshSchemeTotals();
            var adpFocus = tr.querySelector('[data-aa-auth-scheme-adp]');
            if (adpFocus) adpFocus.focus();
        });
    }

    var addBodyBtn = document.getElementById('pcAaAuthAddBodyPara');
    if (addBodyBtn) {
        addBodyBtn.addEventListener('click', function () {
            var list = document.getElementById('pcAaAuthBodyList');
            if (!list) return;
            var row = document.createElement('div');
            row.className = 'aa-body-row';
            row.setAttribute('data-aa-auth-body-row', '1');
            row.setAttribute('data-aa-auth-body-added', '1');
            row.innerHTML = '<p class="aa-view-only aa-body-part-view"></p>' +
                '<div class="aa-edit-only aa-body-field-wrap no-print">' +
                '<div class="aa-body-editor" data-aa-auth-body-editor contenteditable="true" spellcheck="true" aria-label="Body paragraph"></div>' +
                '<textarea class="aa-body-sync-ta" hidden rows="1" tabindex="-1" aria-hidden="true" data-aa-auth-body-input></textarea>' +
                '<div class="aa-row-actions-below no-print">' +
                '<button type="button" class="btn btn-default btn-xs" data-aa-auth-body-remove title="Remove paragraph">Remove paragraph</button>' +
                '</div></div>';
            list.appendChild(row);
            var rm = row.querySelector('[data-aa-auth-body-remove]');
            if (rm) bindBodyRemove(rm);
            var wrap = row.querySelector('.aa-body-field-wrap');
            if (wrap) initAaBodyEditorInWrap(wrap);
        });
    }

    var addCcBtn = document.getElementById('pcAaAuthAddCc');
    if (addCcBtn) {
        addCcBtn.addEventListener('click', function () {
            var list = document.getElementById('pcAaAuthCcList');
            if (!list) return;
            var li = document.createElement('li');
            li.className = 'aa-cc-row';
            li.setAttribute('data-aa-auth-cc-row', '1');
            li.innerHTML = '<div class="aa-inline-edit-cell">' +
                '<textarea class="aa-line-textarea" rows="2" data-aa-auth-cc-input spellcheck="false"></textarea>' +
                '<span class="aa-row-actions no-print"><button type="button" class="btn btn-default btn-xs" data-aa-auth-cc-remove title="Remove">&times;</button></span>' +
                '</div>';
            list.appendChild(li);
            var rm = li.querySelector('[data-aa-auth-cc-remove]');
            if (rm) bindCcRemove(rm);
        });
    }

    if (editBtn) editBtn.addEventListener('click', function () { setEditing(true); });
    if (cancelBtn) {
        cancelBtn.addEventListener('click', function () {
            setEditing(false);
            window.location.reload();
        });
    }

    if (aaBodyList) {
        aaBodyList.addEventListener('focusin', function (e) {
            var ed = e.target.closest('[data-aa-auth-body-editor]');
            if (ed && aaBodyList.contains(ed)) aaBodyActiveEditor = ed;
        });
        aaBodyList.addEventListener('input', function (e) {
            var ed = e.target.closest('[data-aa-auth-body-editor]');
            if (!ed || !aaBodyList.contains(ed)) return;
            syncAaBodyEditorToTextarea(ed);
        });
        aaBodyList.addEventListener('paste', function (e) {
            var ed = e.target.closest('[data-aa-auth-body-editor]');
            if (!ed || !aaBodyList.contains(ed)) return;
            try {
                e.preventDefault();
                var clip = e.clipboardData || window.clipboardData;
                var txt = clip ? clip.getData('text/plain') || '' : '';
                var parts = String(txt).split(/\r\n|\n|\r/);
                parts.forEach(function (line, i) {
                    if (i > 0) {
                        try { document.execCommand('insertLineBreak', false, null); } catch (eBr) {
                            try { document.execCommand('insertHTML', false, '<br>'); } catch (eHtml) {}
                        }
                    }
                    document.execCommand('insertText', false, aaTabPlain(line));
                });
            } catch (errPaste) {}
        });
        aaBodyList.addEventListener('keydown', function (e) {
            var ed = e.target.closest('[data-aa-auth-body-editor]');
            if (!ed || !aaBodyList.contains(ed)) return;
            if ((e.key === 'Tab' || e.keyCode === 9) && !e.ctrlKey && !e.metaKey && !e.altKey) {
                if (e.shiftKey) return;
                e.preventDefault();
                e.stopPropagation();
                insertAaTabStop();
                syncAaBodyEditorToTextarea(ed);
                return;
            }
            if (e.key !== 'Enter' || e.ctrlKey || e.metaKey || e.altKey) return;
            e.preventDefault();
            try { document.execCommand('insertLineBreak', false, null); } catch (eLb) {
                try { document.execCommand('insertHTML', false, '<br>'); } catch (eHtml) {}
            }
        }, true);
    }

    root.addEventListener('keydown', function (e) {
        if ((e.key !== 'Tab' && e.keyCode !== 9) || e.shiftKey || e.ctrlKey || e.metaKey || e.altKey) return;
        var ta = e.target.closest('textarea.aa-line-textarea, textarea[data-aa-auth-cc-input]');
        if (!ta || !root.contains(ta) || ta.hasAttribute('hidden')) return;
        e.preventDefault();
        var start = ta.selectionStart;
        var end = ta.selectionEnd;
        if (typeof start !== 'number' || typeof end !== 'number') return;
        var insert = '\u00A0\u00A0\u00A0\u00A0';
        ta.value = ta.value.slice(0, start) + insert + ta.value.slice(end);
        ta.selectionStart = ta.selectionEnd = start + insert.length;
    });

    root.addEventListener('mousedown', function (e) {
        var btn = e.target.closest('[data-aa-auth-body-cmd]');
        if (!btn || !root.contains(btn)) return;
        e.preventDefault();
        var ed = aaBodyActiveEditor;
        if (!ed || !aaBodyList || !aaBodyList.contains(ed)) {
            ed = aaBodyList ? aaBodyList.querySelector('[data-aa-auth-body-editor]') : null;
        }
        if (!ed) return;
        ed.focus();
        var cmd = btn.getAttribute('data-aa-auth-body-cmd');
        try {
            if (cmd === 'bold') document.execCommand('bold', false, null);
            else if (cmd === 'italic') document.execCommand('italic', false, null);
        } catch (errCmd) {}
    });

    var pcAaPrintRestoreEditing = false;
    window.addEventListener('beforeprint', function () {
        document.body.classList.add('pc-aa-print-active');
        if (root.classList.contains('pc-aa--editing')) {
            syncAaBodyViewsFromEditors();
            pcAaPrintRestoreEditing = true;
            setEditing(false);
        }
    });
    window.addEventListener('afterprint', function () {
        document.body.classList.remove('pc-aa-print-active');
        if (pcAaPrintRestoreEditing) {
            setEditing(true);
            pcAaPrintRestoreEditing = false;
        }
    });

    function setSigPreview(url) {
        root.querySelectorAll('[data-aa-auth-sig-display-wrap="1"]').forEach(function (wrap) {
            if (!url) {
                wrap.innerHTML = '<div class="sign-line" aria-hidden="true"></div>';
                return;
            }
            wrap.innerHTML = '<div class="notice-sign-img-wrap"><img class="notice-sign-img" src="' + String(url).replace(/"/g, '&quot;') + '" alt=""></div>';
        });
        var block = document.getElementById('pcAaAuthSignBlock');
        if (block) block.setAttribute('data-aa-sig-effective-url', url || '');
    }

    function refreshAuthSigPreview() {
        if (letterSig.mode === 'draw') {
            if (letterSig.png_data_url) {
                setSigPreview(letterSig.png_data_url);
                return;
            }
            setSigPreview(serverDrawn || serverEffective || '');
            return;
        }
        if (letterSig.mode === 'upload') {
            if (letterSig.image_data_url) {
                setSigPreview(letterSig.image_data_url);
                return;
            }
            setSigPreview(serverUploaded || serverEffective || '');
            return;
        }
        setSigPreview(serverEffective || '');
    }

    function syncSigPanels() {
        var mode = letterSig.mode;
        root.querySelectorAll('[data-aa-auth-sig-panel-draw="1"]').forEach(function (el) { el.hidden = mode !== 'draw'; });
        root.querySelectorAll('[data-aa-auth-sig-panel-upload="1"]').forEach(function (el) { el.hidden = mode !== 'upload'; });
    }

    root.querySelectorAll('[data-aa-auth-sig-mode-radio="1"]').forEach(function (radio) {
        radio.addEventListener('change', function () {
            if (!radio.checked) return;
            letterSig.mode = radio.value;
            letterSig.png_data_url = null;
            letterSig.image_data_url = null;
            syncSigPanels();
            refreshAuthSigPreview();
        });
    });

    root.querySelectorAll('[data-aa-auth-sig-clear-ui="1"]').forEach(function (btn) {
        btn.addEventListener('click', function () {
            letterSig = { mode: null, png_data_url: null, image_data_url: null, upload_filename: null };
            root.querySelectorAll('[data-aa-auth-sig-mode-radio="1"]').forEach(function (r) { r.checked = false; });
            syncSigPanels();
            setSigPreview(serverEffective);
        });
    });

    root.querySelectorAll('[data-aa-auth-sig-canvas="1"]').forEach(function (canvas) {
        var ctx = canvas.getContext('2d');
        var drawing = false;
        function pos(e) {
            var r = canvas.getBoundingClientRect();
            var x = (e.touches ? e.touches[0].clientX : e.clientX) - r.left;
            var y = (e.touches ? e.touches[0].clientY : e.clientY) - r.top;
            return { x: x * (canvas.width / r.width), y: y * (canvas.height / r.height) };
        }
        function start(e) { e.preventDefault(); drawing = true; var p = pos(e); ctx.beginPath(); ctx.moveTo(p.x, p.y); }
        function move(e) {
            if (!drawing) return;
            e.preventDefault();
            var p = pos(e);
            ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.strokeStyle = '#000';
            ctx.lineTo(p.x, p.y); ctx.stroke();
        }
        function end() {
            if (!drawing) return;
            drawing = false;
            letterSig.mode = 'draw';
            letterSig.png_data_url = canvas.toDataURL('image/png');
            letterSig.image_data_url = null;
            setSigPreview(letterSig.png_data_url);
        }
        canvas.addEventListener('mousedown', start);
        canvas.addEventListener('mousemove', move);
        canvas.addEventListener('mouseup', end);
        canvas.addEventListener('mouseleave', end);
        canvas.addEventListener('touchstart', start, { passive: false });
        canvas.addEventListener('touchmove', move, { passive: false });
        canvas.addEventListener('touchend', end);
        var clearBtn = canvas.parentElement && canvas.parentElement.querySelector('[data-aa-auth-sig-pad-clear="1"]');
        if (clearBtn) {
            clearBtn.addEventListener('click', function () {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                letterSig.png_data_url = null;
                refreshAuthSigPreview();
            });
        }
        canvas._aaAuthCapturePng = function () {
            try {
                var blank = document.createElement('canvas');
                blank.width = canvas.width;
                blank.height = canvas.height;
                if (canvas.toDataURL() === blank.toDataURL()) {
                    return '';
                }
                return canvas.toDataURL('image/png');
            } catch (eCap) {
                return '';
            }
        };
    });

    root.querySelectorAll('[data-aa-auth-sig-file="1"]').forEach(function (input) {
        input.addEventListener('change', function () {
            var file = input.files && input.files[0];
            if (!file) return;
            var reader = new FileReader();
            reader.onload = function () {
                letterSig.mode = 'upload';
                letterSig.image_data_url = String(reader.result || '');
                letterSig.upload_filename = file.name || 'signature.png';
                letterSig.png_data_url = null;
                setSigPreview(letterSig.image_data_url);
            };
            reader.readAsDataURL(file);
        });
    });

    function captureAuthLetterSignaturePayload() {
        if (letterSig.mode === 'draw') {
            var url = letterSig.png_data_url || '';
            if (!url) {
                root.querySelectorAll('[data-aa-auth-sig-canvas="1"]').forEach(function (canvas) {
                    if (url) return;
                    if (typeof canvas._aaAuthCapturePng === 'function') {
                        url = canvas._aaAuthCapturePng() || '';
                    }
                });
            }
            if (!url) return null;
            return { mode: 'draw', png_data_url: url };
        }
        if (letterSig.mode === 'upload' && letterSig.image_data_url) {
            return {
                mode: 'upload',
                image_data_url: letterSig.image_data_url,
                upload_filename: letterSig.upload_filename || 'signature.png'
            };
        }
        return null;
    }

    function signatureOkForSave() {
        if (!canEditSig) return true;
        if (captureAuthLetterSignaturePayload()) return true;
        var block = document.getElementById('pcAaAuthSignBlock');
        var eff = block ? (block.getAttribute('data-aa-sig-effective-url') || '').trim() : '';
        return eff !== '' || serverEffective !== '';
    }

    function doSave() {
        var pcFormId = parseInt(root.getAttribute('data-pc-form-id') || '0', 10);
        var payload = {
            reference_no: (document.getElementById('pcAaAuthRefInput') || {}).value || '',
            body_paragraphs: collectBodyParagraphs(),
            cc_list: collectCcLines().join('\n'),
            scheme_rows: collectSchemeRows()
        };
        if (pcFormId > 0) payload.pc_form_id = pcFormId;
        var sigPayload = captureAuthLetterSignaturePayload();
        if (sigPayload) {
            payload.letter_signature = sigPayload;
        }
        if (saveBtn) saveBtn.disabled = true;
        fetch(saveUrl, {
            method: 'PATCH',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': token,
                'X-Requested-With': 'XMLHttpRequest'
            },
            body: JSON.stringify(payload)
        }).then(function (r) { return r.json().then(function (j) { return { ok: r.ok, body: j }; }); })
        .then(function (res) {
            if (saveBtn) saveBtn.disabled = false;
            if (!res.ok || !res.body || !res.body.ok) {
                var msg = (res.body && res.body.message) ? res.body.message : 'Could not save Authentication of AA letter.';
                if (typeof Swal !== 'undefined') Swal.fire('Error', msg, 'error');
                else alert(msg);
                return;
            }
            if (typeof Swal !== 'undefined') {
                Swal.fire('Saved', res.body.message || 'Forwarded.', 'success').then(function () {
                    window.location.href = res.body.redirect_url || returnUrl;
                });
            } else {
                window.location.href = res.body.redirect_url || returnUrl;
            }
        }).catch(function () {
            if (saveBtn) saveBtn.disabled = false;
            if (typeof Swal !== 'undefined') Swal.fire('Error', 'Network error while saving.', 'error');
            else alert('Network error while saving.');
        });
    }

    if (saveBtn) {
        saveBtn.addEventListener('click', function () {
            if (!saveUrl) return;
            if (!signatureOkForSave()) {
                var msg = 'Please add a signature (draw or upload) before forwarding.';
                if (typeof Swal !== 'undefined') Swal.fire('Signature required', msg, 'warning');
                else alert(msg);
                return;
            }
            if (typeof Swal !== 'undefined') {
                Swal.fire({
                    title: 'Forward Authentication of AA?',
                    text: 'This will save the letter and notify the Administrative Department for this scheme.',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Forward',
                    cancelButtonText: 'Cancel'
                }).then(function (res) {
                    if (res.isConfirmed) doSave();
                });
            } else if (window.confirm('Forward Authentication of AA?')) {
                doSave();
            }
        });
    }

    @if (!empty($canEdit) && request()->boolean('edit'))
        setEditing(true);
    @endif
})();
</script>
@endpush