Servis detalji: radovi (usluge) na nalogu + UX popravke

Nova sekcija Radovi: biraš uslugu iz cenovnika (pretraživ datalist combobox),
cena se predloži ali je možeš izmeniti, količina; zbir radova = cena rada,
ukupno = radovi + delovi. Tabela servis_radovi + repo + handleri.

Combobox pretraga i za artikle (delovi). Skinuta kartica Cene sa detalja.
Dodavanje/brisanje rada i dela osvežava samo svoju tabelu (data-refresh) bez
skoka na vrh i treptaja; data-potvrda sada koristi requestSubmit da prolazi kroz
AJAX logiku. Popravljen CSRF (_csrf) i tip kolone datum kod radova.

cmd/ntech/main.go

@@ -361,6 +361,8 @@ func main() {
 		r.With(doz("servis.izmeni")).Post("/servis/{id}/status", h.PromeniStatus)
 		r.With(doz("servis.izmeni")).Post("/servis/{id}/delovi", h.DodajDeloNalogu)
 		r.With(doz("servis.izmeni")).Post("/servis/{id}/delovi/{deo_id}/obrisi", h.ObrisiDeloNaloga)
+		r.With(doz("servis.izmeni")).Post("/servis/{id}/radovi", h.DodajRadNalogu)
+		r.With(doz("servis.izmeni")).Post("/servis/{id}/radovi/{rad_id}/obrisi", h.ObrisiRadNaloga)
 		r.Get("/izvestaji", h.Izvestaji)
 		r.Get("/izvestaji/prometni-list", h.PrometniListMagacina)
 		r.Get("/izvestaji/stanje-zaliha", h.StanjeZalihaIzvestaj)

internal/db/repository.go

@@ -213,6 +213,13 @@ type ServisniDeloviRepository interface {
 	Obrisi(ctx context.Context, id int64, korisnikID *int64) error
 }
 
+// ServisniRadoviRepository definiše operacije nad radovima (uslugama) na nalogu
+type ServisniRadoviRepository interface {
+	DohvatiZaNalog(ctx context.Context, nalogID int64) ([]model.ServisniRad, error)
+	Dodaj(ctx context.Context, nalogID, uslugaID int64, naziv string, kolicina, cenaKomada float64) (int64, error)
+	Obrisi(ctx context.Context, id int64) error
+}
+
 // MagacinskePromeneRepository definiše operacije nad revizijskim tragom magacina
 type MagacinskePromeneRepository interface {
 	Lista(ctx context.Context, artikalID *int64, limit int) ([]model.MagacinskaPromenaSaDetaljem, error)

internal/db/sqlite/servisni_radovi.go

@@ -0,0 +1,69 @@
+package sqlite
+
+import (
+	"context"
+	"database/sql"
+	"fmt"
+
+	"ntech/internal/model"
+)
+
+// ServisniRadoviRepo je SQLite implementacija db.ServisniRadoviRepository
+type ServisniRadoviRepo struct {
+	db *sql.DB
+}
+
+// NoviServisniRadoviRepo kreira repozitorijum radova nad datom bazom
+func NoviServisniRadoviRepo(baza *sql.DB) *ServisniRadoviRepo {
+	return &ServisniRadoviRepo{db: baza}
+}
+
+// DohvatiZaNalog vraća sve radove (usluge) jednog naloga, redom unosa
+func (r *ServisniRadoviRepo) DohvatiZaNalog(ctx context.Context, nalogID int64) ([]model.ServisniRad, error) {
+	redovi, err := r.db.QueryContext(ctx, `
+		SELECT id, nalog_id, COALESCE(usluga_id, 0), naziv, kolicina, cena_komada, datum
+		FROM servis_radovi WHERE nalog_id = ? ORDER BY id`, nalogID)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: ServisniRadoviRepo.DohvatiZaNalog: %w", err)
+	}
+	defer redovi.Close()
+
+	var radovi []model.ServisniRad
+	for redovi.Next() {
+		var rad model.ServisniRad
+		if err := redovi.Scan(&rad.ID, &rad.NalogID, &rad.UslugaID, &rad.Naziv, &rad.Kolicina, &rad.CenaKomada, &rad.Datum); err != nil {
+			return nil, fmt.Errorf("ntech: ServisniRadoviRepo.DohvatiZaNalog: %w", err)
+		}
+		radovi = append(radovi, rad)
+	}
+	return radovi, redovi.Err()
+}
+
+// Dodaj upisuje jednu stavku rada na nalog (radovi ne diraju lager)
+func (r *ServisniRadoviRepo) Dodaj(ctx context.Context, nalogID, uslugaID int64, naziv string, kolicina, cenaKomada float64) (int64, error) {
+	var uid any
+	if uslugaID > 0 {
+		uid = uslugaID
+	}
+	rez, err := r.db.ExecContext(ctx, `
+		INSERT INTO servis_radovi (nalog_id, usluga_id, naziv, kolicina, cena_komada)
+		VALUES (?, ?, ?, ?, ?)`,
+		nalogID, uid, naziv, kolicina, cenaKomada,
+	)
+	if err != nil {
+		return 0, fmt.Errorf("ntech: ServisniRadoviRepo.Dodaj: %w", err)
+	}
+	id, err := rez.LastInsertId()
+	if err != nil {
+		return 0, fmt.Errorf("ntech: ServisniRadoviRepo.Dodaj: last insert id: %w", err)
+	}
+	return id, nil
+}
+
+// Obrisi uklanja jednu stavku rada sa naloga
+func (r *ServisniRadoviRepo) Obrisi(ctx context.Context, id int64) error {
+	if _, err := r.db.ExecContext(ctx, "DELETE FROM servis_radovi WHERE id = ?", id); err != nil {
+		return fmt.Errorf("ntech: ServisniRadoviRepo.Obrisi: %w", err)
+	}
+	return nil
+}

internal/handler/handler.go

@@ -28,6 +28,7 @@ type Handler struct {
 	KlijentiRepo          db.KlijentRepository
 	ServisRepo            db.ServisRepository
 	ServisniDeloviRepo    db.ServisniDeloviRepository
+	ServisniRadoviRepo    db.ServisniRadoviRepository
 	MagacinskePromeneRepo db.MagacinskePromeneRepository
 	ProdajaRepo           db.ProdajaRepository
 	KorisniciRepo         db.KorisniciRepository
@@ -94,6 +95,7 @@ func Novi(baza *sql.DB, totpKljuc []byte) *Handler {
 		KlijentiRepo:          sqlite.NoviKlijentRepo(baza),
 		ServisRepo:            sqlite.NoviServisRepo(baza),
 		ServisniDeloviRepo:    sqlite.NoviServisniDeloviRepo(baza),
+		ServisniRadoviRepo:    sqlite.NoviServisniRadoviRepo(baza),
 		MagacinskePromeneRepo: sqlite.NoviMagacinskePromeneRepo(baza),
 		ProdajaRepo:           sqlite.NoviProdajaRepo(baza),
 		KorisniciRepo:         sqlite.NoviKorisniciRepo(baza, totpKljuc),
@@ -125,6 +127,7 @@ func (h *Handler) reinicijalizujRepozitorijume(novaDB *sql.DB) {
 	h.KlijentiRepo = sqlite.NoviKlijentRepo(novaDB)
 	h.ServisRepo = sqlite.NoviServisRepo(novaDB)
 	h.ServisniDeloviRepo = sqlite.NoviServisniDeloviRepo(novaDB)
+	h.ServisniRadoviRepo = sqlite.NoviServisniRadoviRepo(novaDB)
 	h.MagacinskePromeneRepo = sqlite.NoviMagacinskePromeneRepo(novaDB)
 	h.ProdajaRepo = sqlite.NoviProdajaRepo(novaDB)
 	h.KorisniciRepo = sqlite.NoviKorisniciRepo(novaDB, h.totpKljuc)

internal/handler/servis.go

@@ -47,9 +47,12 @@ type PodaciDetaljiNaloga struct {
 	KlijentNaziv   string
 	TehnicarNaziv  string
 	ServisniDelovi []model.ServisniDeoSaArtiklom
+	ServisniRadovi []model.ServisniRad
 	Artikli        []model.ArtikalSaKategorijom
+	Usluge         []model.Usluga
 	Sacuvano       bool
 	UkupnoDelovi   float64
+	UkupnoRadovi   float64
 	UkupnoSve      float64
 	PreostaloSve   float64
 	SviStatusi     []string
@@ -426,27 +429,38 @@ func (h *Handler) DetaljiNaloga(w http.ResponseWriter, r *http.Request) {
 		slog.Error("greška pri učitavanju delova", "error", err)
 	}
 
+	radovi, err := h.ServisniRadoviRepo.DohvatiZaNalog(r.Context(), id)
+	if err != nil {
+		slog.Error("greška pri učitavanju radova", "error", err)
+	}
+
 	appdb := appdbPkg.ArtikalFilter{}
 	artikli, err := h.Artikli.Lista(r.Context(), appdb)
 	if err != nil {
 		slog.Error("greška pri učitavanju artikala", "error", err)
 	}
 
-	var ukupnoDelovi float64
+	usluge, err := h.UslugeRepo.Lista(r.Context(), appdbPkg.UslugaFilter{})
+	if err != nil {
+		slog.Error("greška pri učitavanju usluga", "error", err)
+	}
+
+	var ukupnoDelovi, ukupnoRadovi float64
 	for _, d := range delovi {
 		ukupnoDelovi += d.Ukupno()
 	}
-	var ukupnoSve, preostaloSve float64
+	for _, rad := range radovi {
-	if nalog.CenaKonacna != nil {
+		ukupnoRadovi += rad.Ukupno()
-		ukupnoSve = *nalog.CenaKonacna + ukupnoDelovi
+	}
-		avans := 0.0
+	// cena rada = zbir radova (usluga); ukupno za klijenta = radovi + delovi
-		if nalog.Avans != nil {
+	ukupnoSve := ukupnoRadovi + ukupnoDelovi
-			avans = *nalog.Avans
+	avans := 0.0
-		}
+	if nalog.Avans != nil {
-		preostaloSve = ukupnoSve - avans
+		avans = *nalog.Avans
-		if preostaloSve < 0 {
+	}
-			preostaloSve = 0
+	preostaloSve := ukupnoSve - avans
-		}
+	if preostaloSve < 0 {
+		preostaloSve = 0
 	}
 
 	ps := h.popuniPodaciStranice(r, podesavanja)
@@ -458,9 +472,12 @@ func (h *Handler) DetaljiNaloga(w http.ResponseWriter, r *http.Request) {
 		KlijentNaziv:   klijentNaziv,
 		TehnicarNaziv:  tehnicarNaziv,
 		ServisniDelovi: delovi,
+		ServisniRadovi: radovi,
 		Artikli:        artikli,
+		Usluge:         usluge,
 		Sacuvano:       r.URL.Query().Get("sacuvano") == "1",
 		UkupnoDelovi:   ukupnoDelovi,
+		UkupnoRadovi:   ukupnoRadovi,
 		UkupnoSve:      ukupnoSve,
 		PreostaloSve:   preostaloSve,
 		SviStatusi:     model.SviStatusi,
@@ -544,6 +561,86 @@ func (h *Handler) ObrisiDeloNaloga(w http.ResponseWriter, r *http.Request) {
 	http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
 }
 
+// DodajRadNalogu dodaje stavku rada (uslugu) na nalog; naziv i cena se snapshot-uju
+func (h *Handler) DodajRadNalogu(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "servis.izmeni"); !ok {
+		return
+	}
+
+	nalogID, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID naloga", http.StatusBadRequest)
+		return
+	}
+
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	uslugaID, err := strconv.ParseInt(r.FormValue("usluga_id"), 10, 64)
+	if err != nil || uslugaID <= 0 {
+		middleware.SetFlash(w, r, h.DB, "greska", "Izaberite uslugu.")
+		http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
+		return
+	}
+
+	usluga, err := h.UslugeRepo.DohvatiID(r.Context(), uslugaID)
+	if err != nil {
+		middleware.SetFlash(w, r, h.DB, "greska", "Izabrana usluga nije pronađena.")
+		http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
+		return
+	}
+
+	kolicina, err := strconv.ParseFloat(r.FormValue("kolicina"), 64)
+	if err != nil || kolicina <= 0 {
+		middleware.SetFlash(w, r, h.DB, "greska", "Količina mora biti pozitivan broj.")
+		http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
+		return
+	}
+
+	cena, err := strconv.ParseFloat(r.FormValue("cena_komada"), 64)
+	if err != nil || cena < 0 {
+		middleware.SetFlash(w, r, h.DB, "greska", "Cena mora biti pozitivan broj.")
+		http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
+		return
+	}
+
+	if _, err := h.ServisniRadoviRepo.Dodaj(r.Context(), nalogID, uslugaID, usluga.Naziv, kolicina, cena); err != nil {
+		slog.Error("greška pri dodavanju rada", "error", err)
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri dodavanju rada.")
+		http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
+		return
+	}
+
+	http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10)+"?sacuvano=1", http.StatusSeeOther)
+}
+
+// ObrisiRadNaloga uklanja stavku rada sa naloga
+func (h *Handler) ObrisiRadNaloga(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "servis.izmeni"); !ok {
+		return
+	}
+
+	nalogID, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID naloga", http.StatusBadRequest)
+		return
+	}
+
+	radID, err := parseID(chi.URLParam(r, "rad_id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID rada", http.StatusBadRequest)
+		return
+	}
+
+	if err := h.ServisniRadoviRepo.Obrisi(r.Context(), radID); err != nil {
+		slog.Error("greška pri brisanju rada", "error", err)
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri uklanjanju rada.")
+	}
+	http.Redirect(w, r, "/servis/"+strconv.FormatInt(nalogID, 10), http.StatusSeeOther)
+}
+
 // parseFormuNaloga čita i validira polja iz HTTP forme
 func parseFormuNaloga(r *http.Request) (model.ServisniNalog, string) {
 	uredjaj := strings.TrimSpace(r.FormValue("uredjaj"))

internal/model/servis.go

@@ -70,6 +70,23 @@ type ServisniDeoSaArtiklom struct {
 	ArtikalNaziv string
 }
 
+// ServisniRad predstavlja jednu stavku rada (uslugu) na servisnom nalogu.
+// Naziv i cena su snapshot iz cenovnika usluga; cena se može menjati po nalogu.
+type ServisniRad struct {
+	ID         int64
+	NalogID    int64
+	UslugaID   int64 // 0 ako je usluga u međuvremenu obrisana iz cenovnika
+	Naziv      string
+	Kolicina   float64
+	CenaKomada float64
+	Datum      string
+}
+
+// Ukupno vraća ukupnu vrednost rada (kolicina × cena)
+func (r ServisniRad) Ukupno() float64 {
+	return r.Kolicina * r.CenaKomada
+}
+
 // ServisniNalogSaKlijentom proširuje ServisniNalog sa nazivom klijenta za prikaz u listi
 type ServisniNalogSaKlijentom struct {
 	ServisniNalog

migrations/066_servis_radovi.sql

@@ -0,0 +1,14 @@
+-- Radovi (usluge) na servisnom nalogu: stavke rada izabrane iz cenovnika usluga.
+-- Naziv i cena se snapshot-uju (kopiraju) na nalog jer se cena može menjati po
+-- nalogu i usluga u cenovniku može kasnije biti izmenjena. Radovi NE diraju lager.
+-- Zbir radova = cena rada na nalogu.
+CREATE TABLE IF NOT EXISTS servis_radovi (
+    id          INTEGER PRIMARY KEY AUTOINCREMENT,
+    nalog_id    INTEGER NOT NULL REFERENCES servisni_nalozi(id) ON DELETE CASCADE,
+    usluga_id   INTEGER,
+    naziv       TEXT    NOT NULL,
+    kolicina    REAL    NOT NULL DEFAULT 1,
+    cena_komada REAL    NOT NULL DEFAULT 0,
+    datum       TEXT    NOT NULL DEFAULT (datetime('now'))
+);
+CREATE INDEX IF NOT EXISTS idx_servis_radovi_nalog ON servis_radovi(nalog_id);

web/templates/stranice/servis_detalji.html

@@ -45,7 +45,7 @@
                 </span>
                 <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
                     {{template "status-badge-detalji" .Nalog.Status}}
-                    <form method="post" action="/servis/{{.Nalog.ID}}/status" style="display:flex;align-items:center;gap:6px;">
+                    <form method="post" action="/servis/{{.Nalog.ID}}/status" style="display:flex;align-items:center;gap:6px;" data-full-reload>
                         <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
                         <select name="status" style="font-size:13px;padding:4px 8px;border-radius:6px;border:0.5px solid var(--ivica);background:var(--kartica-pozadina);color:var(--tekst-glavni);cursor:pointer;">
                             {{range .SviStatusi}}
@@ -160,60 +160,82 @@
         </div>
     </div>
 
-    <!-- cene -->
+    <!-- radovi (usluge) -->
     <div class="kartica detalji-kartica animiraj">
-        <div style="margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
+        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);flex-wrap:wrap;gap:10px;">
-            <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Cene</span>
+            <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Radovi (usluge)</span>
         </div>
-        <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));gap:16px;">
+
-            <div>
+        <!-- forma za dodavanje rada iz cenovnika usluga -->
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Procena od</div>
+        {{if index .Dozvole "servis.izmeni"}}
-                <div style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
+        <form method="POST" action="/servis/{{.Nalog.ID}}/radovi" style="margin-bottom:16px;" data-refresh="#radovi-spisak">
-                    {{if .Nalog.CenaOd}}{{.Nalog.CenaOdStr}} din{{else}}—{{end}}
+            <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
+            <div style="display:grid;grid-template-columns:1fr 80px 120px auto;gap:10px;align-items:flex-end;">
+                <div>
+                    <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Usluga</label>
+                    <input type="text" id="rad-usluga-pretraga" list="usluge-datalist" autocomplete="off"
+                        placeholder="Pretraži uslugu..." style="width:100%;">
+                    <datalist id="usluge-datalist">
+                        {{range .Usluge}}<option value="{{.Naziv}}" data-id="{{.ID}}" data-cena="{{.Cena}}">{{end}}
+                    </datalist>
+                    <input type="hidden" name="usluga_id" id="rad-usluga">
+                </div>
+                <div>
+                    <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Kol.</label>
+                    <input type="number" name="kolicina" id="rad-kolicina" min="0.01" step="0.01" value="1" style="width:100%;" required>
+                </div>
+                <div>
+                    <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Cena/kom (din)</label>
+                    <input type="number" name="cena_komada" id="rad-cena" min="0" step="0.01" value="0" style="width:100%;" required>
+                </div>
+                <div>
+                    <button type="submit" class="btn-primarno" style="font-size:13px;padding:8px 14px;white-space:nowrap;">+ Dodaj</button>
                 </div>
             </div>
