<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        /* Reģistrējam fontu ar latviešu burtu atbalstu */
        @font-face {
            font-family: 'DejaVu Sans';
            src: url('https://cdnjs.cloudflare.com/ajax/libs/dejavu-fonts/2.37/ttf/DejaVuSans.ttf');
        }
        @page { size: A4; margin: 2cm; }
        body { font-family: 'DejaVu Sans', sans-serif; color: #333; line-height: 1.5; }
        .header { border-bottom: 2px solid #8b5cf6; padding-bottom: 20px; margin-bottom: 30px; }
        .logo { font-size: 24px; font-weight: bold; color: #8b5cf6; }
        .invoice-title { font-size: 28px; text-align: right; color: #8b5cf6; }
        .details-table { width: 100%; margin-bottom: 40px; }
        .items-table { width: 100%; border-collapse: collapse; }
        .items-table th { background: #f3f4f6; padding: 10px; text-align: left; border-bottom: 2px solid #8b5cf6; }
        .items-table td { padding: 10px; border-bottom: 1px solid #eee; }
        .total { text-align: right; font-size: 18px; font-weight: bold; margin-top: 20px; }
        .footer { position: fixed; bottom: 0; font-size: 10px; color: #999; text-align: center; }
    </style>
</head>
<body>
    <div class="header">
        <table width="100%">
            <tr>
                <td class="logo">MIM.LV</td>
                <td class="invoice-title">RĒĶINS #{{ numurs }}</td>
            </tr>
        </table>
    </div>

    <table class="details-table">
        <tr>
            <td width="55%" style="vertical-align: top;">
                <strong>Izdevējs / Pārdevējs:</strong><br>
                SIA MELGALIS<br>
                Reģ. nr: 40203649106<br>
                PVN reģ. nr: LV40203649106<br>
                Juridiskā adrese: Daugavas 89, Skrīveri, Aizkraukles novads, Latvija, LV-5125<br>
                Norēķinu konts: xxxxxxxxxxx<br>
                E-pasts: info@mim.lv
            </td>
            <td width="45%" style="vertical-align: top; padding-left: 20px;">
                <strong>Saņēmējs:</strong><br>
                {{ klients.full_name|default:klients.email }}<br>
                Projekts: {{ projekts.nosaukums|default:"Vispārēji darbi" }}
            </td>
        </tr>
    </table>

    <table class="items-table">
        <thead>
            <tr>
                <th>Apraksts</th>
                <th width="20%">Summa</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>{{ apraksts|default:"Pakalpojumi saskaņā ar vienošanos" }}</td>
                <td>€{{ summa }}</td>
            </tr>
        </tbody>
    </table>

    <div class="total">KOPĀ APMAKSAI: €{{ summa }}</div>

    <div class="footer">
        Izrakstīts: {{ izrakstits }} | Apmaksas termiņš: {{ termins }}<br>
        Paldies par sadarbību!
    </div>
</body>
</html>