Prodaja: podrazumevani filter na današnji dan, dugme 'Samo stornirano', raspored zaglavlja

Lista prodaje po prvom ulasku (bez upit parametara) prikazuje samo današnje
naloge; čim korisnik pošalje formu (i praznu), poštuje se njegov izbor.
Čekboks 'Samo stornirano' sada je stilizovan kao dugme-prekidač. Dugme
'+ Nova prodaja' premešteno ispred trake za pretragu/filtere.

internal/handler/prodaja.go

@@ -152,6 +152,17 @@ func (h *Handler) Prodaja(w http.ResponseWriter, r *http.Request) {
 	do := r.URL.Query().Get("do")
 	samoStornirano := r.URL.Query().Get("stornirano") == "1"
 
+	sada := time.Now()
+
+	// bez ijednog parametra u upitu (prvi ulazak na stranicu) — podrazumevano
+	// prikaži samo današnje naloge; jednom kad korisnik pošalje formu (čak i
+	// praznu, da vidi sve), poštuje se njegov eksplicitan izbor
+	if r.URL.RawQuery == "" {
+		danas := sada.Format("2006-01-02")
+		od = danas
+		do = danas
+	}
+
 	nalozi, err := h.ProdajaRepo.Lista(r.Context(), appdb.ProdajaFilter{
 		Pretraga:       pretraga,
 		Od:             od,
@@ -168,7 +179,6 @@ func (h *Handler) Prodaja(w http.ResponseWriter, r *http.Request) {
 		nemaFiskalnog, _ = h.FiskalRepo.ProdajeBezFiskalnog(r.Context())
 	}
 
-	sada := time.Now()
 	prviDanMeseca := time.Date(sada.Year(), sada.Month(), 1, 0, 0, 0, 0, sada.Location())
 	poslednjiDanMeseca := prviDanMeseca.AddDate(0, 1, -1)
 

web/static/css/main.css

@@ -584,6 +584,28 @@ body {
 }
 .btn-sekundarno:hover { background: var(--pozadina); color: var(--tekst-glavni); }
 
+/* dugme-prekidač: checkbox stilizovan kao dugme (uključeno/isključeno) */
+.dugme-prekidac {
+    display: inline-flex;
+    align-items: center;
+    background: transparent;
+    color: var(--tekst-sporedni);
+    border: 0.5px solid var(--ivica);
+    border-radius: 8px;
+    padding: 9px 20px;
+    font-size: 14px;
+    cursor: pointer;
+    white-space: nowrap;
+    transition: background 0.2s, color 0.2s, border-color 0.2s;
+}
+.dugme-prekidac input { display: none; }
+.dugme-prekidac:hover { background: var(--pozadina); color: var(--tekst-glavni); }
+.dugme-prekidac:has(input:checked) {
+    background: color-mix(in srgb, var(--sb-akcent) 15%, transparent);
+    border-color: var(--sb-akcent);
+    color: var(--sb-akcent);
+}
+
 /* crveno dugme za brisanje u tabelama */
 /* naziv artikla u listi koji vodi na karticu */
 .link-naziv { text-decoration: none; }

web/templates/stranice/prodaja.html

@@ -8,6 +8,7 @@
 
     <!-- zaglavlje sa pretragom, filterima i dugmetom -->
     <div style="display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap">
+        <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/prodaja/nova" class="btn-primarno">+ Nova prodaja</a>
         <form method="GET" action="/prodaja" style="display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; flex: 1">
             <div style="flex: 1; min-width: 180px">
                 <label class="polje-labela">Pretraga</label>
@@ -21,7 +22,7 @@
                 <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>
-            <label style="display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--tekst-glavni); padding-bottom: 9px; white-space: nowrap">
+            <label class="dugme-prekidac">
                 <input type="checkbox" name="stornirano" value="1" {{if .SamoStornirano}}checked{{end}} />
                 Samo stornirano
             </label>
@@ -31,7 +32,6 @@
             {{end}}
             <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/prodaja?{{if .Pretraga}}pretraga={{.Pretraga}}&{{end}}od={{.OvajMesecOd}}&do={{.OvajMesecDo}}{{if .SamoStornirano}}&stornirano=1{{end}}" class="btn-sekundarno" style="white-space: nowrap">Ovaj mesec</a>
         </form>
-        <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/prodaja/nova" class="btn-primarno">+ Nova prodaja</a>
     </div>
 
     <!-- desktop tabela -->
@@ -103,7 +103,7 @@
             <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/prodaja/{{.ID}}" class="btn-primarno-malo" style="justify-content: center; width: 100%; box-sizing: border-box">Detalji</a>
         </div>
         {{else}}
-        <div style="padding: 32px; text-align: center; font-size: 14px; color: var(--tekst-sporedni)">
+        <div class="prazno-stanje">
             {{if or $.Pretraga $.Od $.Do $.SamoStornirano}} Nema naloga koji odgovaraju filteru. {{else}} Nema prodajnih naloga.
             <a hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML" href="/prodaja/nova" style="color: var(--sb-akcent)">Dodaj prvu prodaju.</a>
             {{end}}