-            <div>
+        </form>
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Procena do</div>
+        {{end}}
-                <div style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
+
-                    {{if .Nalog.CenaDo}}{{.Nalog.CenaDoStr}} din{{else}}—{{end}}
+        <!-- lista radova -->
-                </div>
+        <div id="radovi-spisak">
-            </div>
+        {{if .ServisniRadovi}}
-            <div>
+        <table class="tabela">
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Cena rada</div>
+            <thead>
-                <div style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
+                <tr style="border-bottom:0.5px solid var(--ivica);">
-                    {{if .Nalog.CenaKonacna}}{{.Nalog.CenaKonacnaStr}} din{{else}}—{{end}}
+                    <th style="padding:8px 10px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Usluga</th>
-                </div>
+                    <th style="padding:8px 10px;text-align:center;font-size:12px;font-weight:500;color:var(--tekst-sporedni);width:80px;">Kol.</th>
-            </div>
+                    <th style="padding:8px 10px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);width:130px;">Cena/kom</th>
-            {{if gt .UkupnoDelovi 0.0}}
+                    <th style="padding:8px 10px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);width:130px;">Ukupno</th>
-            <div>
+                    <th style="width:50px;"></th>
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Ugrađeni delovi</div>
+                </tr>
-                <div style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
+            </thead>
-                    {{dinari .UkupnoDelovi}} din
+            <tbody>
-                </div>
+                {{range .ServisniRadovi}}
-            </div>
+                <tr style="border-bottom:0.5px solid var(--ivica);">
-            {{end}}
+                    <td style="padding:9px 10px;font-size:14px;color:var(--tekst-glavni);">{{.Naziv}}</td>
-            {{if .Nalog.CenaKonacna}}
+                    <td style="padding:9px 10px;text-align:center;font-size:14px;color:var(--tekst-glavni);">{{.Kolicina}}</td>
-            <div>
+                    <td style="padding:9px 10px;text-align:right;font-size:14px;color:var(--tekst-glavni);">{{dinari .CenaKomada}} din</td>
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Ukupno</div>
+                    <td style="padding:9px 10px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{dinari .Ukupno}} din</td>
-                <div style="font-size:20px;font-weight:600;color:var(--sb-akcent);">
+                    <td style="padding:9px 10px;text-align:center;">
-                    {{dinari .UkupnoSve}} din
+                        {{if index $.Dozvole "servis.izmeni"}}
-                </div>
+                        <form method="POST" action="/servis/{{$.Nalog.ID}}/radovi/{{.ID}}/obrisi" style="display:inline;" data-refresh="#radovi-spisak">
-            </div>
+                            <input type="hidden" name="_csrf" value="{{$.CsrfToken}}">
-            {{end}}
+                            <button type="submit"
-            <div>
+                                data-potvrda="Ukloniti rad '{{.Naziv}}'?"
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Avans</div>
+                                style="background:none;border:none;cursor:pointer;color:#dc2626;font-size:16px;padding:2px 6px;border-radius:4px;">
-                <div style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
+                                ×
-                    {{if .Nalog.Avans}}{{.Nalog.AvansStr}} din{{else}}—{{end}}
+                            </button>
-                </div>
+                        </form>
-            </div>
+                        {{end}}
-            {{if .Nalog.CenaKonacna}}
+                    </td>
-            <div>
+                </tr>
-                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Za naplatu</div>
+                {{end}}
-                <div style="font-size:20px;font-weight:600;color:#16a34a;">
+            </tbody>
-                    {{dinari .PreostaloSve}} din
+        </table>
-                </div>
+        {{else}}
-            </div>
+        <div style="font-size:13px;color:var(--tekst-sporedni);text-align:center;padding:16px 0;">
-            {{end}}
+            Nema unetih radova. Dodaj uslugu iz cenovnika.
+        </div>
+        {{end}}
         </div>
     </div>
 
