Dodavanje modula klijenata — lista, forma, izmena, brisanje, ispravka migracije

cmd/ntech/main.go

@@ -77,6 +77,12 @@ func main() {
 	r.Get("/dobavljaci/izmeni/{id}", h.IzmeniDobavljaca)
 	r.Post("/dobavljaci/izmeni/{id}", h.SacuvajIzmeneDobavljaca)
 	r.Post("/dobavljaci/obrisi/{id}", h.ObrisiDobavljaca)
+	r.Get("/klijenti", h.Klijenti)
+	r.Get("/klijenti/novi", h.NoviKlijent)
+	r.Post("/klijenti/novi", h.SacuvajKlijenta)
+	r.Get("/klijenti/izmeni/{id}", h.IzmeniKlijenta)
+	r.Post("/klijenti/izmeni/{id}", h.SacuvajIzmenuKlijenta)
+	r.Post("/klijenti/obrisi/{id}", h.ObrisiKlijenta)
 
 	log.Printf("NTech pokrenut na portu %s", port)
 	err = http.ListenAndServe(":"+port, r)

internal/db/repository.go

@@ -45,3 +45,12 @@ type DobavljacRepository interface {
 	Izmeni(ctx context.Context, d *model.Dobavljac) error
 	Obrisi(ctx context.Context, id int64) error
 }
+
+// KlijentRepository definiše operacije nad klijentima
+type KlijentRepository interface {
+	Lista(ctx context.Context, pretraga string) ([]model.Klijent, error)
+	DohvatiID(ctx context.Context, id int64) (*model.Klijent, error)
+	Kreiraj(ctx context.Context, k *model.Klijent) (int64, error)
+	Izmeni(ctx context.Context, k *model.Klijent) error
+	Obrisi(ctx context.Context, id int64) error
+}

internal/db/sqlite/klijent.go

@@ -0,0 +1,137 @@
+package sqlite
+
+import (
+	"context"
+	"database/sql"
+	"fmt"
+
+	"ntech/internal/model"
+)
+
+// KlijentRepo je SQLite implementacija KlijentRepository interfejsa
+type KlijentRepo struct {
+	db *sql.DB
+}
+
+// NoviKlijentRepo kreira novi KlijentRepo
+func NoviKlijentRepo(db *sql.DB) *KlijentRepo {
+	return &KlijentRepo{db: db}
+}
+
+// Lista vraća listu klijenata sa opcionom pretragom po imenu, prezimenu ili nazivu firme
+func (r *KlijentRepo) Lista(ctx context.Context, pretraga string) ([]model.Klijent, error) {
+	upit := `
+		SELECT id, ime, prezime, naziv_firme, pib, telefon, email, napomena, datum_unosa
+		FROM klijenti
+		WHERE 1=1`
+
+	args := []any{}
+
+	if pretraga != "" {
+		upit += " AND (ime LIKE ? OR prezime LIKE ? OR naziv_firme LIKE ?)"
+		p := "%" + pretraga + "%"
+		args = append(args, p, p, p)
+	}
+
+	upit += " ORDER BY datum_unosa DESC"
+
+	redovi, err := r.db.QueryContext(ctx, upit, args...)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: KlijentRepo.Lista: %w", err)
+	}
+	defer redovi.Close()
+
+	var rezultat []model.Klijent
+	for redovi.Next() {
+		var k model.Klijent
+		var ime, prezime, nazivFirme, pib, telefon, email, napomena sql.NullString
+		err := redovi.Scan(
+			&k.ID, &ime, &prezime, &nazivFirme, &pib, &telefon, &email, &napomena, &k.DatumUnosa,
+		)
+		if err != nil {
+			return nil, fmt.Errorf("ntech: KlijentRepo.Lista: scan: %w", err)
+		}
+		k.Ime = ime.String
+		k.Prezime = prezime.String
+		k.NazivFirme = nazivFirme.String
+		k.PIB = pib.String
+		k.Telefon = telefon.String
+		k.Email = email.String
+		k.Napomena = napomena.String
+		rezultat = append(rezultat, k)
+	}
+
+	return rezultat, nil
+}
+
+// DohvatiID vraća jednog klijenta po ID-u
+func (r *KlijentRepo) DohvatiID(ctx context.Context, id int64) (*model.Klijent, error) {
+	var k model.Klijent
+	var ime, prezime, nazivFirme, pib, telefon, email, napomena sql.NullString
+
+	err := r.db.QueryRowContext(ctx, `
+		SELECT id, ime, prezime, naziv_firme, pib, telefon, email, napomena, datum_unosa
+		FROM klijenti WHERE id = ?`, id).Scan(
+		&k.ID, &ime, &prezime, &nazivFirme, &pib, &telefon, &email, &napomena, &k.DatumUnosa,
+	)
+	if err != nil {
+		return nil, fmt.Errorf("ntech: KlijentRepo.DohvatiID: %w", err)
+	}
+
+	k.Ime = ime.String
+	k.Prezime = prezime.String
+	k.NazivFirme = nazivFirme.String
+	k.PIB = pib.String
+	k.Telefon = telefon.String
+	k.Email = email.String
+	k.Napomena = napomena.String
+
+	return &k, nil
+}
+
+// Kreiraj dodaje novog klijenta u bazu
+func (r *KlijentRepo) Kreiraj(ctx context.Context, k *model.Klijent) (int64, error) {
+	rezultat, err := r.db.ExecContext(ctx, `
+		INSERT INTO klijenti (ime, prezime, naziv_firme, pib, telefon, email, napomena)
+		VALUES (?, ?, ?, ?, ?, ?, ?)`,
+		nullString(k.Ime), nullString(k.Prezime), nullString(k.NazivFirme),
+		nullString(k.PIB), nullString(k.Telefon), nullString(k.Email), nullString(k.Napomena),
+	)
+	if err != nil {
+		return 0, fmt.Errorf("ntech: KlijentRepo.Kreiraj: %w", err)
+	}
+
+	id, err := rezultat.LastInsertId()
+	if err != nil {
+		return 0, fmt.Errorf("ntech: KlijentRepo.Kreiraj: last insert id: %w", err)
+	}
+
+	return id, nil
+}
+
+// Izmeni ažurira postojećeg klijenta
+func (r *KlijentRepo) Izmeni(ctx context.Context, k *model.Klijent) error {
+	_, err := r.db.ExecContext(ctx, `
+		UPDATE klijenti SET
+			ime = ?, prezime = ?, naziv_firme = ?, pib = ?, telefon = ?, email = ?, napomena = ?
+		WHERE id = ?`,
+		nullString(k.Ime), nullString(k.Prezime), nullString(k.NazivFirme),
+		nullString(k.PIB), nullString(k.Telefon), nullString(k.Email), nullString(k.Napomena),
+		k.ID,
+	)
+	if err != nil {
+		return fmt.Errorf("ntech: KlijentRepo.Izmeni: %w", err)
+	}
+
+	return nil
+}
+
+// Obrisi briše klijenta po ID-u
+func (r *KlijentRepo) Obrisi(ctx context.Context, id int64) error {
+	_, err := r.db.ExecContext(ctx, "DELETE FROM klijenti WHERE id = ?", id)
+	if err != nil {
+		return fmt.Errorf("ntech: KlijentRepo.Obrisi: %w", err)
+	}
+
+	return nil
+}

