feat(pdv): KIR — handler, RequireModul, rute i UI (Faza 2a)

Pregled knjige izdatih računa (filter perioda + sume po stopama), forma unosa (server računa ukupno) i brisanje. Nove dozvole pdv.*; prvi put montiran RequireModul("pdv") — KIR je vidljiv u meniju (.Moduli) i dostupan samo PDV obveznicima, uz RBAC. Oznaka PIB/JMBG po broju cifara.
2026-06-13 23:45:24 +02:00
parent 26c829fef3
commit 53cbc789db
8 changed files with 446 additions and 0 deletions
@@ -225,6 +225,20 @@ func main() {
 			return ntechmw.RequireDozvolaMut(h.DozvoleRepo.ImaDozvolu, akcija)
 		}

+		// modul vraća middleware koji propušta zahtev samo ako je zakonski modul
+		// uključen za firmu (profil firme). Sloj IZNAD RBAC-a — zahtev mora proći
+		// i „modul uključen" (ovo) i „korisnik sme" (doz/zahtevajDozvolu).
+		proveriModul := func(ctx context.Context, m string) bool {
+			pod, err := sqlite.DohvatiSvaPodesavanja(ctx, h.DB)
+			if err != nil {
+				return false
+			}
+			return config.ModulUkljucen(pod, m)
+		}
+		modul := func(m string) func(http.Handler) http.Handler {
+			return ntechmw.RequireModul(proveriModul, m)
+		}
+
 		r.Get("/", func(w http.ResponseWriter, r *http.Request) {
 			http.Redirect(w, r, "/dashboard", http.StatusFound)
 		})