@@ -225,17 +247,17 @@
 
         <!-- forma za dodavanje dela -->
         {{if index .Dozvole "servis.izmeni"}}
-        <form method="POST" action="/servis/{{.Nalog.ID}}/delovi" style="margin-bottom:16px;">
+        <form method="POST" action="/servis/{{.Nalog.ID}}/delovi" style="margin-bottom:16px;" data-refresh="#delovi-spisak">
-            <input type="hidden" name="csrf_token" value="{{.CsrfToken}}">
+            <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
             <div style="display:grid;grid-template-columns:1fr 80px 120px auto;gap:10px;align-items:flex-end;">
                 <div>
                     <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Artikal</label>
-                    <select name="artikal_id" style="width:100%;" required>
+                    <input type="text" id="deo-artikal-pretraga" list="artikli-datalist" autocomplete="off"
-                        <option value="">— odaberi —</option>
+                        placeholder="Pretraži artikal..." style="width:100%;">
-                        {{range .Artikli}}
+                    <datalist id="artikli-datalist">
-                        <option value="{{.ID}}" data-cena="{{.ProdajnaCena}}">{{.Naziv}} ({{.Kolicina}} kom)</option>
+                        {{range .Artikli}}<option value="{{.Naziv}} ({{.Kolicina}} kom)" data-id="{{.ID}}" data-cena="{{.ProdajnaCena}}">{{end}}
-                        {{end}}
+                    </datalist>
-                    </select>
+                    <input type="hidden" name="artikal_id" id="deo-artikal">
                 </div>
                 <div>
                     <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Kol.</label>
