feat(magacin): nivelacija — promena cene uz trag (Faza A)

Tabela nivelacije (migr 045) beleži svaku promenu prodajne cene:
artikal, stara→nova cena, razlog, izvor, korisnik, datum. Dva okidača:
posebna akcija „Promeni cenu" (modal, izvor 'rucno') i auto-trag pri
izmeni artikla (izvor 'izmena'). PromeniCenu je transakciono (update
cene + upis zapisa). Pregled /nivelacije sa filterom perioda i razlikom
(+/− i %). Modal otvara svoj nextElementSibling — radi i na mobilnom
uprkos dupliranim id-jevima iz dva rasporeda.

web/templates/stranice/magacin.html

@@ -83,6 +83,7 @@
                                 <a href="/magacin/izmeni/{{.ID}}" class="btn-primarno-malo">
                                     Izmeni
                                 </a>
+                                {{template "promeniCenuMeni" (dict "ID" .ID "Cena" .ProdajnaCena)}}
                                 {{end}}
                                 {{if index $.Dozvole "artikal.premesti"}}{{if $.Kategorije}}
                                 {{template "premestiMeni" (dict "ID" .ID "Kategorije" $.Kategorije)}}
@@ -112,7 +113,7 @@
     <div class="magacin-kartice">
         {{range .Artikli}}
         <div class="kartica magacin-kartica animiraj">
-            <div class="red-izmedju" style="align-items:flex-start;gap:12px;margin-bottom:10px;">
+            <div class="red-izmedju" style="align-items:flex-start;gap:12px;margin-bottom:10px;flex-wrap:wrap;">
                 <div>
                     <div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.Naziv}}</div>
                     {{if .KategorijaNaziv}}
@@ -122,6 +123,7 @@
                 <div style="display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;">
                     {{if index $.Dozvole "artikal.izmeni"}}
                     <a href="/magacin/izmeni/{{.ID}}" class="btn-primarno-malo">Izmeni</a>
+                    {{template "promeniCenuMeni" (dict "ID" .ID "Cena" .ProdajnaCena)}}
                     {{end}}
                     {{if index $.Dozvole "artikal.premesti"}}{{if $.Kategorije}}
                     {{template "premestiMeni" (dict "ID" .ID "Kategorije" $.Kategorije)}}
@@ -162,7 +164,7 @@
 {{/* padajući meni za premeštanje artikla — prima dict {ID, Kategorije}; koristi se i u tabeli i u mobilnoj kartici */}}
 {{define "premestiMeni"}}
 <button type="button" class="btn-primarno-malo" style="align-self:center;"
-        onclick="document.getElementById('premesti-{{.ID}}').showModal()">Premesti</button>
+        onclick="this.nextElementSibling.showModal()">Premesti</button>
 {{/* nativni modal — showModal() ga stavlja u „top layer", pa je uvek iznad svega bez obzira na z-index/overflow */}}
 <dialog id="premesti-{{.ID}}" class="premesti-modal" onclick="if(event.target===this)this.close()">
     {{/* zaglavlje sa dugmetom za zatvaranje; method="dialog" zatvara modal bez slanja */}}
@@ -178,3 +180,29 @@
     </form>
 </dialog>
 {{end}}
+
+{{define "promeniCenuMeni"}}
+<button type="button" class="btn-primarno-malo" style="align-self:center;"
+        onclick="this.nextElementSibling.showModal()">Promeni cenu</button>
+{{/* nativni modal — isti obrazac kao premesti (top layer, centriran) */}}
+<dialog id="cena-{{.ID}}" class="premesti-modal" onclick="if(event.target===this)this.close()">
+    <form method="dialog" class="premesti-zaglavlje">
+        <h3>Promeni prodajnu cenu</h3>
+        <button type="submit" class="premesti-zatvori" aria-label="Zatvori">&times;</button>
+    </form>
+    <form method="POST" action="/magacin/promeni-cenu/{{.ID}}" style="display:flex;flex-direction:column;gap:12px;padding:16px;">
+        <div style="font-size:13px;color:var(--tekst-sporedni);">Trenutna cena: <strong>{{printf "%.0f" .Cena}} din</strong></div>
+        <div>
+            <label class="polje-labela">Nova cena (din)</label>
+            <input type="number" name="nova_cena" min="0" step="0.01" value="{{printf "%.2f" .Cena}}" required
+                style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+        </div>
+        <div>
+            <label class="polje-labela">Razlog (opciono)</label>
+            <input type="text" name="razlog" placeholder="npr. promena nabavne cene"
+                style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+        </div>
+        <button type="submit" class="btn-primarno" style="align-self:flex-end;">Sačuvaj cenu</button>
+    </form>
+</dialog>
+{{end}}