@@ -245,6 +259,13 @@ func main() {

 		r.Get("/podesavanja/backup", h.BackupBaze)
 		r.With(doz("backup.pokreni")).Post("/podesavanja/backup/vrati", h.VratiBackup)
+
+		// PDV evidencija — KIR (knjiga izdatih računa). Dostupno samo kada je modul
+		// „pdv" uključen za firmu (RequireModul), uz RBAC dozvolu pdv.*.
+		r.With(modul("pdv")).Get("/pdv/kir", h.PdvKir)
+		r.With(modul("pdv")).Get("/pdv/kir/nova", h.NoviPdvKir)
+		r.With(modul("pdv"), doz("pdv.dodaj")).Post("/pdv/kir/nova", h.SacuvajPdvKir)
+		r.With(modul("pdv"), doz("pdv.obrisi")).Post("/pdv/kir/obrisi/{id}", h.ObrisiPdvKir)
 		r.Get("/magacin", h.Magacin)
 		r.Get("/magacin/novi", h.NoviArtikal)
 		r.With(doz("artikal.dodaj")).Post("/magacin/novi", h.SacuvajArtikal)
@@ -26,6 +26,7 @@ var saSidebar = []string{
 	"nabavke", "nabavka_forma", "nabavka_detalji",
 	"podesavanja", "podesavanja_opste", "podesavanja_izgled", "podesavanja_sistem",
 	"pdv_stope",
+	"pdv_kir", "pdv_kir_forma",
 	"podsetnici", "podsetnik_forma",
 	"profil_tema",
 	"prodaja", "prodaja_detalji", "prodaja_forma",
@@ -0,0 +1,175 @@
+package handler
+
+import (
+	"net/http"
+	"strconv"
+	"strings"
+	"time"
+
+	"ntech/internal/db/sqlite"
+	"ntech/internal/middleware"
+	"ntech/internal/model"
+
+	"github.com/go-chi/chi/v5"
+)
+
+// PodaciPdvKir su podaci za pregled knjige izdatih računa
+type PodaciPdvKir struct {
+	model.PodaciStranice
+	Zapisi []model.PdvKir
+	Sume   model.PdvKirSume
+	Od     string // filter perioda (YYYY-MM-DD), prazno = bez granice
+	Do     string
+}
+
+// PodaciPdvKirForma su podaci za formu unosa zapisa KIR
+type PodaciPdvKirForma struct {
+	model.PodaciStranice
+	Greska string
+	Danas  string // podrazumevani datum u formi
+}
+
+// parsiraDatumOpcionalno vraća datum iz YYYY-MM-DD; prazan string daje nulti datum (bez filtera)
+func parsiraDatumOpcionalno(s string) time.Time {
+	t, err := time.Parse("2006-01-02", strings.TrimSpace(s))
+	if err != nil {
+		return time.Time{}
+	}
+	return t
+}
+
+// parsiraIznos čita decimalni broj iz forme (prihvata i zarez); prazno/neispravno daje 0
+func parsiraIznos(s string) float64 {
+	v, err := strconv.ParseFloat(strings.TrimSpace(strings.Replace(s, ",", ".", 1)), 64)
+	if err != nil || v < 0 {
+		return 0
+	}
+	return v
+}
+
+// PdvKir renderuje pregled knjige izdatih računa sa sumama po stopama
+func (h *Handler) PdvKir(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "pdv.pregled"); !ok {
+		return
+	}
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+
+	odStr := r.URL.Query().Get("od")
+	doStr := r.URL.Query().Get("do")
+	zapisi, err := h.PdvKirRepo.Lista(r.Context(), parsiraDatumOpcionalno(odStr), parsiraDatumOpcionalno(doStr))
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju knjige izdatih računa", http.StatusInternalServerError)
+		return
+	}
+
+	ps := h.popuniPodaciStranice(r, podesavanja)
+	ps.Stranica = "pdv-kir"
+	ps.NaslovStranice = "KIR — knjiga izdatih računa"
+	h.renderujTemplate(w, "pdv_kir", PodaciPdvKir{
+		PodaciStranice: ps,
+		Zapisi:         zapisi,
+		Sume:           model.SumirajKir(zapisi),
+		Od:             odStr,
+		Do:             doStr,
+	})
+}
+
+// NoviPdvKir prikazuje praznu formu za unos zapisa u KIR
+func (h *Handler) NoviPdvKir(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "pdv.dodaj"); !ok {
+		return
+	}
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+	ps := h.popuniPodaciStranice(r, podesavanja)
+	ps.Stranica = "pdv-kir"
+	ps.NaslovStranice = "Novi izlazni račun (KIR)"
+	h.renderujTemplate(w, "pdv_kir_forma", PodaciPdvKirForma{
+		PodaciStranice: ps,
+		Danas:          time.Now().Format("2006-01-02"),
+	})
+}
+
+// SacuvajPdvKir prima POST i upisuje novi zapis u KIR
+func (h *Handler) SacuvajPdvKir(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "pdv.dodaj"); !ok {
+		return
+	}
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	datumPrometa, e1 := time.Parse("2006-01-02", strings.TrimSpace(r.FormValue("datum_prometa")))
+	datumKnjizenja, e2 := time.Parse("2006-01-02", strings.TrimSpace(r.FormValue("datum_knjizenja")))
+	brojDokumenta := strings.TrimSpace(r.FormValue("broj_dokumenta"))
+	kupacNaziv := strings.TrimSpace(r.FormValue("kupac_naziv"))
+
+	greska := ""
+	switch {
+	case e1 != nil:
+		greska = "Datum prometa je obavezan i mora biti ispravan."
+	case e2 != nil:
+		greska = "Datum knjiženja je obavezan i mora biti ispravan."
+	case brojDokumenta == "":
+		greska = "Broj dokumenta je obavezan."
+	case kupacNaziv == "":
+		greska = "Naziv kupca je obavezan."
+	}
+	if greska != "" {
+		middleware.SetFlash(w, r, h.DB, "greska", greska)
+		http.Redirect(w, r, "/pdv/kir/nova", http.StatusSeeOther)
+		return
+	}
+
+	z := model.PdvKir{
+		DatumPrometa:      datumPrometa,
+		DatumKnjizenja:    datumKnjizenja,
+		BrojDokumenta:     brojDokumenta,
+		KupacNaziv:        kupacNaziv,
+		KupacPib:          strings.TrimSpace(r.FormValue("kupac_pib")),
+		KupacMesto:        strings.TrimSpace(r.FormValue("kupac_mesto")),
+		OsnovicaOpsta:     parsiraIznos(r.FormValue("osnovica_opsta")),
+		PdvOpsta:          parsiraIznos(r.FormValue("pdv_opsta")),
+		OsnovicaPosebna:   parsiraIznos(r.FormValue("osnovica_posebna")),
+		PdvPosebna:        parsiraIznos(r.FormValue("pdv_posebna")),
+		OslobodenSaPravom: parsiraIznos(r.FormValue("osloboden_sa_pravom")),
+		OslobodenBezPrava: parsiraIznos(r.FormValue("osloboden_bez_prava")),
+		Napomena:          strings.TrimSpace(r.FormValue("napomena")),
+	}
+	// ukupna naknada sa PDV — zbir svih osnovica, PDV-a i oslobođenog prometa (računa server)
+	z.Ukupno = z.OsnovicaOpsta + z.PdvOpsta + z.OsnovicaPosebna + z.PdvPosebna +
+		z.OslobodenSaPravom + z.OslobodenBezPrava
+
+	if _, err := h.PdvKirRepo.Kreiraj(r.Context(), &z); err != nil {
+		http.Error(w, "Greška pri čuvanju zapisa", http.StatusInternalServerError)
+		return
+	}
+	middleware.SetFlash(w, r, h.DB, "uspeh", "Izlazni račun je dodat u KIR.")
+	http.Redirect(w, r, "/pdv/kir", http.StatusSeeOther)
+}
+
+// ObrisiPdvKir briše zapis iz KIR
+func (h *Handler) ObrisiPdvKir(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "pdv.obrisi"); !ok {
+		return
+	}
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID zapisa", http.StatusBadRequest)
+		return
+	}
+	if err := h.PdvKirRepo.Obrisi(r.Context(), id); err != nil {
+		http.Error(w, "Greška pri brisanju zapisa", http.StatusInternalServerError)
+		return
+	}
+	middleware.SetFlash(w, r, h.DB, "uspeh", "Zapis je obrisan iz KIR.")
+	http.Redirect(w, r, "/pdv/kir", http.StatusSeeOther)
+}
@@ -38,6 +38,9 @@ var sveAkcije = []string{
 	"backup.pokreni",
 	"tema.lokalno",
 	"dashboard.prihod",
+	"pdv.pregled",
+	"pdv.dodaj",
+	"pdv.obrisi",
 }

 // SveAkcije vraća listu svih poznatih akcija — koristi se pri inicijalizaciji baze i resetu