@@ -243,7 +265,7 @@
                 </div>
                 <div>
                     <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Cena/kom (din)</label>
-                    <input type="number" name="cena_komada" min="0" step="0.01" value="0" style="width:100%;" required>
+                    <input type="number" name="cena_komada" id="deo-cena" min="0" step="0.01" value="0" style="width:100%;" required>
                 </div>
                 <div>
                     <button type="submit" class="btn-primarno" style="font-size:13px;padding:8px 14px;white-space:nowrap;">+ Dodaj</button>
@@ -253,6 +275,7 @@
         {{end}}
 
         <!-- lista delova -->
+        <div id="delovi-spisak">
         {{if .ServisniDelovi}}
         <table class="tabela">
             <thead>
@@ -273,8 +296,8 @@
                     <td style="padding:9px 10px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{dinari .Ukupno}} din</td>
                     <td style="padding:9px 10px;text-align:center;">
                         {{if index $.Dozvole "servis.izmeni"}}
-                        <form method="POST" action="/servis/{{$.Nalog.ID}}/delovi/{{.ID}}/obrisi" style="display:inline;">
+                        <form method="POST" action="/servis/{{$.Nalog.ID}}/delovi/{{.ID}}/obrisi" style="display:inline;" data-refresh="#delovi-spisak">
-                            <input type="hidden" name="csrf_token" value="{{$.CsrfToken}}">
+                            <input type="hidden" name="_csrf" value="{{$.CsrfToken}}">
                             <button type="submit"
                                 data-potvrda="Ukloniti deo '{{.ArtikalNaziv}}'?"
                                 style="background:none;border:none;cursor:pointer;color:#dc2626;font-size:16px;padding:2px 6px;border-radius:4px;">
