Dodavanje modula dobavljača i nabavki

.gitignore

@@ -1,6 +1,6 @@
 # Binarne datoteke
-ntech
+/ntech
-ntech.exe
+/ntech.exe
 
 # Baza podataka
 *.db
@@ -25,3 +25,5 @@ ntech.exe
 # IDE podešavanja
 .idea/
 *.swp
+
+

cmd/ntech/main.go

@@ -66,6 +66,17 @@ func main() {
 	r.Get("/magacin/kategorije", h.Kategorije)
 	r.Post("/magacin/kategorije/dodaj", h.DodajKategoriju)
 	r.Get("/magacin/kategorije/obrisi/{id}", h.ObrisiKategoriju)
+	r.Get("/nabavke", h.Nabavke)
+	r.Get("/nabavke/nova", h.NovaNabavka)
+	r.Post("/nabavke/nova", h.SacuvajNabavku)
+	r.Get("/nabavke/{id}", h.DetaljiNabavke)
+	r.Post("/nabavke/obrisi/{id}", h.ObrisiNabavku)
+	r.Get("/dobavljaci", h.Dobavljaci)
+	r.Get("/dobavljaci/novi", h.NoviDobavljac)
+	r.Post("/dobavljaci/novi", h.SacuvajDobavljaca)
+	r.Get("/dobavljaci/izmeni/{id}", h.IzmeniDobavljaca)
+	r.Post("/dobavljaci/izmeni/{id}", h.SacuvajIzmeneDobavljaca)
+	r.Post("/dobavljaci/obrisi/{id}", h.ObrisiDobavljaca)
 
 	log.Printf("NTech pokrenut na portu %s", port)
 	err = http.ListenAndServe(":"+port, r)

internal/db/repository.go

@@ -27,3 +27,21 @@ type ArtikalFilter struct {
 	KategorijaID *int64
 	SamoKriticni bool
 }
+
+// NabavkaRepository definiše operacije nad nabavkama
+type NabavkaRepository interface {
+	Lista(ctx context.Context) ([]model.NabavkaSaDetaljem, error)
+	DohvatiID(ctx context.Context, id int64) (*model.Nabavka, error)
+	DohvatiStavke(ctx context.Context, nabavkaID int64) ([]model.StavkaSaArtiklom, error)
+	Kreiraj(ctx context.Context, n *model.Nabavka, stavke []model.StavkaNabavke) (int64, error)
+	Obrisi(ctx context.Context, id int64) error
+}
+
+// DobavljacRepository definiše operacije nad dobavljačima
+type DobavljacRepository interface {
+	Lista(ctx context.Context, pretraga string) ([]model.Dobavljac, error)
+	DohvatiID(ctx context.Context, id int64) (*model.Dobavljac, error)
+	Kreiraj(ctx context.Context, d *model.Dobavljac) (int64, error)
+	Izmeni(ctx context.Context, d *model.Dobavljac) error
+	Obrisi(ctx context.Context, id int64) error
+}

internal/db/sqlite/dobavljac.go

@@ -0,0 +1,130 @@
+package sqlite
+
+import (
+	"context"
+	"database/sql"
+	"fmt"
+
+	"ntech/internal/model"
+)
+
+// DobavljacRepo je SQLite implementacija DobavljacRepository interfejsa
+type DobavljacRepo struct {
+	db *sql.DB
+}
+
+// NoviDobavljacRepo kreira novi DobavljacRepo
+func NoviDobavljacRepo(db *sql.DB) *DobavljacRepo {
+	return &DobavljacRepo{db: db}
+}
+
+// Lista vraća listu dobavljača sa opcionom pretragom po nazivu
+func (r *DobavljacRepo) Lista(ctx context.Context, pretraga string) ([]model.Dobavljac, error) {
+	upit := `
+		SELECT id, naziv, kontakt_osoba, telefon, email, napomena, datum_unosa
+		FROM dobavljaci
+		WHERE 1=1`
+
+	args := []any{}
+
+	if pretraga != "" {
+		upit += " AND naziv LIKE ?"
+		args = append(args, "%"+pretraga+"%")
+	}
+
+	upit += " ORDER BY naziv ASC"
+
+	redovi, err := r.db.QueryContext(ctx, upit, args...)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: DobavljacRepo.Lista: %w", err)
+	}
+	defer redovi.Close()
+
+	var rezultat []model.Dobavljac
+	for redovi.Next() {
+		var d model.Dobavljac
+		var kontaktOsoba, telefon, email, napomena sql.NullString
+		err := redovi.Scan(
+			&d.ID, &d.Naziv, &kontaktOsoba, &telefon, &email, &napomena, &d.DatumUnosa,
+		)
+		if err != nil {
+			return nil, fmt.Errorf("ntech: DobavljacRepo.Lista: scan: %w", err)
+		}
+		d.KontaktOsoba = kontaktOsoba.String
+		d.Telefon = telefon.String
+		d.Email = email.String
+		d.Napomena = napomena.String
+		rezultat = append(rezultat, d)
+	}
+
+	return rezultat, nil
+}
+
+// DohvatiID vraća jednog dobavljača po ID-u
+func (r *DobavljacRepo) DohvatiID(ctx context.Context, id int64) (*model.Dobavljac, error) {
+	var d model.Dobavljac
+	var kontaktOsoba, telefon, email, napomena sql.NullString
+
+	err := r.db.QueryRowContext(ctx, `
+		SELECT id, naziv, kontakt_osoba, telefon, email, napomena, datum_unosa
+		FROM dobavljaci WHERE id = ?`, id).Scan(
+		&d.ID, &d.Naziv, &kontaktOsoba, &telefon, &email, &napomena, &d.DatumUnosa,
+	)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: DobavljacRepo.DohvatiID: %w", err)
+	}
+
+	d.KontaktOsoba = kontaktOsoba.String
+	d.Telefon = telefon.String
+	d.Email = email.String
+	d.Napomena = napomena.String
+
+	return &d, nil
+}
+
+// Kreiraj dodaje novog dobavljača u bazu
+func (r *DobavljacRepo) Kreiraj(ctx context.Context, d *model.Dobavljac) (int64, error) {
+	rezultat, err := r.db.ExecContext(ctx, `
+		INSERT INTO dobavljaci (naziv, kontakt_osoba, telefon, email, napomena)
+		VALUES (?, ?, ?, ?, ?)`,
+		d.Naziv, nullString(d.KontaktOsoba), nullString(d.Telefon),
+		nullString(d.Email), nullString(d.Napomena),
+	)
+	if err != nil {
+		return 0, fmt.Errorf("ntech: DobavljacRepo.Kreiraj: %w", err)
+	}
+
+	id, err := rezultat.LastInsertId()
+	if err != nil {
+		return 0, fmt.Errorf("ntech: DobavljacRepo.Kreiraj: last insert id: %w", err)
+	}
+
+	return id, nil
+}
+
+// Izmeni ažurira postojećeg dobavljača
+func (r *DobavljacRepo) Izmeni(ctx context.Context, d *model.Dobavljac) error {
+	_, err := r.db.ExecContext(ctx, `
+		UPDATE dobavljaci SET
+			naziv = ?, kontakt_osoba = ?, telefon = ?, email = ?, napomena = ?
+		WHERE id = ?`,
+		d.Naziv, nullString(d.KontaktOsoba), nullString(d.Telefon),
+		nullString(d.Email), nullString(d.Napomena), d.ID,
+	)
+	if err != nil {
+		return fmt.Errorf("ntech: DobavljacRepo.Izmeni: %w", err)
+	}
+
+	return nil
+}
+
+// Obrisi briše dobavljača po ID-u
+func (r *DobavljacRepo) Obrisi(ctx context.Context, id int64) error {
+	_, err := r.db.ExecContext(ctx, "DELETE FROM dobavljaci WHERE id = ?", id)
+	if err != nil {
+		return fmt.Errorf("ntech: DobavljacRepo.Obrisi: %w", err)
+	}
+
+	return nil
+}
+

internal/db/sqlite/nabavka.go