web/templates/stranice/nivelacije.html

@@ -0,0 +1,69 @@
+{{template "base" .}}
+
+{{define "naslov"}}Nivelacije — promene cena — NTech{{end}}
+
+{{define "sadrzaj"}}
+<div class="stranica-stack" style="width:100%;max-width:100%;">
+
+    <!-- filter perioda -->
+    <div class="kartica animiraj" style="margin-bottom:16px;">
+        <form method="GET" action="/nivelacije" style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;">
+            <div>
+                <label class="polje-labela">Od datuma</label>
+                <input type="date" name="od" value="{{.Od}}" style="padding:8px 10px;border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+            </div>
+            <div>
+                <label class="polje-labela">Do datuma</label>
+                <input type="date" name="do" value="{{.Do}}" style="padding:8px 10px;border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
+            </div>
+            <button type="submit" style="padding:8px 16px;background:var(--sb-aktivan);color:var(--tekst-jak);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;">Prikaži</button>
+            {{if or .Od .Do}}<a href="/nivelacije" class="nazad-link" style="margin-bottom:0;">Poništi filter</a>{{end}}
+        </form>
+    </div>
+
+    <!-- istorija nivelacija -->
+    <div class="kartica animiraj" style="padding:0;overflow:hidden;">
+        <div style="overflow-x:auto;">
+            <table style="width:100%;border-collapse:collapse;font-size:13px;min-width:760px;">
+                <thead>
+                    <tr style="text-align:left;color:var(--tekst-sporedni);border-bottom:0.5px solid var(--ivica);">
+                        <th style="padding:10px 12px;">Datum</th>
+                        <th style="padding:10px 12px;">Artikal</th>
+                        <th style="padding:10px 12px;text-align:right;">Stara cena</th>
+                        <th style="padding:10px 12px;text-align:right;">Nova cena</th>
+                        <th style="padding:10px 12px;text-align:right;">Razlika</th>
+                        <th style="padding:10px 12px;">Izvor</th>
+                        <th style="padding:10px 12px;">Razlog</th>
+                        <th style="padding:10px 12px;">Korisnik</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{range .Zapisi}}
+                    <tr style="border-bottom:0.5px solid var(--ivica);">
+                        <td style="padding:10px 12px;white-space:nowrap;">{{.Datum.Format "02.01.2006."}}</td>
+                        <td style="padding:10px 12px;">{{.ArtikalNaziv}}</td>
+                        <td style="padding:10px 12px;text-align:right;color:var(--tekst-sporedni);">{{printf "%.2f" .StaraCena}}</td>
+                        <td style="padding:10px 12px;text-align:right;font-weight:500;">{{printf "%.2f" .NovaCena}}</td>
+                        <td style="padding:10px 12px;text-align:right;white-space:nowrap;color:{{if .Poskupljenje}}var(--greska){{else}}var(--uspeh){{end}};">
+                            {{if .Poskupljenje}}+{{end}}{{printf "%.2f" .Razlika}}
+                            <div style="font-size:11px;">{{if .Poskupljenje}}+{{end}}{{printf "%.1f" .Procenat}}%</div>
+                        </td>
+                        <td style="padding:10px 12px;">
+                            {{if eq .Izvor "rucno"}}<span title="Posebna akcija „Promeni cenu“">ručno</span>
+                            {{else if eq .Izvor "izmena"}}<span title="Promenjeno kroz izmenu artikla">izmena</span>
+                            {{else if eq .Izvor "kalkulacija"}}<span title="Iz kalkulacije pri prijemu robe">kalkulacija</span>
+                            {{else}}{{.Izvor}}{{end}}
+                        </td>
+                        <td style="padding:10px 12px;color:var(--tekst-sporedni);">{{if .Razlog}}{{.Razlog}}{{else}}—{{end}}</td>
+                        <td style="padding:10px 12px;color:var(--tekst-sporedni);">{{if .KorisnikIme}}{{.KorisnikIme}}{{else}}—{{end}}</td>
+                    </tr>
+                    {{else}}
+                    <tr><td colspan="8" style="padding:28px;text-align:center;color:var(--tekst-sporedni);">Nema zabeleženih promena cena u izabranom periodu.</td></tr>
+                    {{end}}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+</div>
+{{end}}