@@ -292,6 +315,7 @@
             Nema ugrađenih delova za ovaj nalog.
         </div>
         {{end}}
+        </div>
     </div>
 
     <!-- zona za brisanje -->
@@ -315,19 +339,35 @@
 </div>
 
 <script>
-(function() {
+// veže pretraživo polje (datalist) na skriveni ID + auto-popunu cene.
-    var sel = document.querySelector('select[name="artikal_id"]');
+// Korisnik kuca i bira stavku iz padajuće liste; iz izabrane opcije čitamo
-    var cenaInput = document.querySelector('input[name="cena_komada"]');
+// data-id (pravi ID za server) i data-cena (predlog cene).
-    if (!sel || !cenaInput) return;
+function vežiCombobox(pretragaId, datalistId, hiddenId, cenaId) {
-    sel.addEventListener('change', function() {
+    var pretraga = document.getElementById(pretragaId);
-        var opt = sel.options[sel.selectedIndex];
+    var datalist = document.getElementById(datalistId);
-        var cena = parseFloat(opt.dataset.cena);
+    var hidden = document.getElementById(hiddenId);
-        if (!isNaN(cena) && cena > 0) {
+    var cena = document.getElementById(cenaId);
-            cenaInput.value = cena.toFixed(2);
+    if (!pretraga || !datalist || !hidden) return;
-        } else {
+    function uskladi() {
-            cenaInput.value = '0';
+        var izbor = null;
+        var opcije = datalist.options;
+        for (var i = 0; i < opcije.length; i++) {
+            if (opcije[i].value === pretraga.value) { izbor = opcije[i]; break; }
         }
-    });
+        if (izbor) {
-})();
+            hidden.value = izbor.dataset.id || '';
+            if (cena) {
+                var c = parseFloat(izbor.dataset.cena);
+                cena.value = (!isNaN(c) && c > 0) ? c.toFixed(2) : '0';
+            }
+        } else {
+            hidden.value = '';
+        }
+    }
+    pretraga.addEventListener('input', uskladi);
+    pretraga.addEventListener('change', uskladi);
+}
+vežiCombobox('rad-usluga-pretraga', 'usluge-datalist', 'rad-usluga', 'rad-cena');
+vežiCombobox('deo-artikal-pretraga', 'artikli-datalist', 'deo-artikal', 'deo-cena');
 </script>
 {{end}}

web/templates/teme/podrazumevana/base.html

@@ -349,7 +349,13 @@
                 window._ntechPotvrdi(el.getAttribute('data-potvrda')).then(function(ok) {
                     if (!ok) return;
                     var forma = el.closest('form');
-                    if (forma) { forma.submit(); return; }
+                    // requestSubmit() okida 'submit' event (za razliku od submit()),
+                    // pa prolazi kroz AJAX/ data-refresh logiku umesto pune navigacije
+                    if (forma) {
+                        if (forma.requestSubmit) forma.requestSubmit();
+                        else forma.submit();
+                        return;
+                    }
                     if (el.href) { window.location.href = el.href; }
                 });
             });