@@ -0,0 +1,181 @@
+package sqlite
+
+import (
+	"context"
+	"database/sql"
+	"fmt"
+
+	"ntech/internal/model"
+)
+
+// NabavkaRepo je SQLite implementacija NabavkaRepository interfejsa
+type NabavkaRepo struct {
+	db *sql.DB
+}
+
+// NoviNabavkaRepo kreira novi NabavkaRepo
+func NoviNabavkaRepo(db *sql.DB) *NabavkaRepo {
+	return &NabavkaRepo{db: db}
+}
+
+// Lista vraća sve nabavke sa nazivom dobavljača, sortirano od najnovije
+func (r *NabavkaRepo) Lista(ctx context.Context) ([]model.NabavkaSaDetaljem, error) {
+	redovi, err := r.db.QueryContext(ctx, `
+		SELECT
+			n.id, n.dobavljac_id, n.napomena, n.ukupno, n.datum,
+			COALESCE(d.naziv, '') AS dobavljac_naziv
+		FROM nabavke n
+		LEFT JOIN dobavljaci d ON n.dobavljac_id = d.id
+		ORDER BY n.datum DESC`)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: NabavkaRepo.Lista: %w", err)
+	}
+	defer redovi.Close()
+
+	var rezultat []model.NabavkaSaDetaljem
+	for redovi.Next() {
+		var n model.NabavkaSaDetaljem
+		var dobavljacID sql.NullInt64
+		var napomena sql.NullString
+
+		err := redovi.Scan(
+			&n.ID, &dobavljacID, &napomena, &n.Ukupno, &n.Datum,
+			&n.DobavljacNaziv,
+		)
+		if err != nil {
+			return nil, fmt.Errorf("ntech: NabavkaRepo.Lista: scan: %w", err)
+		}
+
+		if dobavljacID.Valid {
+			n.DobavljacID = &dobavljacID.Int64
+		}
+		n.Napomena = napomena.String
+
+		rezultat = append(rezultat, n)
+	}
+
+	return rezultat, nil
+}
+
+// DohvatiID vraća zaglavlje jedne nabavke po ID-u
+func (r *NabavkaRepo) DohvatiID(ctx context.Context, id int64) (*model.Nabavka, error) {
+	var n model.Nabavka
+	var dobavljacID sql.NullInt64
+	var napomena sql.NullString
+
+	err := r.db.QueryRowContext(ctx, `
+		SELECT id, dobavljac_id, napomena, ukupno, datum
+		FROM nabavke WHERE id = ?`, id).Scan(
+		&n.ID, &dobavljacID, &napomena, &n.Ukupno, &n.Datum,
+	)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: NabavkaRepo.DohvatiID: %w", err)
+	}
+
+	if dobavljacID.Valid {
+		n.DobavljacID = &dobavljacID.Int64
+	}
+	n.Napomena = napomena.String
+
+	return &n, nil
+}
+
+// DohvatiStavke vraća sve stavke jedne nabavke sa nazivima artikala
+func (r *NabavkaRepo) DohvatiStavke(ctx context.Context, nabavkaID int64) ([]model.StavkaSaArtiklom, error) {
+	redovi, err := r.db.QueryContext(ctx, `
+		SELECT
+			s.id, s.nabavka_id, s.artikal_id, s.kolicina,
+			s.cena_po_komadu, s.ukupno,
+			a.naziv AS artikal_naziv
+		FROM stavke_nabavke s
+		JOIN artikli a ON s.artikal_id = a.id
+		WHERE s.nabavka_id = ?
+		ORDER BY s.id ASC`, nabavkaID)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: NabavkaRepo.DohvatiStavke: %w", err)
+	}
+	defer redovi.Close()
+
+	var rezultat []model.StavkaSaArtiklom
+	for redovi.Next() {
+		var s model.StavkaSaArtiklom
+		err := redovi.Scan(
+			&s.ID, &s.NabavkaID, &s.ArtikalID, &s.Kolicina,
+			&s.CenaPoKomadu, &s.Ukupno,
+			&s.ArtikalNaziv,
+		)
+		if err != nil {
+			return nil, fmt.Errorf("ntech: NabavkaRepo.DohvatiStavke: scan: %w", err)
+		}
+		rezultat = append(rezultat, s)
+	}
+
+	return rezultat, nil
+}
+
+// Kreiraj upisuje novu nabavku sa svim stavkama u jednoj transakciji i ažurira stanje magacina
+func (r *NabavkaRepo) Kreiraj(ctx context.Context, n *model.Nabavka, stavke []model.StavkaNabavke) (int64, error) {
+	tx, err := r.db.BeginTx(ctx, nil)
+	if err != nil {
+		return 0, fmt.Errorf("ntech: NabavkaRepo.Kreiraj: begin: %w", err)
+	}
+	defer tx.Rollback()
+
+	// računamo ukupan iznos nabavke kao zbir svih stavki
+	var ukupno float64
+	for i := range stavke {
+		stavke[i].Ukupno = float64(stavke[i].Kolicina) * stavke[i].CenaPoKomadu
+		ukupno += stavke[i].Ukupno
+	}
+
+	// upisujemo zaglavlje nabavke
+	rezultat, err := tx.ExecContext(ctx, `
+		INSERT INTO nabavke (dobavljac_id, napomena, ukupno)
+		VALUES (?, ?, ?)`,
+		nullInt64(n.DobavljacID), nullString(n.Napomena), ukupno,
+	)
+	if err != nil {
+		return 0, fmt.Errorf("ntech: NabavkaRepo.Kreiraj: insert nabavka: %w", err)
+	}
+
+	nabavkaID, err := rezultat.LastInsertId()
+	if err != nil {
+		return 0, fmt.Errorf("ntech: NabavkaRepo.Kreiraj: last insert id: %w", err)
+	}
+
+	// upisujemo svaku stavku i ažuriramo stanje artikla u magacinu
+	for _, s := range stavke {
+		_, err := tx.ExecContext(ctx, `
+			INSERT INTO stavke_nabavke (nabavka_id, artikal_id, kolicina, cena_po_komadu, ukupno)
+			VALUES (?, ?, ?, ?, ?)`,
+			nabavkaID, s.ArtikalID, s.Kolicina, s.CenaPoKomadu, s.Ukupno,
+		)
+		if err != nil {
+			return 0, fmt.Errorf("ntech: NabavkaRepo.Kreiraj: insert stavka: %w", err)
+		}
+
+		_, err = tx.ExecContext(ctx,
+			"UPDATE artikli SET kolicina = kolicina + ? WHERE id = ?",
+			s.Kolicina, s.ArtikalID,
+		)
+		if err != nil {
+			return 0, fmt.Errorf("ntech: NabavkaRepo.Kreiraj: update kolicina: %w", err)
+		}
+	}
+
+	if err := tx.Commit(); err != nil {
+		return 0, fmt.Errorf("ntech: NabavkaRepo.Kreiraj: commit: %w", err)
+	}
+
+	return nabavkaID, nil
+}
+
+// Obrisi briše nabavku po ID-u — stavke se brišu automatski (ON DELETE CASCADE)
+// Napomena: brisanje ne vraća količine artikala u magacin
+func (r *NabavkaRepo) Obrisi(ctx context.Context, id int64) error {
+	_, err := r.db.ExecContext(ctx, "DELETE FROM nabavke WHERE id = ?", id)
+	if err != nil {
+		return fmt.Errorf("ntech: NabavkaRepo.Obrisi: %w", err)
+	}
+	return nil
+}

internal/db/sqlite/utils.go

@@ -0,0 +1,18 @@
+package sqlite
+
+import "database/sql"
+
+// nullString pretvara prazan Go string u sql.NullString sa NULL vrednošću —
+// koristi se pri unosu i izmeni kada polje u bazi sme biti NULL
+func nullString(s string) sql.NullString {
+	return sql.NullString{String: s, Valid: s != ""}
+}
+
+// nullInt64 pretvara *int64 pokazivač u sql.NullInt64 —
+// koristi se za opciona FK polja koja smeju biti NULL u bazi
+func nullInt64(v *int64) sql.NullInt64 {
+	if v == nil {
+		return sql.NullInt64{}
+	}
+	return sql.NullInt64{Int64: *v, Valid: true}
+}

internal/handler/dobavljac.go

@@ -0,0 +1,277 @@
+package handler
+
+import (
+	"html/template"
+	"log"
+	"net/http"
+	"strings"
+
+	"ntech/internal/db/sqlite"
+	"ntech/internal/model"
+
+	"github.com/go-chi/chi/v5"
+)
+
+// PodaciDobavljaca su podaci za stranicu sa listom dobavljača
+type PodaciDobavljaca struct {
+	model.PodaciStranice
+	Dobavljaci []model.Dobavljac
+	Pretraga   string
+	Sacuvano   bool
+	Obrisan    bool
+}
+
+// PodaciFormeDobavljaca su podaci za formu novog/izmenjenog dobavljača
+type PodaciFormeDobavljaca struct {
+	model.PodaciStranice
+	Dobavljac model.Dobavljac
+	Greska    string
+	Izmena    bool
+}
+
+// Dobavljaci renderuje listu svih dobavljača
+func (h *Handler) Dobavljaci(w http.ResponseWriter, r *http.Request) {
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+
+	pretraga := r.URL.Query().Get("pretraga")
+
+	dobavljaci, err := h.DobavljaciRepo.Lista(r.Context(), pretraga)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju dobavljača", http.StatusInternalServerError)
+		return
+	}
+
+	podaci := PodaciDobavljaca{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "dobavljaci",
+			NaslovStranice: "Dobavljači",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Dobavljaci: dobavljaci,
+		Pretraga:   pretraga,
+		Sacuvano:   r.URL.Query().Get("sacuvano") == "1",
+		Obrisan:    r.URL.Query().Get("obrisan") == "1",
+	}
+
+	tmpl, err := template.ParseFiles(
+		"web/templates/teme/podrazumevana/base.html",
+		"web/templates/komponente/sidebar.html",
+		"web/templates/komponente/topbar.html",
+		"web/templates/stranice/dobavljaci.html",
+	)
+	if err != nil {
+		log.Printf("greška pri učitavanju šablona: %v", err)
+		http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
+		return
+	}
+
+	if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
+		log.Printf("greška pri renderovanju: %v", err)
+		http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
+	}
+}
+
+// NoviDobavljac prikazuje praznu formu za unos novog dobavljača
+func (h *Handler) NoviDobavljac(w http.ResponseWriter, r *http.Request) {
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+
+	renderujFormuDobavljaca(w, PodaciFormeDobavljaca{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "dobavljaci",
+			NaslovStranice: "Novi dobavljač",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Izmena: false,
+	})
+}
+
+// SacuvajDobavljaca prima POST formu i upisuje novog dobavljača u bazu
+func (h *Handler) SacuvajDobavljaca(w http.ResponseWriter, r *http.Request) {
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	dobavljac, greska := parseFormuDobavljaca(r)
+	if greska != "" {
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		renderujFormuDobavljaca(w, PodaciFormeDobavljaca{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "dobavljaci",
+				NaslovStranice: "Novi dobavljač",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Dobavljac: dobavljac,
+			Greska:    greska,
+			Izmena:    false,
+		})
+		return
+	}
+
+	if _, err := h.DobavljaciRepo.Kreiraj(r.Context(), &dobavljac); err != nil {
+		http.Error(w, "Greška pri čuvanju dobavljača", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, "/dobavljaci?sacuvano=1", http.StatusSeeOther)
+}
+
+// IzmeniDobavljaca učitava dobavljača po ID-u i prikazuje popunjenu formu za izmenu
+func (h *Handler) IzmeniDobavljaca(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID dobavljača", http.StatusBadRequest)
+		return
+	}
+
+	dobavljac, err := h.DobavljaciRepo.DohvatiID(r.Context(), id)
+	if err != nil {
+		http.Error(w, "Dobavljač nije pronađen", http.StatusNotFound)
+		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
+	}
+
+	renderujFormuDobavljaca(w, PodaciFormeDobavljaca{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "dobavljaci",
+			NaslovStranice: "Izmeni dobavljača",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Dobavljac: *dobavljac,
+		Izmena:    true,
+	})
+}
+
+// SacuvajIzmeneDobavljaca prima POST formu i ažurira postojećeg dobavljača u bazi
+func (h *Handler) SacuvajIzmeneDobavljaca(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID dobavljača", http.StatusBadRequest)
+		return
+	}
+
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	dobavljac, greska := parseFormuDobavljaca(r)
+	if greska != "" {
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		dobavljac.ID = id
+		renderujFormuDobavljaca(w, PodaciFormeDobavljaca{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "dobavljaci",
+				NaslovStranice: "Izmeni dobavljača",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Dobavljac: dobavljac,
+			Greska:    greska,
+			Izmena:    true,
+		})
+		return
+	}
+
+	dobavljac.ID = id
+	if err := h.DobavljaciRepo.Izmeni(r.Context(), &dobavljac); err != nil {
+		http.Error(w, "Greška pri čuvanju izmene", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, "/dobavljaci?sacuvano=1", http.StatusSeeOther)
+}
+
+// ObrisiDobavljaca prima POST zahtev i briše dobavljača po ID-u
+func (h *Handler) ObrisiDobavljaca(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID dobavljača", http.StatusBadRequest)
+		return
+	}
+
+	if err := h.DobavljaciRepo.Obrisi(r.Context(), id); err != nil {
+		http.Error(w, "Greška pri brisanju dobavljača", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, "/dobavljaci?obrisan=1", http.StatusSeeOther)
+}
+
+// parseFormuDobavljaca čita polja iz HTTP forme, validira ih i vraća model i eventualnu grešku
+func parseFormuDobavljaca(r *http.Request) (model.Dobavljac, string) {
+	naziv := strings.TrimSpace(r.FormValue("naziv"))
+	if naziv == "" {
+		return model.Dobavljac{}, "Naziv dobavljača je obavezan."
+	}
+
+	email := strings.TrimSpace(r.FormValue("email"))
+	if email != "" && !strings.Contains(email, "@") {
+		return model.Dobavljac{}, "Adresa e-pošte nije ispravna."
+	}
+
+	return model.Dobavljac{
+		Naziv:        naziv,
+		KontaktOsoba: strings.TrimSpace(r.FormValue("kontakt_osoba")),
+		Telefon:      strings.TrimSpace(r.FormValue("telefon")),
+		Email:        email,
+		Napomena:     strings.TrimSpace(r.FormValue("napomena")),
+	}, ""
+}
+
+// renderujFormuDobavljaca renderuje HTML šablon forme za unos ili izmenu dobavljača
+func renderujFormuDobavljaca(w http.ResponseWriter, podaci PodaciFormeDobavljaca) {
+	tmpl, err := template.ParseFiles(
+		"web/templates/teme/podrazumevana/base.html",
+		"web/templates/komponente/sidebar.html",
+		"web/templates/komponente/topbar.html",
+		"web/templates/stranice/dobavljac_forma.html",
+	)
+	if err != nil {
+		log.Printf("greška pri učitavanju šablona: %v", err)
+		http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
+		return
+	}
+
+	if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
+		log.Printf("greška pri renderovanju: %v", err)
+		http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
+	}
+}

