<!DOCTYPE html>
<html>
<head>
    <title>Invoice INV-202506040008</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>body { 
    font-family: Arial, sans-serif; 
    font-size: 14px; 
    line-height: 1.6; 
    color: #333; 
    margin: 0; 
    padding: 20px; 
}
@media print { 
    body { margin: 0; padding: 15px; } 
}</style>
</head>
<body>
    
    <div style="text-align: center; border-bottom: 2px solid #333; padding-bottom: 20px; margin-bottom: 30px;">
    <h1 style="margin: 0; color: #333;">PT. EKO GLOBAL TECHNO</h1>
    <p style="margin: 5px 0;">Kp.Gadog RT 03/03 Desa Gadog</p>
    <p style="margin: 0;">Telp: 08988409756 | Email: admin@eglobaltech.id</p>
</div>

<div style="display: flex; justify-content: space-between; margin-bottom: 30px;">
    <div>
        <h2 style="margin: 0;">INVOICE</h2>
        <p>INV-202506040008</p>
    </div>
    <div style="text-align: right;">
        <p><strong>Tanggal:</strong> 04/06/2025</p>
        <p><strong>Jatuh Tempo:</strong> 06/06/2025</p>
    </div>
</div><div style="margin-bottom: 30px;">
    <h3>Kepada:</h3>
    <p><strong>Bpk. ANO / AZRIEL</strong></p>
    <p>-</p>
    <p>HP: 085716312142</p>
</div>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
    <thead>
        <tr style="background: #f5f5f5;">
            <th style="border: 1px solid #ddd; padding: 10px; text-align: left;">Deskripsi</th>
            <th style="border: 1px solid #ddd; padding: 10px; text-align: left;">Periode</th>
            <th style="border: 1px solid #ddd; padding: 10px; text-align: right;">Jumlah</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="border: 1px solid #ddd; padding: 10px;">Internet 10Mbps</td>
            <td style="border: 1px solid #ddd; padding: 10px;">06/06/2025 - 05/07/2025</td>
            <td style="border: 1px solid #ddd; padding: 10px; text-align: right;">Rp 200.000</td>
        </tr>
    </tbody>
    <tfoot>
        <tr style="background: #f5f5f5; font-weight: bold;">
            <td colspan="2" style="border: 1px solid #ddd; padding: 10px;">TOTAL</td>
            <td style="border: 1px solid #ddd; padding: 10px; text-align: right;">Rp 200.000</td>
        </tr>
    </tfoot>
</table><div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #ddd;">
    <h4>Pembayaran:</h4>
    {{#if rekening_utama}}
    <p>Transfer ke: {{rekening_utama}}</p>
    {{/if}}
    
    <p style="margin-top: 20px;"><em>Terima kasih atas kepercayaan Anda.</em></p>
</div>
    
</body>
</html>