{{template "base" .}}

{{define "naslov"}}KIR — knjiga izdatih računa — NTech{{end}}

{{define "sadrzaj"}}
<div class="stranica-stack" style="width:100%;max-width:100%;">

    <!-- zaglavlje: filter perioda + dugme za novi zapis -->
    <div class="kartica animiraj" style="margin-bottom:16px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;">
            <form method="GET" action="/pdv/kir" style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;">
                <div>
                    <label class="polje-labela">Od datuma</label>
                    <input type="date" name="od" value="{{.Od}}" style="padding:8px 10px;border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
                </div>
                <div>
                    <label class="polje-labela">Do datuma</label>
                    <input type="date" name="do" value="{{.Do}}" style="padding:8px 10px;border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
                </div>
                <button type="submit" style="padding:8px 16px;background:var(--sb-aktivan);color:var(--tekst-jak);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;">Prikaži</button>
                {{if or .Od .Do}}<a href="/pdv/kir" class="nazad-link" hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" style="margin-bottom:0;">Poništi filter</a>{{end}}
            </form>
            <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
                {{if index .Dozvole "pdv.dodaj"}}
                <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML"
                   href="/pdv/kir/dnevni-pazar" class="btn-sekundarno" style="font-size:13px;padding:8px 16px;white-space:nowrap;">
                    Dnevni pazar
                </a>
                <form method="POST" action="/pdv/kir/backfill-prodaje" data-full-reload>
                    <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
                    <button type="submit" class="btn-sekundarno" style="font-size:13px;padding:8px 16px;white-space:nowrap;"
                        data-potvrda="Uvesti sve B2B prodaje koje još nisu u KIR-u?">
                        Uvezi iz prodaje
                    </button>
                </form>
                <form method="POST" action="/pdv/kir/backfill-servisa" data-full-reload>
                    <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
                    <button type="submit" class="btn-sekundarno" style="font-size:13px;padding:8px 16px;white-space:nowrap;"
                        data-potvrda="Uvesti sve preuzete servisne naloge koji još nisu u KIR-u?">
                        Uvezi iz servisa
                    </button>
                </form>
                {{end}}
                <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/pdv/kir/nova" class="btn-primarno" style="font-size:13px;padding:8px 16px;white-space:nowrap;">+ Nov izlazni račun</a>
            </div>
        </div>
    </div>

    <!-- knjiga -->
    <div class="kartica animiraj" style="padding:0;overflow:hidden;">
        <div style="overflow-x:auto;">
            <table class="tabela" style="width:100%;border-collapse:collapse;font-size:13px;min-width:900px;">
                <thead>
                    <tr style="text-align:left;color:var(--tekst-sporedni);border-bottom:0.5px solid var(--ivica);">
                        <th style="padding:10px 12px;">Datum prometa</th>
                        <th style="padding:10px 12px;">Broj dok.</th>
                        <th style="padding:10px 12px;">Kupac</th>
                        <th style="padding:10px 12px;text-align:right;">Osn. 20%</th>
                        <th style="padding:10px 12px;text-align:right;">PDV 20%</th>
                        <th style="padding:10px 12px;text-align:right;">Osn. 10%</th>
                        <th style="padding:10px 12px;text-align:right;">PDV 10%</th>
                        <th style="padding:10px 12px;text-align:right;">Oslobođeno</th>
                        <th style="padding:10px 12px;text-align:right;">Ukupno</th>
                        <th style="padding:10px 12px;"></th>
                    </tr>
                </thead>
                <tbody>
                    {{range .Zapisi}}
                    <tr style="border-bottom:0.5px solid var(--ivica);">
                        <td style="padding:10px 12px;white-space:nowrap;">{{.DatumPrometa.Format "02.01.2006."}}</td>
                        <td style="padding:10px 12px;">{{.BrojDokumenta}}</td>
                        <td style="padding:10px 12px;">{{.KupacNaziv}}{{if .KupacPib}}<div style="font-size:11px;color:var(--tekst-sporedni);">{{.OznakaPoreskogBroja}}: {{.KupacPib}}</div>{{end}}{{if index $.Zastareo .ID}}<div style="font-size:11px;color:var(--upozorenje, #b58900);margin-top:2px;">⚠ zastareo iznos — <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/pdv/kir/dnevni-pazar?datum={{.DatumPrometa.Format "2006-01-02"}}" style="color:inherit;text-decoration:underline;">osveži</a></div>{{end}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .OsnovicaOpsta}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .PdvOpsta}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .OsnovicaPosebna}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .PdvPosebna}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .OslobodenUkupno}}</td>
                        <td style="padding:10px 12px;text-align:right;font-weight:500;">{{dinari .Ukupno}}</td>
                        <td style="padding:10px 12px;text-align:right;white-space:nowrap;">
                            {{if eq .Izvor "rucno"}}
                            <form method="POST" action="/pdv/kir/obrisi/{{.ID}}" style="display:inline;">
                                <button type="submit" class="btn-obrisi-malo" data-potvrda="Obrisati ovaj zapis iz KIR?">Obriši</button>
                            </form>
                            {{else}}
                            <span style="font-size:11px;color:var(--tekst-sporedni);" title="Zavedeno automatski — upravlja se preko prodaje (storniraj/obriši prodaju)">iz prodaje</span>
                            {{end}}
                        </td>
                    </tr>
                    {{else}}
                    <tr><td colspan="10" style="padding:28px;text-align:center;color:var(--tekst-sporedni);">Nema zapisa u izabranom periodu. <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/pdv/kir/nova" style="color:var(--sb-akcent);">Dodaj prvi.</a></td></tr>
                    {{end}}
                </tbody>
                {{if .Zapisi}}
                <tfoot>
                    <tr style="border-top:0.5px solid var(--ivica);font-weight:500;background:var(--pozadina);">
                        <td style="padding:10px 12px;" colspan="3">UKUPNO ({{len .Zapisi}})</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .Sume.OsnovicaOpsta}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .Sume.PdvOpsta}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .Sume.OsnovicaPosebna}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .Sume.PdvPosebna}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .Sume.OslobodenUkupno}}</td>
                        <td style="padding:10px 12px;text-align:right;">{{dinari .Sume.Ukupno}}</td>
                        <td></td>
                    </tr>
                </tfoot>
                {{end}}
            </table>
        </div>
    </div>

    <!-- sumnjivi duplikati (double-submit) — prodaje preskočene pri automatskom uvozu -->
    {{if .SumnjiviDuplikati}}
    <div class="kartica animiraj" style="margin-top:24px;">
        <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">
            <span style="font-size:14px;font-weight:600;">⚠ Sumnjivi duplikati</span>
            <span style="font-size:12px;color:var(--tekst-sporedni);">({{len .SumnjiviDuplikati}} preskočeno pri uvozu — mogući double-submit, proveri ručno)</span>
        </div>
        <div style="overflow-x:auto;">
            <table class="tabela" style="width:100%;border-collapse:collapse;font-size:13px;min-width:600px;">
                <thead>
                    <tr style="text-align:left;color:var(--tekst-sporedni);border-bottom:0.5px solid var(--ivica);">
                        <th style="padding:8px 12px;">Broj</th>
                        <th style="padding:8px 12px;">Datum</th>
                        <th style="padding:8px 12px;">Kupac</th>
                        <th style="padding:8px 12px;text-align:right;">Iznos</th>
                        <th style="padding:8px 12px;"></th>
                    </tr>
                </thead>
                <tbody>
                    {{range .SumnjiviDuplikati}}
                    <tr style="border-bottom:0.5px solid var(--ivica);{{if .Stornirano}}opacity:.5;{{end}}">
                        <td style="padding:8px 12px;font-family:monospace;">{{.BrojNaloga}}</td>
                        <td style="padding:8px 12px;white-space:nowrap;">{{.Datum.Format "02.01.2006. 15:04"}}</td>
                        <td style="padding:8px 12px;">{{.KlijentNaziv}}</td>
                        <td style="padding:8px 12px;text-align:right;font-weight:500;">{{dinari .Ukupno}}</td>
                        <td style="padding:8px 12px;text-align:right;white-space:nowrap;">
                            <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML"
                               href="/prodaja/{{.ID}}" class="btn-sekundarno" style="font-size:12px;padding:4px 10px;">Pregled</a>
                        </td>
                    </tr>
                    {{end}}
                </tbody>
            </table>
        </div>
        <div style="margin-top:12px;font-size:12px;color:var(--tekst-sporedni);line-height:1.6;">
            Ovo su prodaje koje izgledaju kao dupli unos (isti kupac, isti iznos, unutar 60 sekundi).
            Automatski uvoz ih preskače da ne bi duplirao prihod u KIR-u.
            <strong>Ako su to stvarno dve odvojene prodaje</strong> — unesi ručno preko
            <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/pdv/kir/nova">+ Nov izlazni račun</a>.
            <strong>Ako je greška (double-submit)</strong> — storniraj/obriši duplikat u Prodaji.
        </div>
    </div>
    {{end}}

</div>
{{end}}