internal/handler/handler.go

@@ -12,6 +12,8 @@ type Handler struct {
 	DB             *sql.DB
 	Artikli        db.ArtikalRepository
 	KategorijeRepo db.KategorijaRepository
+	DobavljaciRepo db.DobavljacRepository
+	NabavkeRepo    db.NabavkaRepository
 }
 
 // Novi kreira novi Handler sa datom bazom
@@ -20,5 +22,7 @@ func Novi(baza *sql.DB) *Handler {
 		DB:             baza,
 		Artikli:        sqlite.NoviArtikalRepo(baza),
 		KategorijeRepo: sqlite.NovaKategorijaRepo(baza),
+		DobavljaciRepo: sqlite.NoviDobavljacRepo(baza),
+		NabavkeRepo:    sqlite.NoviNabavkaRepo(baza),
 	}
 }

internal/handler/magacin_forma.go

@@ -1,6 +1,7 @@
 package handler
 
 import (
+	"fmt"
 	"html/template"
 	"log"
 	"net/http"
@@ -89,11 +90,19 @@ func (h *Handler) SacuvajArtikal(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	if _, err := h.Artikli.Kreiraj(r.Context(), &artikal); err != nil {
+	id, err := h.Artikli.Kreiraj(r.Context(), &artikal)
+	if err != nil {
 		http.Error(w, "Greška pri čuvanju artikla", http.StatusInternalServerError)
 		return
 	}
 
+	// fetch zahtev (iz modala) dobija JSON sa ID-em i nazivom novog artikla
+	if r.Header.Get("X-Requested-With") == "fetch" {
+		w.Header().Set("Content-Type", "application/json")
+		fmt.Fprintf(w, `{"id":%d,"naziv":%q}`, id, artikal.Naziv)
+		return
+	}
+
 	http.Redirect(w, r, "/magacin?sacuvano=1", http.StatusSeeOther)
 }
 

internal/handler/nabavka.go

@@ -0,0 +1,348 @@
+package handler
+
+import (
+	"encoding/json"
+	"html/template"
+	"log"
+	"net/http"
+	"strconv"
+	"strings"
+
+	"ntech/internal/db"
+	"ntech/internal/db/sqlite"
+	"ntech/internal/model"
+
+	"github.com/go-chi/chi/v5"
+)
+
+// PodaciNabavki su podaci za stranicu sa listom nabavki
+type PodaciNabavki struct {
+	model.PodaciStranice
+	Nabavke  []model.NabavkaSaDetaljem
+	Sacuvano bool
+	Obrisan  bool
+}
+
+// PodaciFormeNabavke su podaci za formu unosa nove nabavke
+type PodaciFormeNabavke struct {
+	model.PodaciStranice
+	Artikli    []model.ArtikalSaKategorijom
+	ArtikliJSON template.JS           // JSON niz artikala za Alpine.js — bezbedan za umetanje u <script>
+	Dobavljaci []model.Dobavljac
+	Kategorije []model.Kategorija     // za dropdown u modalu novog artikla
+	Greska     string
+}
+
+// PodaciDetaljiNabavke su podaci za pregled jedne nabavke sa stavkama
+type PodaciDetaljiNabavke struct {
+	model.PodaciStranice
+	Nabavka        model.Nabavka
+	Stavke         []model.StavkaSaArtiklom
+	DobavljacNaziv string
+}
+
+// artikalUJSON pretvara listu artikala u template.JS vrednost bezbednu za umetanje u <script> tag
+func artikalUJSON(artikli []model.ArtikalSaKategorijom) template.JS {
+	type stavka struct {
+		ID    int64  `json:"id"`
+		Naziv string `json:"naziv"`
+	}
+	lista := make([]stavka, 0, len(artikli))
+	for _, a := range artikli {
+		lista = append(lista, stavka{ID: a.ID, Naziv: a.Naziv})
+	}
+	b, _ := json.Marshal(lista)
+	return template.JS(b)
+}
+
+// Nabavke renderuje listu svih nabavki
+func (h *Handler) Nabavke(w http.ResponseWriter, r *http.Request) {
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+
+	nabavke, err := h.NabavkeRepo.Lista(r.Context())
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju nabavki", http.StatusInternalServerError)
+		return
+	}
+
+	podaci := PodaciNabavki{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "nabavke",
+			NaslovStranice: "Nabavke",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Nabavke:  nabavke,
+		Sacuvano: r.URL.Query().Get("sacuvano") == "1",
+		Obrisan:  r.URL.Query().Get("obrisan") == "1",
+	}
+
+	tmpl, err := template.ParseFiles(
+		"web/templates/teme/podrazumevana/base.html",
+		"web/templates/komponente/sidebar.html",
+		"web/templates/komponente/topbar.html",
+		"web/templates/stranice/nabavke.html",
+	)
+	if err != nil {
+		log.Printf("greška pri učitavanju šablona: %v", err)
+		http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
+		return
+	}
+
+	if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
+		log.Printf("greška pri renderovanju: %v", err)
+		http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
+	}
+}
+
+// NovaNabavka prikazuje formu za unos nove nabavke
+func (h *Handler) NovaNabavka(w http.ResponseWriter, r *http.Request) {
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+
+	artikli, err := h.Artikli.Lista(r.Context(), db.ArtikalFilter{})
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju artikala", http.StatusInternalServerError)
+		return
+	}
+
+	dobavljaci, err := h.DobavljaciRepo.Lista(r.Context(), "")
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju dobavljača", http.StatusInternalServerError)
+		return
+	}
+
+	kategorije, err := h.KategorijeRepo.Lista(r.Context())
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju kategorija", http.StatusInternalServerError)
+		return
+	}
+
+	renderujFormuNabavke(w, PodaciFormeNabavke{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "nabavke",
+			NaslovStranice: "Nova nabavka",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Artikli:     artikli,
+		ArtikliJSON: artikalUJSON(artikli),
+		Dobavljaci:  dobavljaci,
+		Kategorije:  kategorije,
+	})
+}
+
+// SacuvajNabavku prima POST formu, parsira stavke i upisuje nabavku u bazu
+func (h *Handler) SacuvajNabavku(w http.ResponseWriter, r *http.Request) {
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	nabavka, stavke, greska := parseFormuNabavke(r)
+	if greska != "" {
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		artikli, _ := h.Artikli.Lista(r.Context(), db.ArtikalFilter{})
+		dobavljaci, _ := h.DobavljaciRepo.Lista(r.Context(), "")
+		kategorije, _ := h.KategorijeRepo.Lista(r.Context())
+		renderujFormuNabavke(w, PodaciFormeNabavke{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "nabavke",
+				NaslovStranice: "Nova nabavka",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Artikli:     artikli,
+			ArtikliJSON: artikalUJSON(artikli),
+			Dobavljaci:  dobavljaci,
+			Kategorije:  kategorije,
+			Greska:      greska,
+		})
+		return
+	}
+
+	id, err := h.NabavkeRepo.Kreiraj(r.Context(), &nabavka, stavke)
+	if err != nil {
+		http.Error(w, "Greška pri čuvanju nabavke", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, "/nabavke/"+strconv.FormatInt(id, 10)+"?sacuvano=1", http.StatusSeeOther)
+}
+
+// DetaljiNabavke prikazuje pregled jedne nabavke sa svim stavkama
+func (h *Handler) DetaljiNabavke(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID nabavke", http.StatusBadRequest)
+		return
+	}
+
+	nabavka, err := h.NabavkeRepo.DohvatiID(r.Context(), id)
+	if err != nil {
+		http.Error(w, "Nabavka nije pronađena", http.StatusNotFound)
+		return
+	}
+
+	stavke, err := h.NabavkeRepo.DohvatiStavke(r.Context(), id)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju stavki", http.StatusInternalServerError)
+		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
+	}
+
+	// naziv dobavljača dohvatamo samo ako nabavka ima dobavljača
+	dobavljacNaziv := ""
+	if nabavka.DobavljacID != nil {
+		dobavljac, err := h.DobavljaciRepo.DohvatiID(r.Context(), *nabavka.DobavljacID)
+		if err == nil {
+			dobavljacNaziv = dobavljac.Naziv
+		}
+	}
+
+	podaci := PodaciDetaljiNabavke{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "nabavke",
+			NaslovStranice: "Detalji nabavke",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Nabavka:        *nabavka,
+		Stavke:         stavke,
+		DobavljacNaziv: dobavljacNaziv,
+	}
+
+	tmpl, err := template.ParseFiles(
+		"web/templates/teme/podrazumevana/base.html",
+		"web/templates/komponente/sidebar.html",
+		"web/templates/komponente/topbar.html",
+		"web/templates/stranice/nabavka_detalji.html",
+	)
+	if err != nil {
+		log.Printf("greška pri učitavanju šablona: %v", err)
+		http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
+		return
+	}
+
+	if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
+		log.Printf("greška pri renderovanju: %v", err)
+		http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
+	}
+}
+
+// ObrisiNabavku prima POST zahtev i briše nabavku po ID-u
+func (h *Handler) ObrisiNabavku(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID nabavke", http.StatusBadRequest)
+		return
+	}
+
+	if err := h.NabavkeRepo.Obrisi(r.Context(), id); err != nil {
+		http.Error(w, "Greška pri brisanju nabavke", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, "/nabavke?obrisan=1", http.StatusSeeOther)
+}
+
+// parseFormuNabavke čita zaglavlje i stavke iz HTTP forme i vraća model i eventualnu grešku
+func parseFormuNabavke(r *http.Request) (model.Nabavka, []model.StavkaNabavke, string) {
+	var nabavka model.Nabavka
+
+	// opcioni dobavljač
+	if dobavljacIDStr := r.FormValue("dobavljac_id"); dobavljacIDStr != "" {
+		id, err := strconv.ParseInt(dobavljacIDStr, 10, 64)
+		if err == nil {
+			nabavka.DobavljacID = &id
+		}
+	}
+	nabavka.Napomena = strings.TrimSpace(r.FormValue("napomena"))
+
+	// paralelni nizovi stavki
+	artikalIDovi := r.Form["artikal_id[]"]
+	kolicine := r.Form["kolicina[]"]
+	cene := r.Form["cena_po_komadu[]"]
+
+	if len(artikalIDovi) == 0 {
+		return nabavka, nil, "Nabavka mora imati najmanje jednu stavku."
+	}
+
+	if len(artikalIDovi) != len(kolicine) || len(artikalIDovi) != len(cene) {
+		return nabavka, nil, "Greška u podacima forme — broj stavki nije ispravan."
+	}
+
+	var stavke []model.StavkaNabavke
+	for i := range artikalIDovi {
+		artikalID, err := strconv.ParseInt(strings.TrimSpace(artikalIDovi[i]), 10, 64)
+		if err != nil || artikalID <= 0 {
+			return nabavka, nil, "Neispravan artikal u stavci."
+		}
+
+		kolicina, err := strconv.Atoi(strings.TrimSpace(kolicine[i]))
+		if err != nil || kolicina <= 0 {
+			return nabavka, nil, "Količina mora biti pozitivan broj."
+		}
+
+		cena, err := strconv.ParseFloat(strings.TrimSpace(cene[i]), 64)
+		if err != nil || cena < 0 {
+			return nabavka, nil, "Cena mora biti pozitivan broj."
+		}
+
+		stavke = append(stavke, model.StavkaNabavke{
+			ArtikalID:    artikalID,
+			Kolicina:     kolicina,
+			CenaPoKomadu: cena,
+		})
+	}
+
+	return nabavka, stavke, ""
+}
+
+// renderujFormuNabavke renderuje HTML šablon forme za unos nove nabavke
+func renderujFormuNabavke(w http.ResponseWriter, podaci PodaciFormeNabavke) {
+	tmpl, err := template.ParseFiles(
+		"web/templates/teme/podrazumevana/base.html",
+		"web/templates/komponente/sidebar.html",
+		"web/templates/komponente/topbar.html",
+		"web/templates/stranice/nabavka_forma.html",
+	)
+	if err != nil {
+		log.Printf("greška pri učitavanju šablona: %v", err)
+		http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
+		return
+	}
+
+	if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
+		log.Printf("greška pri renderovanju: %v", err)
+		http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
+	}
+}