@@ -376,6 +382,24 @@
                     var finUrl = new URL(res.url);
                     var isStiPath = finUrl.pathname === location.pathname;
                     var imaSacuvano = finUrl.search.indexOf('sacuvano') !== -1;
+                    // forme sa data-refresh osvežavaju samo navedeni deo stranice (npr.
+                    // tabelu radova/delova) — bez skoka na vrh i bez treptaja. Važi i za
+                    // dodavanje i za brisanje stavki (dovoljno je da ostanemo na istoj stranici).
+                    var ciljSel = f.getAttribute('data-refresh');
+                    if (ciljSel && isStiPath) {
+                        fetch(res.url, { credentials: 'same-origin' })
+                            .then(function (rr) { return rr.text(); })
+                            .then(function (html) {
+                                var doc = new DOMParser().parseFromString(html, 'text/html');
+                                var novi = doc.querySelector(ciljSel);
+                                var stari = document.querySelector(ciljSel);
+                                if (novi && stari) stari.replaceWith(novi);
+                                f.reset();
+                                if (btn) btn.disabled = false;
+                            })
+                            .catch(function () { location.href = res.url; });
+                        return;
+                    }
                     if (isStiPath && imaSacuvano) {
                         // uspeh na istoj stranici — prikaži toast, ostani
                         window.ntechToast('Sačuvano', 'uspeh');