<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Surat Dispensasi</title>
    <style>
        body {
            margin: 4px 3px 3px 4px;
            font-family: 'Times New Roman', Times, serif;
            font-size: 14px;
        }

        .text-center {
            text-align: center;
        }

        .line {
            border-bottom: 1px solid black;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        .mt-2 {
            margin-top: 1rem;
        }

        .mb-1 {
            margin-bottom: 0.25rem;
        }
    </style>
</head>

<body>
    <table width="100%" style="padding-bottom: 10px; margin-bottom: 15px;">
        <tr>
            <td width="80" style="text-align: center;">
                <img src="{{ public_path('img/logo-gemah-ripah.png') }}" height="100" alt="Logo">
            </td>
            <td style="text-align: center;">
                <div style="font-size: 14px;"><strong>PEMERINTAH DAERAH PROVINSI JAWA BARAT</strong></div>
                <div style="font-size: 14px;"><strong>DINAS PENDIDIKAN <br> CABANG DINAS PENDIDIKAN WILAYAH VI</strong>
                </div>
                <div style="font-size: 16px; font-weight: bold; color: cornflowerblue;">SMK NEGERI 1 BOJONGPICUNG
                    CIANJUR</div>
                <div style="font-size: 10px;">Alamat : Jl.Dermaga Des.Sukaratu Kec.Bojongpicung Email : <a
                        href="mailto:smkn1bjp@gmail.com">smkn1bjp@gmail.com</a><a
                        href="mailto:tu.smkn1bjp@gmaill.com">tu.smkn1bjp@gmaill.com</a>
                </div>
                <div style="font-size: 10px; padding-top: 3px;">NSS : 8102070130 NPSN : 20252388 Kode Pos : 43283
                    Bojongpicung</div>
            </td>
            <td width="80" style="text-align: center;">
                <img src="{{ public_path('img/logo-sekolah.png') }}" height="100" alt="Logo">
            </td>
        </tr>
    </table>

    <hr class="line">

    <div class="text-center">
        <h2><u>SURAT PERINGATAN I</u></h2>
        No: {{ $sp->nomor_surat }}
    </div>

    <p>Kepala Yth, <br>Bapak/Ibu Orang Tua/Wali Siswa</p>

    <table style="margin-bottom: 15px;">
        <tr>
            <td style="width: 70px; vertical-align: top;">Nama</td>
            <td style="width: 10px;">:</td>
            <td>{{ $sp->siswa->nama_siswa }}</td>
        </tr>
        <tr>
            <td style="width: 70px; vertical-align: top;">Kelas</td>
            <td style="width: 10px;">:</td>
            <td>{{ $sp->siswa->kelas }}</td>
        </tr>
    </table>

    <p class="mt-2">Di <br>&nbsp;&nbsp;&nbsp;Tempat</p>

    <p><i>Assalamualaikum Wr. Wb.</i></p>

    <p>Dalam rangka kelancaran Proses Belajar Mengajar dan kesinambungan Anak didik antar sekolah serta Orang Tua / Wali
        Siswa-siswi, maka kami selaku pihak Sekolah mengundang Bapak / Ibu / Wali Murid untuk menghadap ke Bagian
        Kesiswaan / Wali Kepala Sekolah. Selambat-lambatnya 3 (tiga) hari setelah diterimanya surat ini, terhitung mulai
        :</p>

    <table>
        <tr>
            <td>Hari</td>
            <td>:</td>
            <td>{{ $sp->hari }}</td>
        </tr>
        <tr>
            <td>Tanggal</td>
            <td>:</td>
            <td>{{ $sp->tanggal }}</td>
        </tr>
        <tr>
            <td>Waktu</td>
            <td>:</td>
            <td>{{ $sp->waktu }}</td>
        </tr>
        <tr>
            <td>Tempat</td>
            <td>:</td>
            <td>Ruang Bimbingan dan Konseling (BK) SMKN 1 Bojongpicung</td>
        </tr>
        <tr>
            <td>Acara</td>
            <td>:</td>
            <td>Pemanggilan Orang Tua / Wali Siswa-Siswi Bermasalah</td>
        </tr>
    </table>

    <p class="mt-2">Mengingat pentingnya hal tersebut, kehadiran Bapak / Ibu sangat kami harapkan. Apabila dalam tiga
        hari Bapak / Ibu Wali Murid tidak menghadap maka kami selaku pihak sekolah akan menindak lanjuti dengan
        melayangkan <b>Surat Peringatan 2</b>. <br>Demikian, terima kasih.
    </p>

    <p><i>Wassalamu'alaikum Wr. Wb</i></p>
    <br><br><br>

    <div style="text-align: right; margin-top: 50px;">
        <p>Bojongpicung, {{ \Carbon\Carbon::now()->translatedFormat('d F Y') }}</p>
        <p>Wali Kelas,</p>
        <br><br><br><br>
        <strong><u>{{ $sp->siswa->guru->nama_guru }}</u></strong><br>
        NIP. {{ $sp->siswa->guru->nip ?? '' }}
    </div>
</body>

</html>