internal/handler/utils.go

@@ -0,0 +1,15 @@
+package handler
+
+import (
+	"fmt"
+	"strconv"
+)
+
+// parseID parsira string ID iz URL parametra u int64
+func parseID(s string) (int64, error) {
+	id, err := strconv.ParseInt(s, 10, 64)
+	if err != nil {
+		return 0, fmt.Errorf("ntech: parseID: neispravan ID %q: %w", s, err)
+	}
+	return id, nil
+}

internal/model/dobavljac.go

@@ -0,0 +1,14 @@
+package model
+
+import "time"
+
+// Dobavljac predstavlja jednog dobavljača
+type Dobavljac struct {
+	ID           int64
+	Naziv        string
+	KontaktOsoba string
+	Telefon      string
+	Email        string
+	Napomena     string
+	DatumUnosa   time.Time
+}

internal/model/nabavka.go

@@ -0,0 +1,34 @@
+package model
+
+import "time"
+
+// Nabavka predstavlja zaglavlje jedne nabavke
+type Nabavka struct {
+	ID          int64
+	DobavljacID *int64
+	Napomena    string
+	Ukupno      float64
+	Datum       time.Time
+}
+
+// StavkaNabavke predstavlja jednu liniju (artikal) unutar nabavke
+type StavkaNabavke struct {
+	ID           int64
+	NabavkaID    int64
+	ArtikalID    int64
+	Kolicina     int
+	CenaPoKomadu float64
+	Ukupno       float64
+}
+
+// NabavkaSaDetaljem je nabavka sa nazivom dobavljača — za prikaz u listi
+type NabavkaSaDetaljem struct {
+	Nabavka
+	DobavljacNaziv string
+}
+
+// StavkaSaArtiklom je stavka nabavke sa nazivom artikla — za prikaz u formi i detaljima
+type StavkaSaArtiklom struct {
+	StavkaNabavke
+	ArtikalNaziv string
+}

migrations/013_ukloni_broj_nabavke.sql

