@php
    $config = config('audit.letter');
    $malay = fn ($date) => $date?->locale('ms')->translatedFormat('d F Y');
    $issuedOn = $report->approved_at ?? $report->updated_at ?? $report->created_at;
@endphp

<style>
    /*
     * A little roomier than the audit letter: this is a single-page covering
     * note rather than a dense three-page report, and the spacing follows the
     * official sample.
     */
    body { font-family: arial, sans-serif; font-size: 10pt; line-height: 1.35; color: #222; }
    table { width: 100%; border-collapse: collapse; }
    .meta td { padding: 0; }
    .content { text-align: justify; }
    .content p { margin: 0 0 6pt 0; }
    .subject { font-weight: bold; }
    .sign { margin-top: 8pt; }
    .qr-note { text-align: center; font-size: 7.5pt; color: #555; line-height: 1.35; }

    /* Typography for the cover letter authored in "Kandungan Surat". */
    .content :is(h1, h2, h3) { font-size: 10pt; margin: 8pt 0 4pt; }
    .content ul, .content ol { margin: 4pt 0; padding-left: 16pt; }
    .content li { margin-bottom: 2pt; }
    .content a { color: #003366; }
    .content hr { border: none; border-top: 0.4pt solid #999; margin: 5pt 0; }
</style>

{{-- Full-bleed letterhead: page 1 only, matching the official stationery. --}}
{!! $letterheadTop !!}

<div style="padding-top:6mm;"></div>

@if ($hasAuthoredLetter)
    {{--
        Rendered whole and untouched. The letter authored in "Kandungan Surat"
        already carries its own reference block, signature, QR and footnote, so
        adding any of those here would duplicate them.
    --}}
    <div class="content">{!! $letterBody !!}</div>
@else
    {{-- Fallback for a report whose cover letter has not been written yet. --}}
    <table class="meta">
        <tr>
            <td style="width:74%; text-align:right;">No. Laporan</td>
            <td>&nbsp;: {{ $report->reference_number }}</td>
        </tr>
        <tr>
            <td style="text-align:right;">Tarikh</td>
            <td>&nbsp;: {{ $malay($issuedOn) }}</td>
        </tr>
    </table>

    <p style="margin-top:14pt;"><strong>KEPADA SESIAPA YANG BERKENAAN</strong></p>

    <p>YBhg. Dato&rsquo; / Datin / Prof. / Dr. / Tuan / Puan,</p>

    <div class="subject">
        {{ \App\Support\Text::upper($report->letter_title ?: $report->title) }}
        BAGI BULAN {{ \App\Support\Text::upper($report->periodLabel()) }}
    </div>

    <hr style="border:none; border-top:0.4pt solid #999; margin:5pt 0;">

    <div class="content">
        <p>Dengan segala hormatnya perkara di atas adalah dirujuk.</p>

        <p>2.&nbsp;&nbsp;&nbsp;&nbsp;Sukacita dikemukakan {{ $report->title }} bagi Bulan
            {{ $report->periodLabel() }} untuk makluman dan rujukan pihak tuan/puan. Laporan penuh
            boleh diakses di pautan: {{ $publicUrl }}</p>

        <p>3.&nbsp;&nbsp;&nbsp;&nbsp;Semua dapatan dalam laporan ini adalah hak milik eksklusif
            {{ $config['issuing_office'] }}. Sebarang pertanyaan lanjut berhubung laporan ini boleh
            dikemukakan kepada {{ $config['support_contact']['name'] }},
            {{ $config['support_contact']['post'] }} atau e-mel
            {{ $config['support_contact']['email'] }}. Perhatian dan sokongan berterusan daripada
            pihak tuan/puan amatlah dihargai.</p>

        <p>Sekian, terima kasih.</p>
    </div>

    <table class="sign">
        <tr>
            <td style="width:70%; vertical-align:top;">
                <strong>{!! implode('<br>', $config['slogans']) !!}</strong>

                <p style="margin-top:8pt;">Yang benar,</p>

                <div style="height:20pt;"></div>

                <strong>{{ \App\Support\Text::upper($report->creator->displayName()) }}</strong><br>
                {{ $report->creator->user_post ?: $config['default_signatory_post'] }}
            </td>
            <td style="width:30%; text-align:right; vertical-align:middle;">
                <img src="{{ $qrDataUri }}" style="width:24mm; height:24mm;">
            </td>
        </tr>
    </table>

    <p class="qr-note">
        <i>Dokumen ini adalah janaan komputer. Tiada tanda tangan fizikal diperlukan.
        Imbas Kod QR untuk pengesahan.</i>
    </p>
@endif

{{-- Closing band sits directly beneath the page 1 content, also full bleed. --}}
<div style="padding-top:6mm;"></div>
{!! $letterheadBottom !!}