@@ -95,6 +98,9 @@ func ImaDozvolu(uloga, akcija string) bool {
 		// dashboard — prihod samo admin+
 		case "dashboard.prihod":
 			return true
+		// PDV evidencija (KIR/KPR) — administrativno, radnik nema
+		case "pdv.pregled", "pdv.dodaj", "pdv.obrisi":
+			return true
 		}
 		return false

@@ -23,6 +23,57 @@ type PdvKir struct {
 	DatumUnosa        time.Time
 }

+// OslobodenUkupno vraća zbir oslobođenog prometa (sa i bez prava na odbitak).
+func (k PdvKir) OslobodenUkupno() float64 {
+	return k.OslobodenSaPravom + k.OslobodenBezPrava
+}
+
+// OznakaPoreskogBroja vraća „JMBG" ako uneti broj ima 13 cifara (fizičko lice),
+// inače „PIB" (pravno lice / preduzetnik — PIB ima 9 cifara).
+func (k PdvKir) OznakaPoreskogBroja() string {
+	cifre := 0
+	for _, r := range k.KupacPib {
+		if r >= '0' && r <= '9' {
+			cifre++
+		}
+	}
+	if cifre == 13 {
+		return "JMBG"
+	}
+	return "PIB"
+}
+
+// PdvKirSume su zbirovi kolona KIR-a (za red „ukupno" u pregledu knjige).
+type PdvKirSume struct {
+	OsnovicaOpsta     float64
+	PdvOpsta          float64
+	OsnovicaPosebna   float64
+	PdvPosebna        float64
+	OslobodenSaPravom float64
+	OslobodenBezPrava float64
+	Ukupno            float64
+}
+
+// OslobodenUkupno vraća zbir oslobođenog prometa (sa i bez prava na odbitak).
+func (s PdvKirSume) OslobodenUkupno() float64 {
+	return s.OslobodenSaPravom + s.OslobodenBezPrava
+}
+
+// SumirajKir sabira sve kolone iz liste KIR zapisa.
+func SumirajKir(zapisi []PdvKir) PdvKirSume {
+	var s PdvKirSume
+	for _, z := range zapisi {
+		s.OsnovicaOpsta += z.OsnovicaOpsta
+		s.PdvOpsta += z.PdvOpsta
+		s.OsnovicaPosebna += z.OsnovicaPosebna
+		s.PdvPosebna += z.PdvPosebna
+		s.OslobodenSaPravom += z.OslobodenSaPravom
+		s.OslobodenBezPrava += z.OslobodenBezPrava
+		s.Ukupno += z.Ukupno
+	}
+	return s
+}
+
 // PdvKpr je jedan zapis u knjizi primljenih računa (ulazni PDV).
 type PdvKpr struct {
 	ID               int64
@@ -93,6 +93,15 @@
        </a>
        {{end}}

+        {{/* PDV evidencija — vidljivo samo kada je modul „pdv" uključen za firmu (profil firme) i korisnik ima dozvolu */}}
+        {{if and (index .Moduli "pdv") (index .Dozvole "pdv.pregled")}}
+        <a href="/pdv/kir" class="nav-stavka {{if eq .Stranica "pdv-kir"}}aktivan{{end}}">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
+            <span>KIR</span>
+            <span class="nav-tooltip">KIR — knjiga izdatih računa</span>
+        </a>
+        {{end}}
+
        <div class="nav-separator"></div>
        <div class="nav-oznaka">Nalog</div>

@@ -0,0 +1,86 @@
+{{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" style="margin-bottom:0;">Poništi filter</a>{{end}}
+            </form>
+            <a href="/pdv/kir/nova" class="btn-primarno" style="font-size:13px;padding:8px 16px;white-space:nowrap;">+ Nov izlazni račun</a>
+        </div>
+    </div>
+
+    <!-- knjiga -->
+    <div class="kartica animiraj" style="padding:0;overflow:hidden;">
+        <div style="overflow-x:auto;">
+            <table 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}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .OsnovicaOpsta}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .PdvOpsta}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .OsnovicaPosebna}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .PdvPosebna}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .OslobodenUkupno}}</td>
+                        <td style="padding:10px 12px;text-align:right;font-weight:500;">{{printf "%.2f" .Ukupno}}</td>
+                        <td style="padding:10px 12px;text-align:right;white-space:nowrap;">
+                            <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>
+                        </td>
+                    </tr>
+                    {{else}}
+                    <tr><td colspan="10" style="padding:28px;text-align:center;color:var(--tekst-sporedni);">Nema zapisa u izabranom periodu. <a 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;">{{printf "%.2f" .Sume.OsnovicaOpsta}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .Sume.PdvOpsta}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .Sume.OsnovicaPosebna}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .Sume.PdvPosebna}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .Sume.OslobodenUkupno}}</td>
+                        <td style="padding:10px 12px;text-align:right;">{{printf "%.2f" .Sume.Ukupno}}</td>
+                        <td></td>
+                    </tr>
+                </tfoot>
+                {{end}}
+            </table>
+        </div>
+    </div>
+
+</div>
+{{end}}
@@ -0,0 +1,97 @@
+{{template "base" .}}
+
+{{define "naslov"}}Novi izlazni račun (KIR) — NTech{{end}}
+
+{{define "sadrzaj"}}
+<div class="stranica-stack" style="width:100%;max-width:760px;">
+
+    <a href="/pdv/kir" class="nazad-link">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
+        Nazad na KIR
+    </a>
+
+    <form method="POST" action="/pdv/kir/nova">
+        <!-- dokument -->
+        <div class="kartica animiraj" style="margin-bottom:16px;">
+            <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">Dokument</div>
+            <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
+                <div>
+                    <label class="polje-labela">Datum prometa</label>
+                    <input type="date" name="datum_prometa" value="{{.Danas}}" required style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div>
+                    <label class="polje-labela">Datum knjiženja</label>
+                    <input type="date" name="datum_knjizenja" value="{{.Danas}}" required style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div style="grid-column:1 / -1;">
+                    <label class="polje-labela">Broj dokumenta</label>
+                    <input type="text" name="broj_dokumenta" required style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;" placeholder="npr. R-2026/001">
+                </div>
+            </div>
+        </div>
+
+        <!-- kupac -->
+        <div class="kartica animiraj" style="margin-bottom:16px;">
+            <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">Kupac</div>
+            <div class="kolona" style="gap:14px;">
+                <div>
+                    <label class="polje-labela">Naziv kupca</label>
+                    <input type="text" name="kupac_naziv" required style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
+                    <div>
+                        <label class="polje-labela">PIB / JMBG</label>
+                        <input type="text" name="kupac_pib" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                    </div>
+                    <div>
+                        <label class="polje-labela">Mesto</label>
+                        <input type="text" name="kupac_mesto" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- iznosi po stopama -->
+        <div class="kartica animiraj" style="margin-bottom:16px;">
+            <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);margin-bottom:6px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">Iznosi po stopama</div>
+            <div class="pomocni-tekst" style="font-size:12px;margin-bottom:14px;">Ostavite 0 gde nema prometa. „Ukupno" se računa automatski kao zbir osnovica, PDV-a i oslobođenog prometa.</div>
+            <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
+                <div>
+                    <label class="polje-labela">Osnovica opšta (20%)</label>
+                    <input type="number" step="0.01" min="0" name="osnovica_opsta" value="0" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div>
+                    <label class="polje-labela">PDV opšta (20%)</label>
+                    <input type="number" step="0.01" min="0" name="pdv_opsta" value="0" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div>
+                    <label class="polje-labela">Osnovica posebna (10%)</label>
+                    <input type="number" step="0.01" min="0" name="osnovica_posebna" value="0" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div>
+                    <label class="polje-labela">PDV posebna (10%)</label>
+                    <input type="number" step="0.01" min="0" name="pdv_posebna" value="0" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div>
+                    <label class="polje-labela">Oslobođeno sa pravom na odbitak</label>
+                    <input type="number" step="0.01" min="0" name="osloboden_sa_pravom" value="0" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+                <div>
+                    <label class="polje-labela">Oslobođeno bez prava na odbitak</label>
+                    <input type="number" step="0.01" min="0" name="osloboden_bez_prava" value="0" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+                </div>
+            </div>
+            <div style="margin-top:14px;">
+                <label class="polje-labela">Napomena</label>
+                <input type="text" name="napomena" style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+            </div>
+
+            <div style="display:flex;justify-content:flex-end;gap:10px;margin-top:20px;">
+                <a href="/pdv/kir" class="btn-sekundarno" style="font-size:14px;padding:10px 20px;">Odustani</a>
+                <button type="submit" style="background:var(--sb-akcent);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;">Sačuvaj</button>
+            </div>
+        </div>
+    </form>
+
+</div>
+{{end}}