Kufrik/app/UI/FakturaDetail/default.latte

{block content}

<div class="container-fluid py-3">
    <!-- Ovládací lišta (při tisku se schová) -->
    <div class="d-flex justify-content-between align-items-center mb-4 d-print-none">
        <div>
            <a n:href="Faktura:default" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i>Zpět na seznam
            </a>
        </div>
        <div>
            <a n:href="FakturaEdit:edit $faktura->ID" class="btn btn-outline-primary me-2">
                <i class="bi bi-pencil me-1"></i>Upravit
            </a>
            <button onclick="window.print()" class="btn btn-success">
                <i class="bi bi-printer me-1"></i>Vytisknout / PDF
            </button>
        </div>
    </div>

    <!-- Tělo faktury (Formát A4 náhled) -->
    <div class="card shadow-sm border-0 p-4 p-md-5 bg-white mx-auto invoice-box" style="max-width: 900px;">
        <!-- Hlavička faktury -->
        <div class="row pb-4 mb-4 border-bottom">
            <div class="col-6">
                <h1 class="h3 fw-bold mb-1">FAKTURA - DAŇOVÝ DOKLAD</h1>
                <div class="fs-5 text-muted">Číslo: <strong>{$faktura->CISLO}</strong></div>
            </div>
            <div class="col-6 text-end">
                <span class="badge {if $faktura->STAV === 'PAID'}bg-success{else}bg-warning text-dark{/if} fs-6 p-2 d-print-none">
                    {if $faktura->STAV === 'PAID'}UHRATENO{else}NEUHRATENO{/if}
                </span>
            </div>
        </div>

        <!-- Dodavatel a Odběratel (ze snapshotů D_* a O_*) -->
        <div class="row mb-4">
            <!-- DODAVATEL -->
            <div class="col-6">
                <h6 class="text-uppercase text-muted fw-bold mb-2">Dodavatel</h6>
                <div class="fw-bold fs-5">{$faktura->D_PRAJM ?: '—'}</div>
                <div>{$faktura->D_ULICE}</div>
                <div>{$faktura->D_PSC} {$faktura->D_MESTO}</div>
                
                <div class="mt-2">
                    {if $faktura->D_IC}<strong>IČ:</strong> {$faktura->D_IC}<br>{/if}
                    {if $faktura->D_DIC}<strong>DIČ:</strong> {$faktura->D_DIC}<br>{/if}
                </div>

                {if $faktura->D_BANKA}
                    <div class="mt-2">
                        <strong>Bankovní účet:</strong><br>
                        <span class="fw-bold">{$faktura->D_BANKA}</span>
                    </div>
                {/if}
            </div>

            <!-- ODBĚRATELE -->
            <div class="col-6">
                <h6 class="text-uppercase text-muted fw-bold mb-2">Odběratel</h6>
                <div class="fw-bold fs-5">{$faktura->O_PRAJM ?: '—'}</div>
                <div>{$faktura->O_ULICE}</div>
                <div>{$faktura->O_PSC} {$faktura->O_MESTO}</div>

                <div class="mt-2">
                    {if $faktura->O_IC}<strong>IČ:</strong> {$faktura->O_IC}<br>{/if}
                    {if $faktura->O_DIC}<strong>DIČ:</strong> {$faktura->O_DIC}<br>{/if}
                </div>
            </div>
        </div>

        <!-- Datuma -->
        <div class="row my-3 p-3 bg-light rounded text-center">
            <div class="col-4">
                <div class="text-muted small">Datum vystavení:</div>
                <div class="fw-bold">{$faktura->DATUM_VYSTAVENI|date:'d.m.Y'}</div>
            </div>
            <div class="col-4">
                <div class="text-muted small">Datum DUZP:</div>
                <div class="fw-bold">{if $faktura->DATUM_DUZP}{$faktura->DATUM_DUZP|date:'d.m.Y'}{else}—{/if}</div>
            </div>
            <div class="col-4">
                <div class="text-muted small">Datum splatnosti:</div>
                <div class="fw-bold text-danger">{$faktura->DATUM_SPLATNOSTI|date:'d.m.Y'}</div>
            </div>
        </div>

        <!-- Činnosti / Popis -->
        <div n:if="$faktura->CINNOSTI" class="mb-4">
            <h6 class="text-uppercase text-muted fw-bold mb-1">Popis plnění / Činnosti:</h6>
            <p class="mb-0 text-break" style="white-space: pre-line;">{$faktura->CINNOSTI}</p>
        </div>

        <!-- Tabulka položek -->
        <div class="table-responsive my-4">
            <table class="table table-striped align-middle">
                <thead class="table-light">
                    <tr>
                        <th style="width: 40px;" class="text-center">#</th>
                        <th>Položka</th>
                        <th style="width: 90px;" class="text-end">Počet</th>
                        <th style="width: 70px;">Jedn.</th>
                        <th style="width: 120px;" class="text-end">Cena/J.</th>
                        <th style="width: 80px;" class="text-end">Sleva</th>
                        <th style="width: 130px;" class="text-end">Celkem</th>
                    </tr>
                </thead>
                <tbody>
                    {foreach $polozky as $p}
                        <tr>
                            <td class="text-center text-muted fw-bold">{$p->PORADI}</td>
                            <td>{$p->NAZEV}</td>
                            <td class="text-end">{$p->POCET}</td>
                            <td>{$p->JEDNOTKA}</td>
                            <td class="text-end">{$p->CENA_JEDNOTKA|number:2, ',', ' '} CZK</td>
                            <td class="text-end">{if $p->SLEVA > 0}{$p->SLEVA} %{else}—{/if}</td>
                            <td class="text-end fw-bold">{$p->CENA|number:2, ',', ' '} CZK</td>
                        </tr>
                    {/foreach}
                </tbody>
            </table>
        </div>

        <!-- Rekapitulace a součet -->
        <div class="row justify-content-end my-3">
            <div class="col-md-5">
                <div class="d-flex justify-content-between align-items-center p-3 bg-primary text-white rounded">
                    <span class="fs-5 fw-bold">Celkem k úhradě:</span>
                    <span class="fs-4 fw-bold">{$celkem|number:2, ',', ' '} CZK</span>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
@media print {
    body {
        background: #fff !important;
    }
    .d-print-none {
        display: none !important;
    }
    .invoice-box {
        box-shadow: none !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
}
</style>