<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>{{ $letter->letter_type_label }} - {{ $student->name }}</title>
    <style>
        @page {
            size: A4;
            margin: 2cm;
        }
        body {
            font-family: "Times New Roman", Times, serif;
            font-size: 12pt;
            line-height: 1.5;
            color: #000;
            background: #fff;
            margin: 0;
            padding: 0;
        }
        .header {
            text-align: center;
            border-bottom: 3px double #000;
            padding-bottom: 8px;
            margin-bottom: 20px;
        }
        .header h2 {
            margin: 0;
            font-size: 14pt;
            text-transform: uppercase;
            font-weight: bold;
        }
        .header h1 {
            margin: 2px 0;
            font-size: 16pt;
            text-transform: uppercase;
            font-weight: bold;
        }
        .header p {
            margin: 0;
            font-size: 10pt;
            font-style: italic;
        }
        .title {
            text-align: center;
            margin-bottom: 20px;
        }
        .title h3 {
            margin: 0;
            font-size: 13pt;
            text-decoration: underline;
            text-transform: uppercase;
        }
        .title p {
            margin: 2px 0;
            font-size: 11pt;
        }
        .content {
            margin-bottom: 20px;
        }
        table.meta {
            width: 100%;
            margin: 10px 0 20px 20px;
            border-collapse: collapse;
        }
        table.meta td {
            padding: 4px 8px;
            vertical-align: top;
        }
        table.dates {
            width: 90%;
            margin: 10px auto 20px auto;
            border-collapse: collapse;
        }
        table.dates th, table.dates td {
            border: 1px solid #000;
            padding: 5px 10px;
            text-align: left;
            font-size: 11pt;
        }
        table.dates th {
            background-color: #f2f2f2;
        }
        .footer {
            margin-top: 40px;
            width: 100%;
        }
        .signature-box {
            float: right;
            width: 250px;
            text-align: center;
        }
        .signature-space {
            height: 70px;
        }
        .no-print {
            display: block;
            background: #f8fafc;
            border: 1px solid #cbd5e0;
            padding: 10px;
            text-align: center;
            margin-bottom: 20px;
            border-radius: 8px;
        }
        @media print {
            .no-print { display: none; }
        }
    </style>
</head>
<body>
    <div class="no-print">
        <button onclick="window.print()" style="padding: 8px 16px; background: #0284c7; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: bold;">
            🖨️ Cetak Surat PDF
        </button>
    </div>

    <!-- Kop Surat Resmi -->
    <div class="header">
        <h2>PEMERINTAH PROVINSI {{ strtoupper($school['school_province'] ?? 'LAMPUNG') }}</h2>
        <h2>{{ strtoupper($school['school_dinas'] ?? 'DINAS PENDIDIKAN DAN KEBUDAYAAN') }}</h2>
        <h1>{{ strtoupper($school['school_name_formal'] ?? 'SMK NEGERI 1 GUNUNG AGUNG') }}</h1>
        <p>{{ $school['school_address'] ?? 'Jl. Raya Mulya Jaya, Kec. Gunung Agung, Kab. Tulang Bawang Barat' }} | Telp/HP: {{ $school['school_phone'] ?? '-' }}</p>
    </div>

    <!-- Title Surat -->
    <div class="title">
        <h3>{{ strtoupper($letter->letter_type_label) }}</h3>
        <p>Nomor: {{ $letter->letter_number }}</p>
    </div>

    <!-- Content Surat -->
    <div class="content">
        <p>Dengan hormat,</p>
        <p>Sehubungan dengan pelaksanaan kegiatan belajar mengajar dan penegakan kedisiplinan presensi di {{ $school['school_name'] ?? 'Sekolah' }}, dengan ini kami beritahukan bahwa siswa di bawah ini:</p>

        <table class="meta">
            <tr>
                <td width="160">Nama Siswa</td>
                <td width="10">:</td>
                <td><strong>{{ $student->name }}</strong></td>
            </tr>
            <tr>
                <td>NIS / NIP</td>
                <td>:</td>
                <td>{{ $student->nip_nis ?? '-' }}</td>
            </tr>
            <tr>
                <td>Kelas</td>
                <td>:</td>
                <td>{{ $student->class_name ?? '-' }}</td>
            </tr>
            <tr>
                <td>Nama Orang Tua / Wali</td>
                <td>:</td>
                <td>Orang Tua / Wali Murid dari {{ $student->name }}</td>
            </tr>
        </table>

        <p>Telah tercatat tidak hadir tanpa keterangan resmi (<strong>Alpha</strong>) sebanyak <strong>{{ $letter->alpha_count }} kali</strong> pada periode bulan <strong>{{ \Carbon\Carbon::parse($letter->month . '-01')->translatedFormat('F Y') }}</strong>, dengan rincian tanggal sebagai berikut:</p>

        <table class="dates">
            <thead>
                <tr>
                    <th width="40">No</th>
                    <th>Hari & Tanggal Alpha</th>
                    <th>Keterangan</th>
                </tr>
            </thead>
            <tbody>
                @foreach($alphaDates as $idx => $dateStr)
                    <tr>
                        <td>{{ $idx + 1 }}</td>
                        <td>{{ $dateStr }}</td>
                        <td>Tanpa Keterangan (Alpha)</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        @if($letter->letter_type === 'panggilan_ortu')
            <p>Berkenaan dengan hal tersebut, kami mengharapkan kehadiran Bapak/Ibu Orang Tua/Wali Murid ke Sekolah pada:</p>
            <table class="meta">
                <tr>
                    <td width="160">Hari / Tanggal</td>
                    <td width="10">:</td>
                    <td>Segera (Waktu Jam Kerja Sekolah 08.00 - 14.00 WIB)</td>
                </tr>
                <tr>
                    <td>Tempat</td>
                    <td>:</td>
                    <td>Ruang Bimbingan Konseling (BK) / Ruang Wali Kelas</td>
                </tr>
                <tr>
                    <td>Keperluan</td>
                    <td>:</td>
                    <td>Klarifikasi dan Koordinasi Penanganan Kedisiplinan Siswa</td>
                </tr>
            </table>
        @else
            <p>Surat Peringatan ini diterbitkan agar menjadi perhatian serius bagi siswa bersangkutan dan orang tua/wali murid untuk segera melakukan perbaikan sikap dan disiplin kehadiran di sekolah.</p>
        @endif

        @if($letter->notes)
            <p><strong>Catatan Tambahan:</strong> {{ $letter->notes }}</p>
        @endif

        <p>Demikian surat ini disampaikan. Atas perhatian dan kerja sama Bapak/Ibu Orang Tua/Wali Murid, kami ucapkan terima kasih.</p>
    </div>

    <!-- Signatures -->
    <div class="footer">
        <div class="signature-box">
            <p>{{ $school['school_city'] ?? 'Gunung Agung' }}, {{ $letter->issued_date->translatedFormat('d F Y') }}<br>Kepala Sekolah,</p>
            
            <div class="signature-space">
                @if(!empty($signatureUrl))
                    <img src="{{ $signatureUrl }}" alt="TTD" style="height: 65px;">
                @endif
            </div>

            <p><strong><u>{{ $school['principal_name'] ?? 'Drs. Headmaster' }}</u></strong><br>NIP. {{ $school['principal_nip'] ?? '-' }}</p>
        </div>
        <div style="clear: both;"></div>
    </div>
</body>
</html>
