@php
    $_mwsNlDec = static fn ($v): string => mws_notice_decode_plain((string) ($v ?? ''));
    $_mwsNlDecHtml = static fn ($v): string => mws_notice_decode_inline_html((string) ($v ?? ''));
    $_mwsNlFormVal = static fn ($v): string => mws_notice_form_value((string) ($v ?? ''));
    $mwsNlGeneralToRecipients = is_array($noticeLetterState['to_recipients'] ?? null)
        ? $noticeLetterState['to_recipients']
        : [];
    if ($mwsNlGeneralToRecipients === []) {
        $mwsNlGeneralToRecipients = [['designation' => '—', 'department' => '']];
    }
    $mwsNlRecipientRows = array_chunk($mwsNlGeneralToRecipients, 2);
    $mwsNlSigState = is_array($noticeLetterSignature ?? null) ? $noticeLetterSignature : [];
    $mwsNlSigEffective = trim((string) ($mwsNlSigState['effective_url'] ?? ''));
    $mwsNlSigDrawn = trim((string) ($mwsNlSigState['drawn_url'] ?? ''));
    $mwsNlSigUploaded = trim((string) ($mwsNlSigState['uploaded_url'] ?? ''));
    $__mwsNlOrg = $meeting->organizer;
    $__mwsNlOrgName = trim((string) ($__mwsNlOrg?->name ?? $meeting->creator?->name ?? ''));
    $__mwsNlOrgDesignation = trim((string) ($__mwsNlOrg?->designation?->name ?? ''));
    $mwsNlHeaderDeptDevSection = trim((string) ($mwsNlHeaderDeptDevSection ?? 'EDUCATION SECTION'));
    if ($mwsNlHeaderDeptDevSection === '') {
        $mwsNlHeaderDeptDevSection = 'EDUCATION SECTION';
    }
    $mwsNlGeneralSubjectLine = trim((string) ($noticeLetterState['subject_line'] ?? ''));
    if ($mwsNlGeneralSubjectLine === '') {
        $mwsNlGeneralSubjectLine = mb_strtoupper(trim((string) ($meeting->title ?? '')), 'UTF-8') ?: '—';
    }
    $mwsNlGeneralParaIndentHtml = str_repeat(' ', 15);
    $mwsNlEnsureGeneralParaIndentHtml = static function (string $html) use ($mwsNlGeneralParaIndentHtml): string {
        if ($html === '') {
            return $mwsNlGeneralParaIndentHtml;
        }
        $decoded = mws_notice_decode_inline_html($html);
        if (preg_match('/^(\x{00A0}| )+/u', $decoded, $m) && mb_strlen($m[0]) >= 15) {
            return $html;
        }
        if (trim(strip_tags($decoded)) === '') {
            return $mwsNlGeneralParaIndentHtml;
        }

        return $mwsNlGeneralParaIndentHtml.$html;
    };
@endphp

<div class="mws-nl-general-letter">
    <table class="mws-nl-general-header-table" role="presentation" cellspacing="0" cellpadding="0">
        <tr>
            <td class="mws-nl-general-header-logo">
                <img class="mws-nl-general-seal" src="{{ $logoUrl ?? asset('assets/dist/img/gos22.png') }}" width="100" height="100" alt="Government of Sindh">
            </td>
            <td class="mws-nl-general-header-text" align="center" valign="top" style="width: 49%;">
                <div class="mws-nl-general-dept-title">
                    GOVERNMENT OF SINDH<br>
                    PLANNING &amp; DEVELOPMENT DEPARTMENT<br>
                    <span class="mws-nl-header-dept-dev-view" style="text-align: center;">{!! nl2br(e(mws_notice_decode_plain($mwsNlHeaderDeptDevSection))) !!}</span>
                    @if ($canEditNoticeLetter)
                        <textarea class="mws-nl-line-textarea mws-nl-header-dept-dev-input no-print" hidden rows="2" spellcheck="true" style="text-align: center;">{{ $_mwsNlFormVal($mwsNlHeaderDeptDevSection) }}</textarea>
                    @endif
                </div>
                <div class="mws-nl-general-ref-no" >
                    <span class="mws-nl-ref-view" style="text-align: center;">NO. {{ $_mwsNlDec($noticeLetterState['reference_display']) }}</span>
                    @if ($canEditNoticeLetter)
                        <span class="mws-nl-ref-edit-wrap no-print">
                            <span>NO.&nbsp;</span>
                            <input type="text" class="mws-nl-line-input mws-nl-ref-input" data-mws-nl-field="reference_display" value="{{ $_mwsNlFormVal($noticeLetterState['reference_display']) }}" autocomplete="off" spellcheck="false" hidden style="text-align: center;">
                        </span>
                    @endif
                    <br>
                    <span class="mws-nl-ref-dated-view" style="text-align: center;">{{ $_mwsNlDec($noticeLetterState['ref_dated_line'] ?? '') }}</span>
                    @if ($canEditNoticeLetter)
                        <input type="text" class="mws-nl-line-input mws-nl-ref-dated-input no-print" hidden data-mws-nl-field="ref_dated_line" value="{{ $_mwsNlFormVal($noticeLetterState['ref_dated_line'] ?? '') }}" autocomplete="off" spellcheck="false" style="text-align: center;">
                    @endif
                </div>
            </td>
        </tr>
    </table>
    <br>
    <div class="mws-nl-general-doc-type">
        <strong style="text-decoration: underline;">
            MEETING NOTICE<br>
            {{ $_mwsNlDec($noticeLetterState['delivery_mode_line'] ?? 'BY SPECIAL MESSENGER') }}
        </strong>
    </div>