internal/handler/handler.go

@@ -14,6 +14,7 @@ type Handler struct {
 	KategorijeRepo db.KategorijaRepository
 	DobavljaciRepo db.DobavljacRepository
 	NabavkeRepo    db.NabavkaRepository
+	KlijentiRepo   db.KlijentRepository
 }
 
 // Novi kreira novi Handler sa datom bazom
@@ -24,5 +25,6 @@ func Novi(baza *sql.DB) *Handler {
 		KategorijeRepo: sqlite.NovaKategorijaRepo(baza),
 		DobavljaciRepo: sqlite.NoviDobavljacRepo(baza),
 		NabavkeRepo:    sqlite.NoviNabavkaRepo(baza),
+		KlijentiRepo:   sqlite.NoviKlijentRepo(baza),
 	}
 }

internal/handler/klijent.go

@@ -0,0 +1,313 @@
+package handler
+
+import (
+	"html/template"
+	"log"
+	"net/http"
+	"strings"
+
+	"ntech/internal/db/sqlite"
+	"ntech/internal/model"
+
+	"github.com/go-chi/chi/v5"
+)
+
+// PodaciKlijenata su podaci za stranicu sa listom klijenata
+type PodaciKlijenata struct {
+	model.PodaciStranice
+	Klijenti []model.Klijent
+	Pretraga string
+	Sacuvano bool
+	Obrisan  bool
+}
+
+// PodaciFormeKlijenta su podaci za formu novog/izmenjenog klijenta
+type PodaciFormeKlijenta struct {
+	model.PodaciStranice
+	Klijent model.Klijent
+	Greska  string
+	Izmena  bool
+}
+
+// Klijenti renderuje listu svih klijenata sa opcionom pretragom
+func (h *Handler) Klijenti(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")
+
+	klijenti, err := h.KlijentiRepo.Lista(r.Context(), pretraga)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju klijenata", http.StatusInternalServerError)
+		return
+	}
+
+	podaci := PodaciKlijenata{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "klijenti",
+			NaslovStranice: "Klijenti",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Klijenti: klijenti,
+		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/klijenti.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)
+	}
+}
+
+// NoviKlijent prikazuje praznu formu za unos novog klijenta
+func (h *Handler) NoviKlijent(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
+	}
+
+	renderujFormuKlijenta(w, PodaciFormeKlijenta{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "klijenti",
+			NaslovStranice: "Novi klijent",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Izmena: false,
+	})
+}
+
+// SacuvajKlijenta prima POST formu i upisuje novog klijenta u bazu
+func (h *Handler) SacuvajKlijenta(w http.ResponseWriter, r *http.Request) {
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	klijent, greska := parseFormuKlijenta(r)
+	if greska != "" {
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		renderujFormuKlijenta(w, PodaciFormeKlijenta{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "klijenti",
+				NaslovStranice: "Novi klijent",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Klijent: klijent,
+			Greska:  greska,
+			Izmena:  false,
+		})
+		return
+	}
+
+	if _, err := h.KlijentiRepo.Kreiraj(r.Context(), &klijent); err != nil {
+		log.Printf("greška pri čuvanju klijenta: %v", err)
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		renderujFormuKlijenta(w, PodaciFormeKlijenta{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "klijenti",
+				NaslovStranice: "Novi klijent",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Klijent: klijent,
+			Greska:  "Došlo je do greške pri čuvanju. Pokušajte ponovo.",
+			Izmena:  false,
+		})
+		return
+	}
+
+	http.Redirect(w, r, "/klijenti?sacuvano=1", http.StatusSeeOther)
+}
+
+// IzmeniKlijenta učitava klijenta po ID-u i prikazuje popunjenu formu za izmenu
+func (h *Handler) IzmeniKlijenta(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID klijenta", http.StatusBadRequest)
+		return
+	}
+
+	klijent, err := h.KlijentiRepo.DohvatiID(r.Context(), id)
+	if err != nil {
+		http.Error(w, "Klijent 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
+	}
+
+	renderujFormuKlijenta(w, PodaciFormeKlijenta{
+		PodaciStranice: model.PodaciStranice{
+			Stranica:       "klijenti",
+			NaslovStranice: "Izmeni klijenta",
+			Tema:           podesavanja["tema"],
+			NazivFirme:     podesavanja["naziv_firme"],
+			Podnazlov:      podesavanja["podnazlov"],
+			LogoTip:        podesavanja["logo_tip"],
+			LogoPutanja:    podesavanja["logo_putanja"],
+			Korisnik:       "Admin",
+		},
+		Klijent: *klijent,
+		Izmena:  true,
+	})
+}
+
+// SacuvajIzmenuKlijenta prima POST formu i ažurira postojećeg klijenta u bazi
+func (h *Handler) SacuvajIzmenuKlijenta(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID klijenta", http.StatusBadRequest)
+		return
+	}
+
+	if err := r.ParseForm(); err != nil {
+		http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
+		return
+	}
+
+	klijent, greska := parseFormuKlijenta(r)
+	if greska != "" {
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		klijent.ID = id
+		renderujFormuKlijenta(w, PodaciFormeKlijenta{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "klijenti",
+				NaslovStranice: "Izmeni klijenta",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Klijent: klijent,
+			Greska:  greska,
+			Izmena:  true,
+		})
+		return
+	}
+
+	klijent.ID = id
+	if err := h.KlijentiRepo.Izmeni(r.Context(), &klijent); err != nil {
+		log.Printf("greška pri čuvanju izmene klijenta: %v", err)
+		podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+		renderujFormuKlijenta(w, PodaciFormeKlijenta{
+			PodaciStranice: model.PodaciStranice{
+				Stranica:       "klijenti",
+				NaslovStranice: "Izmeni klijenta",
+				Tema:           podesavanja["tema"],
+				NazivFirme:     podesavanja["naziv_firme"],
+				Podnazlov:      podesavanja["podnazlov"],
+				LogoTip:        podesavanja["logo_tip"],
+				LogoPutanja:    podesavanja["logo_putanja"],
+				Korisnik:       "Admin",
+			},
+			Klijent: klijent,
+			Greska:  "Došlo je do greške pri čuvanju. Pokušajte ponovo.",
+			Izmena:  true,
+		})
+		return
+	}
+
+	http.Redirect(w, r, "/klijenti?sacuvano=1", http.StatusSeeOther)
+}
+
+// ObrisiKlijenta prima POST zahtev i briše klijenta po ID-u
+func (h *Handler) ObrisiKlijenta(w http.ResponseWriter, r *http.Request) {
+	id, err := parseID(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Neispravan ID klijenta", http.StatusBadRequest)
+		return
+	}
+
+	if err := h.KlijentiRepo.Obrisi(r.Context(), id); err != nil {
+		http.Error(w, "Greška pri brisanju klijenta", http.StatusInternalServerError)
+		return
+	}
+
+	http.Redirect(w, r, "/klijenti?obrisan=1", http.StatusSeeOther)
+}
+
+// parseFormuKlijenta čita polja iz HTTP forme, validira ih i vraća model i eventualnu grešku
+func parseFormuKlijenta(r *http.Request) (model.Klijent, string) {
+	ime := strings.TrimSpace(r.FormValue("ime"))
+	nazivFirme := strings.TrimSpace(r.FormValue("naziv_firme"))
+
+	if ime == "" && nazivFirme == "" {
+		return model.Klijent{}, "Mora biti uneto ime i prezime ili naziv firme."
+	}
+
+	email := strings.TrimSpace(r.FormValue("email"))
+	if email != "" && !strings.Contains(email, "@") {
+		return model.Klijent{}, "Adresa e-pošte nije ispravna."
+	}
+
+	return model.Klijent{
+		Ime:        ime,
+		Prezime:    strings.TrimSpace(r.FormValue("prezime")),
+		NazivFirme: nazivFirme,
+		PIB:        strings.TrimSpace(r.FormValue("pib")),
+		Telefon:    strings.TrimSpace(r.FormValue("telefon")),
+		Email:      email,
+		Napomena:   strings.TrimSpace(r.FormValue("napomena")),
+	}, ""
+}
+
+// renderujFormuKlijenta renderuje HTML šablon forme za unos ili izmenu klijenta
+func renderujFormuKlijenta(w http.ResponseWriter, podaci PodaciFormeKlijenta) {
+	tmpl, err := template.ParseFiles(
+		"web/templates/teme/podrazumevana/base.html",
+		"web/templates/komponente/sidebar.html",
+		"web/templates/komponente/topbar.html",
+		"web/templates/stranice/klijent_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/model/klijent.go

@@ -0,0 +1,16 @@
+package model
+
+import "time"
+
+// Klijent predstavlja jednog klijenta — fizičko lice ili firmu
+type Klijent struct {
+	ID         int64
+	Ime        string
+	Prezime    string
+	NazivFirme string
+	PIB        string
+	Telefon    string
+	Email      string
+	Napomena   string
+	DatumUnosa time.Time
+}

migrations/014_klijenti_ime_nullable.sql

@@ -0,0 +1,18 @@
+-- uklanja NOT NULL sa ime i prezime jer klijent može biti samo firma
+CREATE TABLE IF NOT EXISTS klijenti_novi (
+    id              INTEGER PRIMARY KEY AUTOINCREMENT,
+    ime             TEXT,
+    prezime         TEXT,
+    naziv_firme     TEXT,
+    pib             TEXT,
+    telefon         TEXT,
+    email           TEXT,
+    napomena        TEXT,
+    datum_unosa     DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+INSERT INTO klijenti_novi SELECT id, ime, prezime, naziv_firme, pib, telefon, email, napomena, datum_unosa FROM klijenti;
+
+DROP TABLE klijenti;
+
+ALTER TABLE klijenti_novi RENAME TO klijenti;

web/templates/stranice/klijent_forma.html

@@ -0,0 +1,156 @@
+{{template "base" .}}
+
+{{define "naslov"}}{{if .Izmena}}Izmeni klijenta{{else}}Novi klijent{{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;
+    }
+
+    @media (max-width: 768px) {
+        .forma-grid-2 { grid-template-columns: 1fr !important; }
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+<div style="width:100%;">
+
+    <!-- nazad dugme -->
+    <a href="/klijenti"
+        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 klijente
+    </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 klijenta{{else}}Novi klijent{{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}}/klijenti/izmeni/{{.Klijent.ID}}{{else}}/klijenti/novi{{end}}">
+            <div style="display:flex;flex-direction:column;gap:14px;">
+
+                <!-- ime i prezime -->
+                <div>
+                    <div style="font-size:12px;font-weight:500;color:var(--tekst-sporedni);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;">
+                        Fizičko lice
+                    </div>
+                    <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;">Ime</label>
+                            <input type="text" name="ime" value="{{.Klijent.Ime}}"
+                                placeholder="npr. Marko"
+                                style="width:100%;">
+                        </div>
+                        <div>
+                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Prezime</label>
+                            <input type="text" name="prezime" value="{{.Klijent.Prezime}}"
+                                placeholder="npr. Petrović"
+                                style="width:100%;">
+                        </div>
+                    </div>
+                </div>
+
+                <!-- naziv firme i pib -->
+                <div>
+                    <div style="font-size:12px;font-weight:500;color:var(--tekst-sporedni);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;">
+                        Firma
+                    </div>
+                    <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;">Naziv firme</label>
+                            <input type="text" name="naziv_firme" value="{{.Klijent.NazivFirme}}"
+                                placeholder="npr. TechSolutions d.o.o."
+                                style="width:100%;">
+                        </div>
+                        <div>
+                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">PIB</label>
+                            <input type="text" name="pib" value="{{.Klijent.PIB}}"
+                                placeholder="npr. 123456789"
+                                style="width:100%;">
+                        </div>
+                    </div>
+                </div>
+
+                <!-- telefon i e-pošta -->
+                <div>
+                    <div style="font-size:12px;font-weight:500;color:var(--tekst-sporedni);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;">
+                        Kontakt
+                    </div>
+                    <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;">Telefon</label>
+                            <input type="text" name="telefon" value="{{.Klijent.Telefon}}"
+                                placeholder="npr. 060 123 4567"
+                                style="width:100%;">
+                        </div>
+                        <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="{{.Klijent.Email}}"
+                                placeholder="npr. marko@example.com"
+                                style="width:100%;">
+                        </div>
+                    </div>
+                </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 klijentu..."
+                        style="width:100%;resize:vertical;">{{.Klijent.Napomena}}</textarea>
+                </div>
+
+                <!-- obaveštenje o obaveznim poljima -->
+                <div style="font-size:12px;color:var(--tekst-sporedni);">
+                    Mora biti uneto ime i prezime <em>ili</em> naziv firme.
+                </div>
+
+                <!-- dugmad -->
+                <div style="display:flex;justify-content:flex-end;gap:10px;margin-top:6px;">
+                    <a href="/klijenti"
+                        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 klijenta{{end}}
+                    </button>
+                </div>
+
+            </div>
+        </form>
+    </div>
+</div>
+{{end}}

web/templates/stranice/klijenti.html

@@ -0,0 +1,210 @@
+{{template "base" .}}
+
+{{define "naslov"}}Klijenti — 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;
+    }
+
+    .klijenti-tabela tbody tr {
+        animation: fadeInUp 0.25s ease forwards;
+        opacity: 0;
+    }
+
+    .klijenti-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
+    .klijenti-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
+    .klijenti-tabela tbody tr:nth-child(3)  { animation-delay: 0.12s; }
+    .klijenti-tabela tbody tr:nth-child(4)  { animation-delay: 0.16s; }
+    .klijenti-tabela tbody tr:nth-child(5)  { animation-delay: 0.20s; }
+    .klijenti-tabela tbody tr:nth-child(6)  { animation-delay: 0.24s; }
+    .klijenti-tabela tbody tr:nth-child(7)  { animation-delay: 0.28s; }
+    .klijenti-tabela tbody tr:nth-child(8)  { animation-delay: 0.32s; }
+    .klijenti-tabela tbody tr:nth-child(9)  { animation-delay: 0.36s; }
+    .klijenti-tabela tbody tr:nth-child(10) { animation-delay: 0.40s; }
+
+    .klijenti-kartice {
+        display: none;
+        flex-direction: column;
+        gap: 12px;
+    }
+
+    .klijent-kartica {
+        animation: fadeInUp 0.25s ease forwards;
+        opacity: 0;
+    }
+
+    .klijent-kartica:nth-child(1)  { animation-delay: 0.04s; }
+    .klijent-kartica:nth-child(2)  { animation-delay: 0.10s; }
+    .klijent-kartica:nth-child(3)  { animation-delay: 0.16s; }
+    .klijent-kartica:nth-child(4)  { animation-delay: 0.22s; }
+    .klijent-kartica:nth-child(5)  { animation-delay: 0.28s; }
+
+    @media (max-width: 768px) {
+        .klijenti-tabela  { display: none; }
+        .klijenti-kartice { display: flex; }
+    }
+</style>
+{{end}}
+
+{{define "sadrzaj"}}
+<div style="display:flex;flex-direction:column;gap:16px;">
+
+    {{if .Sacuvano}}
+    <div class="poruka-uspeh poruka-animacija">Klijent je uspešno sačuvan.</div>
+    {{end}}
+    {{if .Obrisan}}
+    <div class="poruka-uspeh poruka-animacija">Klijent je uspešno obrisan.</div>
+    {{end}}
+
+    <!-- gornja traka: dugme + pretraga -->
+    <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
+        <a href="/klijenti/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 klijent
+        </a>
+        <form method="GET" action="/klijenti" style="display:flex;gap:8px;flex:1;min-width:200px;">
+            <input type="text" name="pretraga" value="{{.Pretraga}}"
+                placeholder="Pretraži po imenu ili nazivu firme..."
+                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 klijenti-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);">Ime / Naziv firme</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:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Datum unosa</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 .Klijenti}}
+                    <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;">
+                            {{if .NazivFirme}}
+                            <div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{.NazivFirme}}</div>
+                            {{if or .Ime .Prezime}}
+                            <div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">{{.Ime}} {{.Prezime}}</div>
+                            {{end}}
+                            {{else}}
+                            <div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{.Ime}} {{.Prezime}}</div>
+                            {{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;font-size:13px;color:var(--tekst-sporedni);">
+                            {{.DatumUnosa.Format "02.01.2006."}}
+                        </td>
+                        <td style="padding:12px 16px;text-align:center;">
+                            <div style="display:flex;align-items:center;justify-content:center;gap:8px;">
+                                <a href="/klijenti/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="/klijenti/obrisi/{{.ID}}" style="display:inline;">
+                                    <button type="submit"
+                                        onclick="return confirm('Da li ste sigurni da želite da obrišete klijenta?')"
+                                        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 klijenata. <a href="/klijenti/novi" style="color:var(--sb-akcent);">Dodaj prvog klijenta.</a>
+                        </td>
+                    </tr>
+                    {{end}}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <!-- mobilne kartice -->
+    <div class="klijenti-kartice">
+        {{range .Klijenti}}
+        <div class="kartica klijent-kartica">
+            <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;">
+                <div>
+                    {{if .NazivFirme}}
+                    <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.NazivFirme}}</div>
+                    {{if or .Ime .Prezime}}
+                    <div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">{{.Ime}} {{.Prezime}}</div>
+                    {{end}}
+                    {{else}}
+                    <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.Ime}} {{.Prezime}}</div>
+                    {{end}}
+                </div>
+                <div style="display:flex;gap:8px;flex-shrink:0;">
+                    <a href="/klijenti/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="/klijenti/obrisi/{{.ID}}" style="display:inline;">
+                        <button type="submit"
+                            onclick="return confirm('Da li ste sigurni da želite da obrišete klijenta?')"
+                            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 .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}}
+                <div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">
+                    {{.DatumUnosa.Format "02.01.2006."}}
+                </div>
+            </div>
+        </div>
+        {{else}}
+        <div style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
+            Nema klijenata. <a href="/klijenti/novi" style="color:var(--sb-akcent);">Dodaj prvog klijenta.</a>
+        </div>
+        {{end}}
+    </div>
+
+</div>
+{{end}}