<!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: 100px; font-weight: bold; }
        
        /* Isi Surat */
        .content { text-align: justify; }
        .paragraph { margin-bottom: 15px; text-indent: 40px; }
        
        /* Style Tabel Data Mahasiswa */
        table.data-estudante { width: 100%; border-collapse: collapse; margin: 15px 0; }
        table.data-estudante th, table.data-estudante td { border: 1px solid #000; padding: 6px 8px; text-align: center; font-size: 11pt; }
        table.data-estudante th { background-color: #f2f2f2; }
        
        /* Bagian Tanda Tangan (Posisi di kanan bawah) */
        .footer-section {
            margin-top: 40px;
            float: right;
            text-align: center;
            width: 280px;
        }
        .signature-space { height: 65px; }
        .signature-name { font-weight: bold; text-decoration: underline; }
        .signature-title { font-weight: bold; margin-top: 2px; font-size: 10.5pt; }
    </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">PEDIDO AUTORIZASAUN ESTÁGIU</div>
    <div class="ref">Ref: 09 /IPDC/TCI/PAE/I/2026</div>

    <!-- Informasi Surat Dinamis dari Database -->
    <table class="info-table">
        <tr>
            <td><strong>Hato’o ba</strong></td>
            <td>: <?= isset($row->hatoba) ? htmlspecialchars($row->hatoba) : ''; ?></td>
        </tr>
        <tr>
            <td></td>
            <td>&nbsp;&nbsp;Diretora Geral dos Serviços Corporativos MJDAC</td>
        </tr>
        <tr>
            <td><strong>Assunto</strong></td>
            <td>: <?= isset($row->asuntu) ? htmlspecialchars($row->asuntu) : ''; ?></td>
        </tr>
        <tr>
            <td><strong>Anexo</strong></td>
            <td>: <?= isset($row->anexu) ? htmlspecialchars($row->anexu) : ''; ?></td>
        </tr>
    </table>

    <!-- Isi Surat -->
    <div class="content">
        <p>Ami nia respeitu,</p>
        <p class="paragraph">
            Ho biban ida ne’e, ami husi Instituto Profissional de Canossa (IPDC), Assunto Académico hato’o ami nia pedido ba ita boot katak, iha data <strong>14 de Janeiro to’o 12 de Março de 2026</strong>, estudantes husi Instituto Profissional de Canossa (IPDC), Departementu Técnicas de Computação e Informática sei mai hala’o estágiu iha ita boot nia servisu fatin. Objetivu husi estágiu ne’e maka atu fasilita estudante sira atu aplika koñesementu teoria n’ebe sira aprende ona ba iha pratika no estudante sira mos bele aprende real konaba lalalok iha servisu atu kompleta no aumenta experiencia ba sira.
        </p>
        
        <p class="paragraph">
            Estudante sira sei hetan akompanhamento husi Dosente Orientador ida, dosente orientador sei mai vizita estudantes refere durante estágiu iha ita boot nia servisu fatin. Ami mos husu ita boot sira nia tulun no apoio ba estudante sira atu bele fasilita hela dados ruma n’ebe sira presiza hodi kompleta ba relatorio final estágiu nian, la haluha ami mos husu ita boot sira nia tempu atu bele fo avaliasaun kona ba estudantes refere durante sira hala’o estágiu. Ba ita boot nia laran luak no disponibilidade tomak la haluha ami hato’o obrigado wain.
        </p>
    </div>

    <!-- Tanda Tangan Kanan Bawah -->
    <div class="footer-section">
        Dili, 14 de Janeiro de 2026<br>
        Koñesementu husi :
        <div class="signature-space"></div>
        <div class="signature-name">Jaime da Costa Lobo Soares, S.Kom., M.T</div>
        <div class="signature-title">Xefé Departamento Técnicas de Computação e Informática</div>
    </div>

</body>
</html>