<br>
    <table class="mws-nl-general-recipients-table" id="mwsNlGeneralToList">
        @foreach ($mwsNlRecipientRows as $mwsNlRecipientPair)
            <tr class="mws-nl-general-recipients-row">
                @foreach ($mwsNlRecipientPair as $recipient)
                    @php
                        $designation = trim((string) ($recipient['designation'] ?? ''));
                        $department = trim((string) ($recipient['department'] ?? ''));
                    @endphp
                    <td class="mws-nl-general-recipients-cell">
                        <div class="mws-nl-general-to-card" data-mws-nl-general-to-card="1">
                            <strong
                                class="mws-nl-general-to-line mws-nl-general-to-line--designation"
                                @if ($canEditNoticeLetter) contenteditable="true" spellcheck="true" data-mws-nl-general-to-field="designation" @endif
                            >{{ $_mwsNlDec($designation) }}</strong>
                            @if ($department !== '' || $canEditNoticeLetter)
                                <br>
                                <span
                                    class="mws-nl-general-to-line mws-nl-general-to-line--department"
                                    @if ($canEditNoticeLetter) contenteditable="true" spellcheck="true" data-mws-nl-general-to-field="department" @endif
                                >{{ $_mwsNlDec($department) }}</span>
                            @endif
                            @if ($canEditNoticeLetter)
                                <button type="button" class="mws-nl-general-to-card__remove no-print" title="Remove recipient" aria-label="Remove recipient">&times;</button>
                            @endif
                        </div>
                    </td>
                @endforeach
                @if (count($mwsNlRecipientPair) === 1)
                    <td class="mws-nl-general-recipients-cell mws-nl-general-recipients-cell--empty"></td>
                @endif
            </tr>
        @endforeach
    </table>
    @if ($canEditNoticeLetter)
        <div class="mws-nl-general-participants-actions no-print">
            <button type="button" class="btn btn-default btn-xs" id="mwsNlGeneralToAdd">Add recipient</button>
        </div>
        <template id="mwsNlGeneralToCardTemplate">
            <td class="mws-nl-general-recipients-cell">
                <div class="mws-nl-general-to-card" data-mws-nl-general-to-card="1">
                    <strong class="mws-nl-general-to-line mws-nl-general-to-line--designation" contenteditable="true" spellcheck="true" data-mws-nl-general-to-field="designation"></strong>
                    <br>
                    <span class="mws-nl-general-to-line mws-nl-general-to-line--department" contenteditable="true" spellcheck="true" data-mws-nl-general-to-field="department"></span>
                    <button type="button" class="mws-nl-general-to-card__remove no-print" title="Remove recipient" aria-label="Remove recipient">&times;</button>
                </div>
            </td>
        </template>
    @endif

    <br>
    <table class="mws-nl-general-subject-table" role="presentation" cellspacing="0" cellpadding="0">
        <tr>
            <td class="mws-nl-general-subject-label" valign="top">SUBJECT:</td>
            <td class="mws-nl-general-subject-text" valign="top">
                <span class="mws-nl-general-subject-value" data-mws-nl-general-subject-value="1" style="text-decoration: underline; font-weight: bold;" >{{ $_mwsNlDec($mwsNlGeneralSubjectLine) }}</span>
            </td>
        </tr>
    </table>
    <br>
    <div class="mws-nl-general-body">
        @php
            $mwsNlGeneralBodyRows = is_array($noticeLetterState['body_num_rows'] ?? null)
                ? $noticeLetterState['body_num_rows']
                : [];
            if ($mwsNlGeneralBodyRows === []) {
                $mwsNlGeneralBodyRows = [['num' => '', 'item_html' => '', 'p_class' => '', 'item_class' => '']];
            }
        @endphp
        @if ($canEditNoticeLetter)
            <div class="mws-nl-body-rt-bar no-print" role="toolbar" aria-label="Notice body text formatting">
                <button type="button" class="btn btn-default btn-xs mws-nl-body-rt-btn" data-mws-nl-body-rt-cmd="bold" title="Bold on selected text"><strong>B</strong></button>
                <button type="button" class="btn btn-default btn-xs mws-nl-body-rt-btn" data-mws-nl-body-rt-cmd="italic" title="Italic on selected text"><em>I</em></button>
            </div>
        @endif
        @foreach ($mwsNlGeneralBodyRows as $mwsNlBi => $mwsNlRow)
            @php
                $mwsNlItemHtml = $mwsNlEnsureGeneralParaIndentHtml((string) ($mwsNlRow['item_html'] ?? ''));
            @endphp
            <p class="mws-nl-general-body-para" data-mws-nl-body-row="{{ (int) $mwsNlBi }}">
                <span class="mws-nl-general-para-content" data-mws-nl-item-class="">
                    @if ($canEditNoticeLetter)
                        <span class="mws-nl-body-item-edit-row no-print">
                            <span class="mws-nl-row-actions no-print">
                                <button type="button" class="btn btn-default btn-xs mws-nl-body-row-remove" title="Remove paragraph">&times;</button>
                            </span>
                        </span>
                    @endif
                    <span class="mws-nl-body-item-view" tabindex="-1">{!! $mwsNlItemHtml !!}</span>
                </span>
            </p>
        @endforeach
        @if ($canEditNoticeLetter)
            <div class="mws-nl-section-actions mws-nl-body-section-actions no-print">
                <button type="button" class="btn btn-default btn-xs" id="mwsNlBodyAddNumRow">Add paragraph</button>
            </div>
            <template id="mwsNlBodyNumRowTemplate">
                <p class="mws-nl-general-body-para" data-mws-nl-body-row="0">
                    <span class="mws-nl-general-para-content" data-mws-nl-item-class="">
                        <span class="mws-nl-body-item-edit-row no-print">
                            <span class="mws-nl-row-actions no-print">
                                <button type="button" class="btn btn-default btn-xs mws-nl-body-row-remove" title="Remove paragraph">&times;</button>
                            </span>
                        </span>
                        <span class="mws-nl-body-item-view" tabindex="-1">{!! $mwsNlGeneralParaIndentHtml !!}</span>
                    </span>
                </p>
            </template>
        @endif
    </div>

    <div class="mws-nl-general-signature-wrap">
        <div class="mws-nl-general-signature-block" id="mwsNlSignBlock" data-mws-nl-general-sig-block="1"
            data-mws-nl-general-sig-effective="{{ e($mwsNlSigEffective) }}"
            data-mws-nl-general-sig-drawn="{{ e($mwsNlSigDrawn) }}"
            data-mws-nl-general-sig-uploaded="{{ e($mwsNlSigUploaded) }}"
            @if ($mwsNlSigEffective !== '') data-mws-nl-general-sig-effective-url="{{ e($mwsNlSigEffective) }}" @endif>
            <div class="mws-nl-general-sig-display" data-mws-nl-general-sig-display-wrap="1">
                @if ($mwsNlSigEffective !== '')
                    <div class="notice-sign-img-wrap mws-nl-general-sig-img-wrap" style="justify-content: end !important;">
                        <img class="notice-sign-img mws-nl-general-sig-img" src="{{ $mwsNlSigEffective }}" alt="" data-mws-nl-general-sig-img="1">
                    </div>
                @else
                    <div class="mws-nl-general-sig-line" data-mws-nl-general-sig-placeholder="1" aria-hidden="true"></div>
                @endif
            </div>
            @if ($canEditNoticeLetter && ($canEditNoticeLetterSignature ?? false))
                <div class="mws-nl-general-sig-editor-wrap no-print" hidden data-mws-nl-general-sig-editor-wrap="1">
                    <div class="mws-nl-general-sig-editor-inner">
                        <div class="mws-nl-general-sig-mode-row small text-muted mb-1">Letter preview only until you save the notice.</div>
                        <div class="btn-group btn-group-xs mb-1" role="group" aria-label="Signature source">
                            <label class="btn btn-default btn-xs">
                                <input type="radio" name="mwsNlGeneralSigMode" value="draw" autocomplete="off" data-mws-nl-general-sig-mode-radio="1"> Draw signature
                            </label>
                            <label class="btn btn-default btn-xs">
                                <input type="radio" name="mwsNlGeneralSigMode" value="upload" autocomplete="off" data-mws-nl-general-sig-mode-radio="1"> Upload / attach
                            </label>
                        </div>
                        <button type="button" class="btn btn-default btn-xs mb-1" data-mws-nl-general-sig-clear-all-ui="1">Clear letter preview</button>
                        <div class="notice-mn-sig-canvas-wrap mt-1" data-mws-nl-general-sig-panel-draw="1" hidden>
                            <canvas class="notice-mn-sig-canvas" data-mws-nl-general-sig-canvas="1" width="280" height="120" aria-label="Draw signature"></canvas>
                            <div class="notice-mn-sig-actions">
                                <button type="button" data-mws-nl-general-sig-pad-clear="1">Clear pad</button>
                            </div>
                        </div>
                        <div class="mt-1" data-mws-nl-general-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-mws-nl-general-sig-file="1">
                            </label>
                        </div>
                    </div>
                </div>
            @endif
            <div class="mws-nl-general-sig-name" style="text-align: right;">
                @if ($__mwsNlOrgName !== '')
                    ({{ $_mwsNlDec(mb_strtoupper($__mwsNlOrgName, 'UTF-8')) }})
                @else
                    —
                @endif
            </div>
            <div class="mws-nl-general-sig-designation" style="text-align: right;">
                @if ($__mwsNlOrgDesignation !== '')
                    {{ $_mwsNlDec(mb_strtoupper($__mwsNlOrgDesignation, 'UTF-8')) }}
                @else
                    —
                @endif
            </div>
        </div>
    </div>
    <div class="mws-nl-general-clear"></div>

    <div class="mws-nl-general-cc-section">
        <div class="mws-nl-general-cc-title">C.C. to:</div>
        <ul class="mws-nl-general-cc-list" id="mwsNlCcList">
            @foreach ($noticeLetterState['cc_items'] ?? [] as $ccLine)
                <li class="mws-nl-cc-row mws-nl-general-cc-row" data-mws-nl-cc-row>
                    <span class="mws-nl-line-view">{{ $_mwsNlDec($ccLine) }}</span>
                    @if ($canEditNoticeLetter)
                        <textarea class="mws-nl-line-textarea no-print" hidden data-mws-nl-field="cc_item" rows="2" spellcheck="false">{{ $_mwsNlFormVal($ccLine) }}</textarea>
                        <span class="mws-nl-row-actions no-print">
                            <button type="button" class="btn btn-default btn-xs mws-nl-cc-remove" title="Remove">&times;</button>
                        </span>
                    @endif
                </li>
            @endforeach
        </ul>
        @if ($canEditNoticeLetter)
            <div class="mws-nl-section-actions no-print">
                <button type="button" class="btn btn-default btn-xs" id="mwsNlAddCc">Add CC line</button>
            </div>
        @endif
    </div>

    <div class="mws-nl-general-signature-wrap mws-nl-general-signature-wrap--footer">
        <div class="mws-nl-general-footer-signature" id="mwsNlSignBlockFooter" data-mws-nl-general-sig-block="1"
            data-mws-nl-general-sig-effective="{{ e($mwsNlSigEffective) }}"
            data-mws-nl-general-sig-drawn="{{ e($mwsNlSigDrawn) }}"
            data-mws-nl-general-sig-uploaded="{{ e($mwsNlSigUploaded) }}"
            @if ($mwsNlSigEffective !== '') data-mws-nl-general-sig-effective-url="{{ e($mwsNlSigEffective) }}" @endif>
            <div class="mws-nl-general-sig-display" data-mws-nl-general-sig-display-wrap="1">
                @if ($mwsNlSigEffective !== '')
                    <div class="notice-sign-img-wrap mws-nl-general-sig-img-wrap" style="justify-content: end !important;">
                        <img class="notice-sign-img mws-nl-general-sig-img" src="{{ $mwsNlSigEffective }}" alt="" data-mws-nl-general-sig-img="1">
                    </div>
                @else
                    <div class="mws-nl-general-sig-line" data-mws-nl-general-sig-placeholder="1" aria-hidden="true"></div>
                @endif
            </div>
            <div class="mws-nl-general-footer-sig-name mws-nl-general-sig-name" style="text-align: right;">
                @if ($__mwsNlOrgName !== '')
                    ({{ $_mwsNlDec(mb_strtoupper($__mwsNlOrgName, 'UTF-8')) }})
                @else
                    —
                @endif
            </div>
            <div class="mws-nl-general-footer-sig-designation mws-nl-general-sig-designation" style="text-align: right;">
                @if ($__mwsNlOrgDesignation !== '')
                    {{ $_mwsNlDec(mb_strtoupper($__mwsNlOrgDesignation, 'UTF-8')) }}
                @else
                    —
                @endif
            </div>
        </div>
    </div>
    <div class="mws-nl-general-clear"></div>
</div>