<!DOCTYPE html>
<html lang="tet">
<head>
    <meta charset="UTF-8">
    <style>
        @page { size: A4; margin: 2cm 2.5cm; }
        body { font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 1.5; color: #000; background: #fff; }
        
        /* Header / Kop Surat */
        .header-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 2px solid #000;
            padding-bottom: 12px;
            margin-bottom: 20px;
        }
        .logo-kanan img, .logo-kiri img { width: 75px; height: auto; }
        .header-text { text-align: center; flex: 1; line-height: 1.3; }
        .header-text .instansi { font-weight: bold; font-size: 14pt; text-transform: uppercase; margin-bottom: 2px; }
        .header-text .dept { font-weight: bold; font-size: 11pt; margin-bottom: 2px; }
        .header-text .address, .header-text .contact { font-size: 9.5pt; }

        /* Judul dan Ref */
        .title { text-align: center; font-weight: bold; text-decoration: underline; font-size: 13pt; margin-top: 15px; }
        .ref { text-align: center; margin-bottom: 25px; font-size: 11pt; }
        
        /* Tabel Info */
        .info-table { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
        .info-table td { vertical-align: top; padding: 3px 0; }
        .info-table td:first-child { width: 110px; font-weight: bold; }
        
        /* Isi Surat */
        .content { text-align: justify; }
        .paragraph { margin-bottom: 15px; text-indent: 40px; }
        
        /* Bagian Tanda Tangan (Posisi di kanan bawah) */
        .footer-section {
            margin-top: 40px;
            float: right;
            text-align: center;
            width: 280px;
        }
        .signature-space { height: 75px; }
        .signature-name { font-weight: bold; text-decoration: underline; }
        .signature-title { font-weight: bold; margin-top: 2px; }
    </style>
</head>
<body onload="window.print()">

    <!-- Header / Kop Surat -->
    <div class="header-wrapper">
        <div class="logo-kanan">
            <img src="/Smartoffice/template/img/Logo%20IPDC.png" alt="Logo IPDC">
        </div>
        <div class="header-text">
            <div class="instansi">INSTITUTO PROFISSIONAL DE CANOSSA</div>
            <div class="dept">DEPARTAMENTO TÉCNICAS DE COMPUTAÇÃO E INFORMÁTICA</div>
            <div class="address">Avenida, Has-Laran, Delta Comoro, Dili-Timor Leste</div>
            <div class="contact">Kontakto: 76049115, email:ipdc_tci@ipdc.edu.tl</div>
        </div>
        <div class="logo-kiri">
            <img src="/Smartoffice/template/img/tci.png" alt="Logo TCI">
        </div>
    </div>

    <!-- Judul & No Ref -->
    <div class="title">KARTA DESPACHO</div>
    <div class="ref">Nu ref: ________ / IPDC/TCI/KD/II/2026</div>

    <!-- Informasi Surat (Dinamis dari Database) -->
    <table class="info-table">
        <tr>
            <td>Bodik ba</td>
            <td>: Sr. <?= isset($row->hatoba) ? htmlspecialchars($row->hatoba) : ''; ?></td>
        </tr>
        <tr>
            <td>Assunto</td>
            <td>: <?= isset($row->asuntu) ? htmlspecialchars($row->asuntu) : ''; ?></td>
        </tr>
        <tr>
            <td>Anexo</td>
            <td>: <?= isset($row->anexu) ? htmlspecialchars($row->anexu) : ''; ?></td>
        </tr>
    </table>

    <!-- Paragraf Isi Surat -->
    <div class="content">
        <p>Ho respeito,</p>
        <p class="paragraph">
            Liu husi karta ida ne’e, hau hanesan xefe departamento TCI, ho konviansa tomak hakarak informa ba ita boot katak, bazeia ba desizaun hamutuk departamento ho dosentes sira hotu, ami tau konfiansa ba ita boot atu sai hanesan responsavel ba estudante foun ba TA 2026. Alende hanesan dosente da materia, ita nia knaar ida mak atu akompaña estudante sira ne’e nia prosesu tomak durante halao estudo iha IPDC, espesialmente iha departamento TCI too remata.
        </p>
        <p class="paragraph">
            Atu hatene klean liu tan konaba knaar dosente da turma (wali) no estudante sira nian, ami anexa iha livru Guidlines ba dosente wali nian.
        </p>
        <p class="paragraph">
            Maka ne’e deit ami nia informasaun ba Ita boot, ba ita boot nia konsiderasaun no kolaborasaun ami hato’o obrigada wain.
        </p>
    </div>

    <!-- Tanda Tangan Kanan Bawah -->
    <div class="footer-section">
        Dili, 25 / 02 / 2026<br>
        Koñesementu
        <div class="signature-space"></div>
        <div class="signature-name">Jaime da Costa Lobo Soares, S.Kom., M.T</div>
        <div class="signature-title">Xefe departamento</div>
    </div>

</body>
</html>