<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RAB Kompetensi Akuntansi</title>
    <style>
        body {
            font-family: "Arial", sans-serif;
            margin: 0;
            padding: 20px;
            font-size: 12px;
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
        }
        @page {
            size: A4;
            margin: 1mm;
        }
        .bold {
            font-weight: bold;
        }
        .header-container {
            position: relative;
            width: 100%;
        }
        .header-logo {
            max-width: 75%;
            height: auto;
        }
        .title {
            font-size: 16px;
            font-size: 16px;
            text-align: center;
            font-weight: bold;
        }
        .title-last {
            margin-bottom: 15px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
            page-break-inside: avoid;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            padding: 5px;
            vertical-align: middle;
        }
        .signature-container {
            margin-top: 50px;
            width: 100%;
            page-break-inside: avoid;
        }
        .signature-table {
            width: 100%;
            border: none;
            border-collapse: collapse;
        }
        .signature-col {
            width: 50%;
            vertical-align: top;
            text-align: left;
            border: none;
        }
        .signature-col-left {
            padding-left: 5px;
        }
        .signature-col-right {
            padding-left: 172px;
        }
        .signature-title {
            margin-bottom: 5px;
        }
        .signature-department {
            font-weight: bold;
            margin-bottom: 80px;
        }
        .signature-date {
            margin-bottom: 5px;
        }
        .signature-position {
            font-weight: bold;
            margin-bottom: 80px;
        }
        .signature-name {
            margin-top: 40px;
            font-weight: bold;
            text-decoration: none;
        }
        .signature-nip {
            margin-top: 0;
        }
        hr {
            border: 0.5px solid black;
            margin: 5px 0 10px 0;
        }
    </style>
</head>
<body>
    <div class="header-container">
        <img class="header-logo" src="../../../public/images/top-provinsi.jpg">
    </div>
    
    <hr>
    
    <div class="title">RENCANA ANGGARAN BIAYA (RAB) KOMPETENSI AKUNTANSI</div>
    <div class="title">SMK NEGERI 1 BONDOWOSO</div>
    <div class="title title-last">TAHUN 2025</div>
    
    <div style="margin-bottom: 10px;">
        <table style="border: none;">
            <tr>
                <td style="width: 20%; border: none;">Kompetensi Keahlian</td>
                <td style="width: 5%; border: none;">:</td>
                <td style="border: none;">AKUNTANSI</td>
                <td style="border: none;"></td>
                <td style="border: none;"></td>
                <td style="border: none;"></td>
                <td style="border: none;"></td>
            </tr>
        </table>
    </div>
    
    <table>
        <thead>
            <tr>
                <th>No</th>
                <th>UANG PRAKTE</th>
                <th>Alat/Bahan</th>
                <th>Volume</th>
                <th>Satuan</th>
                <th>Harga</th>
                <th>Jumlah</th>
                <th>Keterangan</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="center">1</td>
                <td class="bold">AKUNTANSI</td>
                <td>Kertas HVS Sinar Dunia (SIDu) A4 70 gr 1 dus / 5 Rim</td>
                <td class="center">2</td>
                <td class="center">Box</td>
                <td class="right">Rp 200.000,00</td>
                <td class="right">Rp 400.000,00</td>
                <td></td>
            </tr>
            <tr>
                <td colspan="6" class="bold">Total</td>
                <td class="right bold">Rp 400.000,00</td>
                <td></td>
            </tr>
        </tbody>
    </table>
    
    <div class="signature-container">
        <table class="signature-table">
            <tr>
                <td class="signature-col signature-col-left">
                    <div class="signature-title">KETUA PAKET KEAHLIAN</div>
                    <div class="signature-department">Akuntansi dan Keuangan Lembaga</div>
                    <div class="signature-name">SRI HASTUTI, S.E</div>
                    <div class="signature-nip">NIP. 19770727 201001 2 008</div>
                </td>
                <td class="signature-col signature-col-right">
                    <div class="signature-date">Bondowoso, {{ now()->translatedFormat('d F Y') }}</div>
                    <div class="signature-position">Laboran RPS Akuntansi</div>
                    <div class="signature-name">ABDUL MUID</div>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>