@@ -0,0 +1,18 @@
+-- uklanjamo kolonu broj_nabavke iz tabele nabavke
+-- SQLite ne dozvoljava DROP COLUMN na koloni sa UNIQUE ograničenjem,
+-- pa koristimo standardni pristup: nova tabela, kopiranje, brisanje stare, preimenovanje
+
+CREATE TABLE nabavke_novi (
+    id           INTEGER PRIMARY KEY AUTOINCREMENT,
+    dobavljac_id INTEGER REFERENCES dobavljaci(id) ON DELETE SET NULL,
+    napomena     TEXT,
+    ukupno       REAL    NOT NULL DEFAULT 0,
+    datum        DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+INSERT INTO nabavke_novi (id, dobavljac_id, napomena, ukupno, datum)
+SELECT id, dobavljac_id, napomena, ukupno, datum
+FROM nabavke;
+
+DROP TABLE nabavke;
+ALTER TABLE nabavke_novi RENAME TO nabavke;

web/templates/komponente/sidebar.html

@@ -45,6 +45,12 @@
             <span class="nav-tooltip">Magacin</span>
         </a>
 
+        <a href="/nabavke" class="nav-stavka {{if eq .Stranica "nabavke"}}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"/><polyline points="10 9 9 9 8 9"/></svg>
+            <span>Nabavke</span>
+            <span class="nav-tooltip">Nabavke</span>
+        </a>
+
         <a href="/servis" class="nav-stavka {{if eq .Stranica "servis"}}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.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
             <span>Servis</span>
@@ -63,6 +69,12 @@
             <span class="nav-tooltip">Klijenti</span>
         </a>
 
+        <a href="/dobavljaci" class="nav-stavka {{if eq .Stranica "dobavljaci"}}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"><rect x="1" y="3" width="15" height="13" rx="1"/><path d="M16 8h4l3 3v5h-7V8z"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>
+            <span>Dobavljači</span>
+            <span class="nav-tooltip">Dobavljači</span>
+        </a>
+
         <a href="/izvestaji" class="nav-stavka {{if eq .Stranica "izvestaji"}}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"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
             <span>Izveštaji</span>

web/templates/stranice/dobavljac_forma.html

@@ -0,0 +1,118 @@
+{{template "base" .}}
+
+{{define "naslov"}}{{if .Izmena}}Izmeni dobavljača{{else}}Novi dobavljač{{end}} — NTech{{end}}
+
+{{define "dodatni-css"}}
+<style>
+    @keyframes fadeInUp {
+        from { opacity: 0; transform: translateY(10px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    @keyframes shake {
+        0%, 100% { transform: translateX(0); }
+        20%       { transform: translateX(-6px); }
+        40%       { transform: translateX(6px); }
+        60%       { transform: translateX(-4px); }
+        80%       { transform: translateX(4px); }
+    }
+
+    .forma-kartica {
+        animation: fadeInUp 0.3s ease forwards;
+    }
+
+    .greska-animacija {
+        animation: shake 0.4s ease;
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+<div style="width:100%;">
+
+    <!-- nazad dugme -->
+    <a href="/dobavljaci"
+        style="display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-sporedni);text-decoration:none;margin-bottom:20px;transition:color 0.2s;"
+        onmouseover="this.style.color='var(--tekst-glavni)'" onmouseout="this.style.color='var(--tekst-sporedni)'">
+        <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 dobavljače
+    </a>
+
+    <div class="kartica forma-kartica">
+        <div style="margin-bottom:20px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
+            <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
+                {{if .Izmena}}Izmeni dobavljača{{else}}Novi dobavljač{{end}}
+            </span>
+        </div>
+
+        {{if .Greska}}
+        <div class="greska-animacija"
+            style="background:var(--kartica);border:0.5px solid #dc2626;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#dc2626;">
+            {{.Greska}}
+        </div>
+        {{end}}
+
+        <form method="POST" action="{{if .Izmena}}/dobavljaci/izmeni/{{.Dobavljac.ID}}{{else}}/dobavljaci/novi{{end}}">
+            <div style="display:flex;flex-direction:column;gap:14px;">
+
+                <!-- naziv -->
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                        Naziv <span style="color:#dc2626;">*</span>
+                    </label>
+                    <input type="text" name="naziv" value="{{.Dobavljac.Naziv}}"
+                        placeholder="npr. TechDistrib d.o.o."
+                        style="width:100%;">
+                </div>
+
+                <!-- kontakt osoba i telefon -->
+                <div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                    <div>
+                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Kontakt osoba</label>
+                        <input type="text" name="kontakt_osoba" value="{{.Dobavljac.KontaktOsoba}}"
+                            placeholder="npr. Marko Petrović"
+                            style="width:100%;">
+                    </div>
+                    <div>
+                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Telefon</label>
+                        <input type="text" name="telefon" value="{{.Dobavljac.Telefon}}"
+                            placeholder="npr. 011 123 4567"
+                            style="width:100%;">
+                    </div>
+                </div>
+
+                <!-- e-pošta -->
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">E-pošta</label>
+                    <input type="text" name="email" value="{{.Dobavljac.Email}}"
+                        placeholder="npr. nabavka@techdistrib.rs"
+                        style="width:100%;">
+                </div>
+
+                <!-- napomena -->
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <textarea name="napomena" rows="3"
+                        placeholder="Interna napomena o dobavljaču..."
+                        style="width:100%;resize:vertical;">{{.Dobavljac.Napomena}}</textarea>
+                </div>
+
+                <!-- dugmad -->
+                <div style="display:flex;justify-content:flex-end;gap:10px;margin-top:6px;">
+                    <a href="/dobavljaci"
+                        style="padding:9px 20px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;color:var(--tekst-sporedni);text-decoration:none;transition:background 0.2s;"
+                        onmouseover="this.style.background='var(--pozadina)'" onmouseout="this.style.background=''">
+                        Odustani
+                    </a>
+                    <button type="submit"
+                        style="padding:9px 20px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity 0.2s;"
+                        onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+                        {{if .Izmena}}Sačuvaj izmene{{else}}Dodaj dobavljača{{end}}
+                    </button>
+                </div>
+
+            </div>
+        </form>
+    </div>
+</div>
+{{end}}

web/templates/stranice/dobavljaci.html

@@ -0,0 +1,198 @@
+{{template "base" .}}
+
+{{define "naslov"}}Dobavljači — NTech{{end}}
+
+{{define "dodatni-css"}}
+<style>
+    @keyframes slideDown {
+        from { opacity: 0; transform: translateY(-10px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    @keyframes fadeInUp {
+        from { opacity: 0; transform: translateY(8px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    .poruka-animacija {
+        animation: slideDown 0.3s ease forwards;
+    }
+
+    .dobavljaci-tabela tbody tr {
+        animation: fadeInUp 0.25s ease forwards;
+        opacity: 0;
+    }
+
+    /* stagger — svaki red se pojavljuje malo kasnije */
+    .dobavljaci-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
+    .dobavljaci-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
+    .dobavljaci-tabela tbody tr:nth-child(3)  { animation-delay: 0.12s; }
+    .dobavljaci-tabela tbody tr:nth-child(4)  { animation-delay: 0.16s; }
+    .dobavljaci-tabela tbody tr:nth-child(5)  { animation-delay: 0.20s; }
+    .dobavljaci-tabela tbody tr:nth-child(6)  { animation-delay: 0.24s; }
+    .dobavljaci-tabela tbody tr:nth-child(7)  { animation-delay: 0.28s; }
+    .dobavljaci-tabela tbody tr:nth-child(8)  { animation-delay: 0.32s; }
+    .dobavljaci-tabela tbody tr:nth-child(9)  { animation-delay: 0.36s; }
+    .dobavljaci-tabela tbody tr:nth-child(10) { animation-delay: 0.40s; }
+
+    .dobavljaci-kartice {
+        display: none;
+        flex-direction: column;
+        gap: 12px;
+    }
+
+    .dobavljac-kartica {
+        animation: fadeInUp 0.25s ease forwards;
+        opacity: 0;
+    }
+
+    .dobavljac-kartica:nth-child(1)  { animation-delay: 0.04s; }
+    .dobavljac-kartica:nth-child(2)  { animation-delay: 0.10s; }
+    .dobavljac-kartica:nth-child(3)  { animation-delay: 0.16s; }
+    .dobavljac-kartica:nth-child(4)  { animation-delay: 0.22s; }
+    .dobavljac-kartica:nth-child(5)  { animation-delay: 0.28s; }
+
+    @media (max-width: 768px) {
+        .dobavljaci-tabela  { display: none; }
+        .dobavljaci-kartice { display: flex; }
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+<div style="display:flex;flex-direction:column;gap:16px;">
+
+    {{if .Sacuvano}}
+    <div class="poruka-uspeh poruka-animacija">Dobavljač je uspešno sačuvan.</div>
+    {{end}}
+    {{if .Obrisan}}
+    <div class="poruka-uspeh poruka-animacija">Dobavljač je uspešno obrisan.</div>
+    {{end}}
+
+    <!-- gornja traka: dugme + pretraga -->
+    <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
+        <a href="/dobavljaci/novi"
+            style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:opacity 0.2s;"
+            onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+            + Novi dobavljač
+        </a>
+        <form method="GET" action="/dobavljaci" style="display:flex;gap:8px;flex:1;min-width:200px;">
+            <input type="text" name="pretraga" value="{{.Pretraga}}"
+                placeholder="Pretraži dobavljače..."
+                style="flex:1;">
+            <button type="submit"
+                style="padding:8px 16px;background:var(--sb-aktivan);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;"
+                onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+                Traži
+            </button>
+        </form>
+    </div>
+
+    <!-- desktop tabela -->
+    <div class="kartica dobavljaci-tabela" style="padding:0;overflow:hidden;">
+        <div style="overflow-x:auto;">
+            <table style="width:100%;border-collapse:collapse;">
+                <thead>
+                    <tr style="border-bottom:0.5px solid var(--ivica);">
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Naziv</th>
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Kontakt osoba</th>
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Telefon</th>
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">E-pošta</th>
+                        <th style="padding:12px 16px;text-align:center;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Akcije</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{range .Dobavljaci}}
+                    <tr style="border-bottom:0.5px solid var(--ivica);transition:background 0.15s;"
+                        onmouseover="this.style.background='var(--pozadina)'"
+                        onmouseout="this.style.background=''">
+                        <td style="padding:12px 16px;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{.Naziv}}</td>
+                        <td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
+                            {{if .KontaktOsoba}}{{.KontaktOsoba}}{{else}}—{{end}}
+                        </td>
+                        <td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
+                            {{if .Telefon}}{{.Telefon}}{{else}}—{{end}}
+                        </td>
+                        <td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
+                            {{if .Email}}{{.Email}}{{else}}—{{end}}
+                        </td>
+                        <td style="padding:12px 16px;text-align:center;">
+                            <div style="display:flex;align-items:center;justify-content:center;gap:8px;">
+                                <a href="/dobavljaci/izmeni/{{.ID}}"
+                                    style="padding:4px 10px;background:var(--sb-aktivan);color:#fff;border-radius:6px;font-size:12px;text-decoration:none;transition:opacity 0.2s;"
+                                    onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
+                                    Izmeni
+                                </a>
+                                <form method="POST" action="/dobavljaci/obrisi/{{.ID}}" style="display:inline;">
+                                    <button type="submit"
+                                        onclick="return confirm('Da li ste sigurni da želite da obrišete dobavljača {{.Naziv}}?')"
+                                        style="padding:4px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:opacity 0.2s;"
+                                        onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
+                                        Obriši
+                                    </button>
+                                </form>
+                            </div>
+                        </td>
+                    </tr>
+                    {{else}}
+                    <tr>
+                        <td colspan="5" style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
+                            Nema dobavljača. <a href="/dobavljaci/novi" style="color:var(--sb-akcent);">Dodaj prvog dobavljača.</a>
+                        </td>
+                    </tr>
+                    {{end}}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <!-- mobilne kartice -->
+    <div class="dobavljaci-kartice">
+        {{range .Dobavljaci}}
+        <div class="kartica dobavljac-kartica">
+            <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;">
+                <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.Naziv}}</span>
+                <div style="display:flex;gap:8px;flex-shrink:0;">
+                    <a href="/dobavljaci/izmeni/{{.ID}}"
+                        style="padding:4px 10px;background:var(--sb-aktivan);color:#fff;border-radius:6px;font-size:12px;text-decoration:none;">
+                        Izmeni
+                    </a>
+                    <form method="POST" action="/dobavljaci/obrisi/{{.ID}}" style="display:inline;">
+                        <button type="submit"
+                            onclick="return confirm('Da li ste sigurni da želite da obrišete dobavljača {{.Naziv}}?')"
+                            style="padding:4px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;">
+                            Obriši
+                        </button>
+                    </form>
+                </div>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:6px;">
+                {{if .KontaktOsoba}}
+                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                    <span style="color:var(--tekst-glavni);font-weight:500;">Kontakt:</span> {{.KontaktOsoba}}
+                </div>
+                {{end}}
+                {{if .Telefon}}
+                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                    <span style="color:var(--tekst-glavni);font-weight:500;">Telefon:</span> {{.Telefon}}
+                </div>
+                {{end}}
+                {{if .Email}}
+                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                    <span style="color:var(--tekst-glavni);font-weight:500;">E-pošta:</span> {{.Email}}
+                </div>
+                {{end}}
+                {{if not .KontaktOsoba}}{{if not .Telefon}}{{if not .Email}}
+                <div style="font-size:13px;color:var(--tekst-sporedni);">Nema dodatnih kontakt podataka.</div>
+                {{end}}{{end}}{{end}}
+            </div>
+        </div>
+        {{else}}
+        <div style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
+            Nema dobavljača. <a href="/dobavljaci/novi" style="color:var(--sb-akcent);">Dodaj prvog dobavljača.</a>
+        </div>
+        {{end}}
+    </div>
+
+</div>
+{{end}}

web/templates/stranice/nabavka_detalji.html

@@ -0,0 +1,181 @@
+{{template "base" .}}
+
+{{define "naslov"}}Detalji nabavke — NTech{{end}}
+
+{{define "dodatni-css"}}
+<style>
+    @keyframes fadeInUp {
+        from { opacity: 0; transform: translateY(10px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    .detalji-kartica {
+        animation: fadeInUp 0.3s ease forwards;
+        opacity: 0;
+    }
+
+    .detalji-kartica:nth-child(1) { animation-delay: 0.04s; }
+    .detalji-kartica:nth-child(2) { animation-delay: 0.12s; }
+    .detalji-kartica:nth-child(3) { animation-delay: 0.20s; }
+
+    .stavke-tabela tbody tr {
+        animation: fadeInUp 0.2s ease forwards;
+        opacity: 0;
+    }
+
+    .stavke-tabela tbody tr:nth-child(1) { animation-delay: 0.16s; }
+    .stavke-tabela tbody tr:nth-child(2) { animation-delay: 0.20s; }
+    .stavke-tabela tbody tr:nth-child(3) { animation-delay: 0.24s; }
+    .stavke-tabela tbody tr:nth-child(4) { animation-delay: 0.28s; }
+    .stavke-tabela tbody tr:nth-child(5) { animation-delay: 0.32s; }
+
+    .stavke-kartice {
+        display: none;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    @media (max-width: 768px) {
+        .stavke-tabela-wrapper { display: none; }
+        .stavke-kartice        { display: flex; }
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+<div style="display:flex;flex-direction:column;gap:16px;">
+
+    <!-- nazad dugme -->
+    <a href="/nabavke"
+        style="display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-sporedni);text-decoration:none;transition:color 0.2s;"
+        onmouseover="this.style.color='var(--tekst-glavni)'" onmouseout="this.style.color='var(--tekst-sporedni)'">
+        <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 nabavke
+    </a>
+
+    <!-- zaglavlje nabavke -->
+    <div class="kartica detalji-kartica">
+        <div style="margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;">
+            <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">Detalji nabavke</span>
+            <span style="font-size:13px;color:var(--tekst-sporedni);">{{.Nabavka.Datum.Format "02.01.2006. u 15:04"}}</span>
+        </div>
+
+        <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:16px;">
+            <div>
+                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Dobavljač</div>
+                <div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);">
+                    {{if .DobavljacNaziv}}{{.DobavljacNaziv}}{{else}}—{{end}}
+                </div>
+            </div>
+            <div>
+                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Napomena</div>
+                <div style="font-size:14px;color:var(--tekst-glavni);">
+                    {{if .Nabavka.Napomena}}{{.Nabavka.Napomena}}{{else}}—{{end}}
+                </div>
+            </div>
+            <div>
+                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:4px;">Ukupan iznos</div>
+                <div style="font-size:20px;font-weight:600;color:var(--sb-akcent);">
+                    {{printf "%.2f" .Nabavka.Ukupno}} din
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- stavke -->
+    <div class="kartica detalji-kartica" style="padding:0;overflow:hidden;">
+        <div style="padding:14px 16px;border-bottom:0.5px solid var(--ivica);">
+            <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Stavke nabavke</span>
+        </div>
+
+        <!-- desktop tabela -->
+        <div class="stavke-tabela-wrapper" style="overflow-x:auto;">
+            <table class="stavke-tabela" style="width:100%;border-collapse:collapse;">
+                <thead>
+                    <tr style="border-bottom:0.5px solid var(--ivica);">
+                        <th style="padding:10px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Artikal</th>
+                        <th style="padding:10px 16px;text-align:center;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Količina</th>
+                        <th style="padding:10px 16px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Cena/kom</th>
+                        <th style="padding:10px 16px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Ukupno</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{range .Stavke}}
+                    <tr style="border-bottom:0.5px solid var(--ivica);transition:background 0.15s;"
+                        onmouseover="this.style.background='var(--pozadina)'"
+                        onmouseout="this.style.background=''">
+                        <td style="padding:10px 16px;font-size:14px;color:var(--tekst-glavni);">{{.ArtikalNaziv}}</td>
+                        <td style="padding:10px 16px;text-align:center;font-size:14px;color:var(--tekst-glavni);">{{.Kolicina}}</td>
+                        <td style="padding:10px 16px;text-align:right;font-size:14px;color:var(--tekst-sporedni);">{{printf "%.2f" .CenaPoKomadu}} din</td>
+                        <td style="padding:10px 16px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{printf "%.2f" .Ukupno}} din</td>
+                    </tr>
+                    {{else}}
+                    <tr>
+                        <td colspan="4" style="padding:24px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
+                            Ova nabavka nema stavki.
+                        </td>
+                    </tr>
+                    {{end}}
+                </tbody>
+                {{if .Stavke}}
+                <tfoot>
+                    <tr style="border-top:0.5px solid var(--ivica);">
+                        <td colspan="3" style="padding:10px 16px;text-align:right;font-size:13px;font-weight:500;color:var(--tekst-sporedni);">Ukupno:</td>
+                        <td style="padding:10px 16px;text-align:right;font-size:15px;font-weight:600;color:var(--tekst-glavni);">{{printf "%.2f" .Nabavka.Ukupno}} din</td>
+                    </tr>
+                </tfoot>
+                {{end}}
+            </table>
+        </div>
+
+        <!-- mobilne kartice stavki -->
+        <div class="stavke-kartice" style="padding:12px;">
+            {{range .Stavke}}
+            <div style="border:0.5px solid var(--ivica);border-radius:8px;padding:12px;">
+                <div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);margin-bottom:8px;">{{.ArtikalNaziv}}</div>
+                <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;">
+                    <div>
+                        <div style="font-size:11px;color:var(--tekst-sporedni);">Količina</div>
+                        <div style="font-size:14px;color:var(--tekst-glavni);">{{.Kolicina}}</div>
+                    </div>
+                    <div>
+                        <div style="font-size:11px;color:var(--tekst-sporedni);">Cena/kom</div>
+                        <div style="font-size:14px;color:var(--tekst-sporedni);">{{printf "%.2f" .CenaPoKomadu}} din</div>
+                    </div>
+                    <div style="text-align:right;">
+                        <div style="font-size:11px;color:var(--tekst-sporedni);">Ukupno</div>
+                        <div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{printf "%.2f" .Ukupno}} din</div>
+                    </div>
+                </div>
+            </div>
+            {{end}}
+            {{if .Stavke}}
+            <div style="text-align:right;font-size:15px;font-weight:600;color:var(--tekst-glavni);padding:8px 4px;">
+                Ukupno: {{printf "%.2f" .Nabavka.Ukupno}} din
+            </div>
+            {{end}}
+        </div>
+    </div>
+
+    <!-- zona za brisanje -->
+    <div class="kartica detalji-kartica" style="border-color:#dc262633;">
+        <div style="display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;">
+            <div style="flex:1;min-width:200px;">
+                <div style="font-size:14px;font-weight:500;color:#dc2626;margin-bottom:4px;">Brisanje nabavke</div>
+                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                    Brisanje je trajno i ne vraća količine artikala u magacin.
+                </div>
+            </div>
+            <form method="POST" action="/nabavke/obrisi/{{.Nabavka.ID}}">
+                <button type="submit"
+                    onclick="return confirm('Da li ste sigurni da želite da obrišete ovu nabavku?\n\nBrisanje ne vraća količine artikala u magacin.')"
+                    style="padding:9px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;"
+                    onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+                    Obriši nabavku
+                </button>
+            </form>
+        </div>
+    </div>
+
+</div>
+{{end}}

web/templates/stranice/nabavka_forma.html

@@ -0,0 +1,372 @@
+{{template "base" .}}
+
+{{define "naslov"}}Nova nabavka — NTech{{end}}
+
+{{define "dodatni-css"}}
+<style>
+    @keyframes fadeInUp {
+        from { opacity: 0; transform: translateY(10px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    @keyframes shake {
+        0%, 100% { transform: translateX(0); }
+        20%       { transform: translateX(-6px); }
+        40%       { transform: translateX(6px); }
+        60%       { transform: translateX(-4px); }
+        80%       { transform: translateX(4px); }
+    }
+
+    @keyframes modalIn {
+        from { opacity: 0; transform: translateY(-16px) scale(0.97); }
+        to   { opacity: 1; transform: translateY(0) scale(1); }
+    }
+
+    .forma-kartica {
+        animation: fadeInUp 0.3s ease forwards;
+        opacity: 0;
+    }
+
+    .forma-kartica:nth-child(1) { animation-delay: 0.04s; }
+    .forma-kartica:nth-child(2) { animation-delay: 0.12s; }
+
+    .greska-animacija { animation: shake 0.4s ease; }
+
+    .modal-sadrzaj { animation: modalIn 0.25s ease forwards; }
+
+    @media (max-width: 768px) {
+        .stavke-tabela-wrapper { display: none; }
+        .stavke-kartice        { display: flex !important; }
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+
+<!-- lista artikala kao JSON — bezbedno serijalizovana na serveru -->
+<script>var _ntechArtikli = {{.ArtikliJSON}};</script>
+
+<div style="width:100%;"
+    x-data="{
+        stavke: [{artikal_id: '', kolicina: 1, cena: 0}],
+
+        artikliOpcije: _ntechArtikli,
+
+        dodajStavku() {
+            this.stavke.push({artikal_id: '', kolicina: 1, cena: 0});
+        },
+        ukloniStavku(i) {
+            if (this.stavke.length > 1) this.stavke.splice(i, 1);
+        },
+        ukupnoStavke(s) {
+            return (parseFloat(s.kolicina) * parseFloat(s.cena) || 0).toFixed(2);
+        },
+        ukupnoSvega() {
+            return this.stavke.reduce((z, s) => z + (parseFloat(s.kolicina) * parseFloat(s.cena) || 0), 0).toFixed(2);
+        },
+
+        modal: false,
+        modalUcitavanje: false,
+        modalGreska: '',
+        modalNaziv: '',
+        modalKategorijaID: '',
+        modalCena: '',
+
+        otvoriModal() {
+            this.modal = true;
+            this.modalGreska = '';
+            this.modalNaziv = '';
+            this.modalKategorijaID = '';
+            this.modalCena = '';
+            this.$nextTick(() => this.$refs.modalNazivInput && this.$refs.modalNazivInput.focus());
+        },
+        zatvoriModal() {
+            this.modal = false;
+        },
+
+        async sacuvajArtikal() {
+            if (!this.modalNaziv.trim()) {
+                this.modalGreska = 'Naziv artikla je obavezan.';
+                return;
+            }
+
+            this.modalUcitavanje = true;
+            this.modalGreska = '';
+
+            const params = new URLSearchParams();
+            params.append('naziv', this.modalNaziv.trim());
+            if (this.modalKategorijaID) params.append('kategorija_id', this.modalKategorijaID);
+            if (this.modalCena) params.append('prodajna_cena', this.modalCena);
+
+            try {
+                const odgovor = await fetch('/magacin/novi', {
+                    method: 'POST',
+                    headers: {'X-Requested-With': 'fetch', 'Content-Type': 'application/x-www-form-urlencoded'},
+                    body: params
+                });
+
+                if (!odgovor.ok) {
+                    this.modalGreska = 'Greška pri čuvanju artikla. Pokušajte ponovo.';
+                    return;
+                }
+
+                const noviArtikal = await odgovor.json();
+
+                // dodajemo u listu — svi dropdown-ovi se automatski ažuriraju
+                this.artikliOpcije.push({id: noviArtikal.id, naziv: noviArtikal.naziv});
+
+                this.zatvoriModal();
+            } catch {
+                this.modalGreska = 'Greška pri komunikaciji sa serverom.';
+            } finally {
+                this.modalUcitavanje = false;
+            }
+        }
+    }">
+
+    <!-- nazad dugme -->
+    <a href="/nabavke"
+        style="display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-sporedni);text-decoration:none;margin-bottom:20px;transition:color 0.2s;"
+        onmouseover="this.style.color='var(--tekst-glavni)'" onmouseout="this.style.color='var(--tekst-sporedni)'">
+        <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 nabavke
+    </a>
+
+    <form method="POST" action="/nabavke/nova">
+
+        {{if .Greska}}
+        <div class="greska-animacija"
+            style="background:var(--kartica);border:0.5px solid #dc2626;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#dc2626;">
+            {{.Greska}}
+        </div>
+        {{end}}
+
+        <!-- zaglavlje nabavke -->
+        <div class="kartica forma-kartica" style="margin-bottom:16px;">
+            <div style="margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
+                <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">Nova nabavka</span>
+            </div>
+            <div style="display:flex;flex-direction:column;gap:14px;">
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Dobavljač</label>
+                    <select name="dobavljac_id" style="width:100%;">
+                        <option value="">— bez dobavljača —</option>
+                        {{range .Dobavljaci}}
+                        <option value="{{.ID}}">{{.Naziv}}</option>
+                        {{end}}
+                    </select>
+                </div>
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <textarea name="napomena" rows="2"
+                        placeholder="Interna napomena o nabavci..."
+                        style="width:100%;resize:vertical;"></textarea>
+                </div>
+            </div>
+        </div>
+
+        <!-- stavke -->
+        <div class="kartica forma-kartica" style="margin-bottom:16px;">
+            <div style="margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;">
+                <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">Stavke</span>
+                <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                    <button type="button" @click="otvoriModal()"
+                        style="padding:6px 14px;background:var(--kartica);color:var(--tekst-sporedni);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;transition:background 0.2s;"
+                        onmouseover="this.style.background='var(--pozadina)'" onmouseout="this.style.background='var(--kartica)'">
+                        + Novi artikal
+                    </button>
+                    <button type="button" @click="dodajStavku()"
+                        style="padding:6px 14px;background:var(--sb-aktivan);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:opacity 0.2s;"
+                        onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
+                        + Dodaj stavku
+                    </button>
+                </div>
+            </div>
+
+            <!-- desktop tabela stavki -->
+            <div class="stavke-tabela-wrapper" style="overflow-x:auto;">
+                <table style="width:100%;border-collapse:collapse;">
+                    <thead>
+                        <tr style="border-bottom:0.5px solid var(--ivica);">
+                            <th style="padding:8px 10px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Artikal</th>
+                            <th style="padding:8px 10px;text-align:center;font-size:12px;font-weight:500;color:var(--tekst-sporedni);width:90px;">Količina</th>
+                            <th style="padding:8px 10px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);width:130px;">Cena/kom (din)</th>
+                            <th style="padding:8px 10px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);width:110px;">Ukupno</th>
+                            <th style="width:40px;"></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <template x-for="(stavka, i) in stavke" :key="i">
+                            <tr style="border-bottom:0.5px solid var(--ivica);">
+                                <td style="padding:8px 10px;">
+                                    <select :name="'artikal_id[]'" x-model="stavka.artikal_id" style="width:100%;">
+                                        <option value="">— odaberi artikal —</option>
+                                        <template x-for="a in artikliOpcije" :key="a.id">
+                                            <option :value="a.id" x-text="a.naziv"></option>
+                                        </template>
+                                    </select>
+                                </td>
+                                <td style="padding:8px 10px;">
+                                    <input type="number" :name="'kolicina[]'" x-model="stavka.kolicina"
+                                        min="1" style="width:100%;text-align:center;">
+                                </td>
+                                <td style="padding:8px 10px;">
+                                    <input type="number" :name="'cena_po_komadu[]'" x-model="stavka.cena"
+                                        min="0" step="0.01" style="width:100%;text-align:right;">
+                                </td>
+                                <td style="padding:8px 10px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">
+                                    <span x-text="ukupnoStavke(stavka) + ' din'"></span>
+                                </td>
+                                <td style="padding:8px 10px;text-align:center;">
+                                    <button type="button" @click="ukloniStavku(i)"
+                                        x-show="stavke.length > 1"
+                                        style="background:none;border:none;cursor:pointer;color:#dc2626;font-size:18px;line-height:1;padding:2px 6px;border-radius:4px;transition:background 0.15s;"
+                                        onmouseover="this.style.background='rgba(220,38,38,0.08)'"
+                                        onmouseout="this.style.background='none'"
+                                        title="Ukloni stavku">×</button>
+                                </td>
+                            </tr>
+                        </template>
+                    </tbody>
+                    <tfoot>
+                        <tr style="border-top:0.5px solid var(--ivica);">
+                            <td colspan="3" style="padding:10px 10px;text-align:right;font-size:13px;color:var(--tekst-sporedni);font-weight:500;">Ukupno:</td>
+                            <td style="padding:10px 10px;text-align:right;font-size:15px;font-weight:600;color:var(--tekst-glavni);">
+                                <span x-text="ukupnoSvega() + ' din'"></span>
+                            </td>
+                            <td></td>
+                        </tr>
+                    </tfoot>
+                </table>
+            </div>
+
+            <!-- mobilne kartice stavki -->
+            <div class="stavke-kartice" style="display:none;flex-direction:column;gap:10px;">
+                <template x-for="(stavka, i) in stavke" :key="i">
+                    <div style="border:0.5px solid var(--ivica);border-radius:8px;padding:12px;">
+                        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">
+                            <span style="font-size:13px;font-weight:500;color:var(--tekst-sporedni);"
+                                x-text="'Stavka ' + (i + 1)"></span>
+                            <button type="button" @click="ukloniStavku(i)"
+                                x-show="stavke.length > 1"
+                                style="background:none;border:0.5px solid #dc2626;color:#dc2626;cursor:pointer;font-size:13px;padding:2px 8px;border-radius:4px;">
+                                Ukloni
+                            </button>
+                        </div>
+                        <div style="display:flex;flex-direction:column;gap:10px;">
+                            <div>
+                                <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Artikal</label>
+                                <select :name="'artikal_id[]'" x-model="stavka.artikal_id" style="width:100%;">
+                                    <option value="">— odaberi artikal —</option>
+                                    <template x-for="a in artikliOpcije" :key="a.id">
+                                        <option :value="a.id" x-text="a.naziv"></option>
+                                    </template>
+                                </select>
+                            </div>
+                            <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">
+                                <div>
+                                    <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Količina</label>
+                                    <input type="number" :name="'kolicina[]'" x-model="stavka.kolicina" min="1" style="width:100%;">
+                                </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_po_komadu[]'" x-model="stavka.cena" min="0" step="0.01" style="width:100%;">
+                                </div>
+                            </div>
+                            <div style="text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">
+                                Ukupno: <span x-text="ukupnoStavke(stavka) + ' din'"></span>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+                <div style="text-align:right;font-size:15px;font-weight:600;color:var(--tekst-glavni);padding:8px 4px;">
+                    Ukupno: <span x-text="ukupnoSvega() + ' din'"></span>
+                </div>
+            </div>
+        </div>
+
+        <!-- dugmad forme -->
+        <div style="display:flex;justify-content:flex-end;gap:10px;">
+            <a href="/nabavke"
+                style="padding:9px 20px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;color:var(--tekst-sporedni);text-decoration:none;transition:background 0.2s;"
+                onmouseover="this.style.background='var(--pozadina)'" onmouseout="this.style.background=''">
+                Odustani
+            </a>
+            <button type="submit"
+                style="padding:9px 20px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity 0.2s;"
+                onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+                Sačuvaj nabavku
+            </button>
+        </div>
+
+    </form>
+
+    <!-- modal: novi artikal -->
+    <div x-show="modal" x-transition:enter="transition ease-out duration-200"
+        x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
+        x-transition:leave="transition ease-in duration-150"
+        x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
+        style="position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;"
+        @click.self="zatvoriModal()" @keydown.escape.window="zatvoriModal()">
+
+        <div class="kartica modal-sadrzaj" style="width:100%;max-width:440px;padding:24px;">
+
+            <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
+                <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">Novi artikal</span>
+                <button type="button" @click="zatvoriModal()"
+                    style="background:none;border:none;cursor:pointer;color:var(--tekst-sporedni);font-size:20px;line-height:1;padding:2px 6px;border-radius:4px;transition:background 0.15s;"
+                    onmouseover="this.style.background='var(--pozadina)'" onmouseout="this.style.background='none'">×</button>
+            </div>
+
+            <div x-show="modalGreska" class="greska-animacija"
+                style="background:var(--kartica);border:0.5px solid #dc2626;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:13px;color:#dc2626;"
+                x-text="modalGreska"></div>
+
+            <div style="display:flex;flex-direction:column;gap:14px;">
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                        Naziv <span style="color:#dc2626;">*</span>
+                    </label>
+                    <input type="text" x-model="modalNaziv" x-ref="modalNazivInput"
+                        placeholder="npr. RAM DDR4 8GB Kingston"
+                        style="width:100%;"
+                        @keydown.enter.prevent="sacuvajArtikal()">
+                </div>
+
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Kategorija</label>
+                    <select x-model="modalKategorijaID" style="width:100%;">
+                        <option value="">— bez kategorije —</option>
+                        {{range .Kategorije}}
+                        <option value="{{.ID}}">{{.Naziv}}</option>
+                        {{end}}
+                    </select>
+                </div>
+
+                <div>
+                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Prodajna cena (din)</label>
+                    <input type="number" x-model="modalCena" min="0" step="0.01"
+                        placeholder="0"
+                        style="width:100%;">
+                </div>
+            </div>
+
+            <div style="display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:14px;border-top:0.5px solid var(--ivica);">
+                <button type="button" @click="zatvoriModal()"
+                    style="padding:9px 20px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;color:var(--tekst-sporedni);background:none;cursor:pointer;transition:background 0.2s;"
+                    onmouseover="this.style.background='var(--pozadina)'" onmouseout="this.style.background='none'">
+                    Odustani
+                </button>
+                <button type="button" @click="sacuvajArtikal()" :disabled="modalUcitavanje"
+                    style="padding:9px 20px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity 0.2s;"
+                    :style="modalUcitavanje ? 'opacity:0.6;cursor:not-allowed' : ''"
+                    @mouseover="if(!modalUcitavanje) $el.style.opacity='0.85'" @mouseout="$el.style.opacity='1'">
+                    <span x-text="modalUcitavanje ? 'Čuvanje...' : 'Dodaj artikal'"></span>
+                </button>
+            </div>
+
+        </div>
+    </div>
+
+</div>
+{{end}}

web/templates/stranice/nabavke.html

@@ -0,0 +1,182 @@
+{{template "base" .}}
+
+{{define "naslov"}}Nabavke — NTech{{end}}
+
+{{define "dodatni-css"}}
+<style>
+    @keyframes slideDown {
+        from { opacity: 0; transform: translateY(-10px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    @keyframes fadeInUp {
+        from { opacity: 0; transform: translateY(8px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+
+    .poruka-animacija {
+        animation: slideDown 0.3s ease forwards;
+    }
+
+    .nabavke-tabela tbody tr {
+        animation: fadeInUp 0.25s ease forwards;
+        opacity: 0;
+    }
+
+    .nabavke-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
+    .nabavke-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
+    .nabavke-tabela tbody tr:nth-child(3)  { animation-delay: 0.12s; }
+    .nabavke-tabela tbody tr:nth-child(4)  { animation-delay: 0.16s; }
+    .nabavke-tabela tbody tr:nth-child(5)  { animation-delay: 0.20s; }
+    .nabavke-tabela tbody tr:nth-child(6)  { animation-delay: 0.24s; }
+    .nabavke-tabela tbody tr:nth-child(7)  { animation-delay: 0.28s; }
+    .nabavke-tabela tbody tr:nth-child(8)  { animation-delay: 0.32s; }
+    .nabavke-tabela tbody tr:nth-child(9)  { animation-delay: 0.36s; }
+    .nabavke-tabela tbody tr:nth-child(10) { animation-delay: 0.40s; }
+
+    .nabavke-kartice {
+        display: none;
+        flex-direction: column;
+        gap: 12px;
+    }
+
+    .nabavka-kartica {
+        animation: fadeInUp 0.25s ease forwards;
+        opacity: 0;
+    }
+
+    .nabavka-kartica:nth-child(1) { animation-delay: 0.04s; }
+    .nabavka-kartica:nth-child(2) { animation-delay: 0.10s; }
+    .nabavka-kartica:nth-child(3) { animation-delay: 0.16s; }
+    .nabavka-kartica:nth-child(4) { animation-delay: 0.22s; }
+    .nabavka-kartica:nth-child(5) { animation-delay: 0.28s; }
+
+    @media (max-width: 768px) {
+        .nabavke-tabela  { display: none; }
+        .nabavke-kartice { display: flex; }
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+<div style="display:flex;flex-direction:column;gap:16px;">
+
+    {{if .Sacuvano}}
+    <div class="poruka-uspeh poruka-animacija">Nabavka je uspešno sačuvana.</div>
+    {{end}}
+    {{if .Obrisan}}
+    <div class="poruka-uspeh poruka-animacija">Nabavka je uspešno obrisana.</div>
+    {{end}}
+
+    <!-- dugme nova nabavka -->
+    <div>
+        <a href="/nabavke/nova"
+            style="display:inline-block;padding:8px 16px;background:var(--sb-akcent);color:#fff;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity 0.2s;"
+            onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+            + Nova nabavka
+        </a>
+    </div>
+
+    <!-- desktop tabela -->
+    <div class="kartica nabavke-tabela" style="padding:0;overflow:hidden;">
+        <div style="overflow-x:auto;">
+            <table style="width:100%;border-collapse:collapse;">
+                <thead>
+                    <tr style="border-bottom:0.5px solid var(--ivica);">
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Datum</th>
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Dobavljač</th>
+                        <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Napomena</th>
+                        <th style="padding:12px 16px;text-align:right;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Ukupno</th>
+                        <th style="padding:12px 16px;text-align:center;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Akcije</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{range .Nabavke}}
+                    <tr style="border-bottom:0.5px solid var(--ivica);transition:background 0.15s;"
+                        onmouseover="this.style.background='var(--pozadina)'"
+                        onmouseout="this.style.background=''">
+                        <td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);white-space:nowrap;">
+                            {{.Datum.Format "02.01.2006."}}
+                        </td>
+                        <td style="padding:12px 16px;font-size:14px;font-weight:500;color:var(--tekst-glavni);">
+                            {{if .DobavljacNaziv}}{{.DobavljacNaziv}}{{else}}—{{end}}
+                        </td>
+                        <td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
+                            {{if .Napomena}}{{.Napomena}}{{else}}—{{end}}
+                        </td>
+                        <td style="padding:12px 16px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">
+                            {{printf "%.2f" .Ukupno}} din
+                        </td>
+                        <td style="padding:12px 16px;text-align:center;">
+                            <div style="display:flex;align-items:center;justify-content:center;gap:8px;">
+                                <a href="/nabavke/{{.ID}}"
+                                    style="padding:4px 10px;background:var(--sb-aktivan);color:#fff;border-radius:6px;font-size:12px;text-decoration:none;transition:opacity 0.2s;"
+                                    onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
+                                    Detalji
+                                </a>
+                                <form method="POST" action="/nabavke/obrisi/{{.ID}}" style="display:inline;">
+                                    <button type="submit"
+                                        onclick="return confirm('Da li ste sigurni?\n\nBrisanje nabavke ne vraća količine artikala u magacin.')"
+                                        style="padding:4px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:opacity 0.2s;"
+                                        onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
+                                        Obriši
+                                    </button>
+                                </form>
+                            </div>
+                        </td>
+                    </tr>
+                    {{else}}
+                    <tr>
+                        <td colspan="5" style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
+                            Nema nabavki. <a href="/nabavke/nova" style="color:var(--sb-akcent);">Dodaj prvu nabavku.</a>
+                        </td>
+                    </tr>
+                    {{end}}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <!-- mobilne kartice -->
+    <div class="nabavke-kartice">
+        {{range .Nabavke}}
+        <div class="kartica nabavka-kartica">
+            <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;">
+                <div>
+                    <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">
+                        {{if .DobavljacNaziv}}{{.DobavljacNaziv}}{{else}}Bez dobavljača{{end}}
+                    </div>
+                    <div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">
+                        {{.Datum.Format "02.01.2006."}}
+                    </div>
+                </div>
+                <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);white-space:nowrap;">
+                    {{printf "%.2f" .Ukupno}} din
+                </div>
+            </div>
+            {{if .Napomena}}
+            <div style="font-size:13px;color:var(--tekst-sporedni);margin-bottom:10px;">{{.Napomena}}</div>
+            {{end}}
+            <div style="display:flex;gap:8px;">
+                <a href="/nabavke/{{.ID}}"
+                    style="flex:1;padding:7px;background:var(--sb-aktivan);color:#fff;border-radius:6px;font-size:13px;text-decoration:none;text-align:center;">
+                    Detalji
+                </a>
+                <form method="POST" action="/nabavke/obrisi/{{.ID}}" style="flex:1;">
+                    <button type="submit"
+                        onclick="return confirm('Da li ste sigurni?\n\nBrisanje nabavke ne vraća količine artikala u magacin.')"
+                        style="width:100%;padding:7px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;">
+                        Obriši
+                    </button>
+                </form>
+            </div>
+        </div>
+        {{else}}
+        <div style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
+            Nema nabavki. <a href="/nabavke/nova" style="color:var(--sb-akcent);">Dodaj prvu nabavku.</a>
+        </div>
+        {{end}}
+    </div>
+
+</div>
+{{end}}