Servis: tok dijagnostike/popravke, kartice Utvrđeni kvar i Urađeno, cena dijagnostike

- Cena dijagnostike u Podešavanja → Servis; na nalogu se predlaže iz podešavanja
- Odbijanje popravke: status Završeno + naplata samo dijagnostike (popravka_odbijena),
  sklanjaju se Radovi/Delovi, Ukupno = dijagnostika
- Kartica Nalaz dijagnostike preimenovana u Utvrđeni kvar; editabilna samo u dijagnostici, kasnije readonly
- Nova kartica Urađeno (polje uradjeno) — upis dok je U popravci/Čeka delove, posle readonly
- Dugmad statusa: Završi u U popravci; promena statusa osvežava ceo sadržaj
- Predračun dostupan od Primljeno; radni nalog u U dijagnostici/Čeka delove
- Dropdown radova izostavlja već dodate usluge; kartica radova se osvežava pri izmeni
- Javni status: badge U dijagnostici, prikaz utvrđenog kvara, wordwrap naziva u tabeli
- Štampa: prelom između stavki, ponavljanje zaglavlja, završni blok bez preloma

web/templates/stranice/servis_predracun.html

@@ -11,7 +11,7 @@
         .strana { max-width: 780px; margin: 0 auto; padding: 32px 40px; }
 
         .zaglavlje { display: flex; align-items: stretch; margin-bottom: 18px; gap: 12px; }
-        .zg-okvir { flex: 1; padding: 12px 14px; border: 0.5px solid #ddd; border-radius: 6px; }
+        .zg-okvir { flex: 1; padding: 12px 14px; border: 1.5px solid #bbb; border-radius: 12px; }
         .firma-naziv { font-size: 18px; font-weight: 700; }
         .firma-info { font-size: 11px; color: #555; margin-top: 3px; line-height: 1.5; }
         .dok-tip { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 4px; }
@@ -55,10 +55,13 @@
             @page { size: A4; margin: 12mm 14mm; }
             /* red tabele se ne sme prelomiti preko granice stranice */
             .tabela tr { break-inside: avoid; }
+            /* „Ukupno radovi/delovi" se ne sme odvojiti od stavki iznad — bez preloma pre njega */
+            .tabela .ukupno-red { break-before: avoid; }
+            .tabela .ukupno-red td { break-before: avoid; }
             /* zaglavlje tabele se ponavlja na svakoj stranici kad tabela pređe na novu */
             .tabela thead { display: table-header-group; }
-            /* rekapitulacija, klauzula i potpisi ostaju u jednom komadu */
-            .rekap, .klauzula-blok, .potpisi { break-inside: avoid; }
+            /* od „Ukupno (procena)" do potpisa sve ostaje na jednoj strani — bez preloma */
+            .zavrsni-blok { break-inside: avoid; }
         }
         .dugme-stampa { position: fixed; bottom: 24px; right: 24px; background: #111; color: #fff; border: none; padding: 12px 22px; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
         .dugme-stampa:hover { background: #333; }
@@ -83,7 +86,19 @@
                 {{if .PIB}}PIB: {{.PIB}}{{end}}{{if .MaticniBroj}}{{if .PIB}} · {{end}}MB: {{.MaticniBroj}}{{end}}
             </div>
         </div>
-        <!-- SREDINA: klijent -->
+        <!-- SREDINA: datumi (levo) + QR (skroz desno) -->
+        <div class="zg-okvir" style="flex:1.3;">
+            <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px;">
+                <div>
+                    <div class="dok-tip">Predračun (procena)</div>
+                    <div class="dok-broj">{{.Nalog.BrojNaloga}}</div>
+                    <div class="dok-datum">Datum: {{.DatumIzdavanja.Format "02.01.2006."}}</div>
+                    <div class="dok-datum">Važi do: {{.VaziDo.Format "02.01.2006."}}</div>
+                </div>
+                {{if .QRKod}}<img src="data:image/png;base64,{{.QRKod}}" width="92" height="92" alt="QR {{.Nalog.BrojNaloga}}" style="image-rendering:pixelated;border:1px solid #ddd;border-radius:4px;flex-shrink:0;">{{end}}
+            </div>
+        </div>
+        <!-- DESNO: klijent -->
         <div class="zg-okvir">
             <div class="strana-tip">Klijent</div>
             {{if .KlijentNaziv}}
@@ -100,19 +115,6 @@
             <div class="strana-naziv prazno">— klijent nije naveden —</div>
             {{end}}
         </div>
-        <!-- DESNO: barkod na vrhu, ispod datumi (levo) + QR (skroz desno) -->
-        <div class="zg-okvir" style="flex:1.3;">
-            {{if .Barkod}}<img src="data:image/png;base64,{{.Barkod}}" alt="Barkod {{.Nalog.BrojNaloga}}" style="display:block;width:100%;max-height:46px;object-fit:contain;margin-bottom:10px;">{{end}}
-            <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px;">
-                <div>
-                    <div class="dok-tip">Predračun (procena)</div>
-                    <div class="dok-broj">{{.Nalog.BrojNaloga}}</div>
-                    <div class="dok-datum">Datum: {{.DatumIzdavanja.Format "02.01.2006."}}</div>
-                    <div class="dok-datum">Važi do: {{.VaziDo.Format "02.01.2006."}}</div>
-                </div>
-                {{if .QRKod}}<img src="data:image/png;base64,{{.QRKod}}" width="64" height="64" alt="QR {{.Nalog.BrojNaloga}}" style="image-rendering:pixelated;border:1px solid #ddd;border-radius:4px;flex-shrink:0;">{{end}}
-            </div>
-        </div>
     </div>
 
     <!-- uređaj i traženo -->
@@ -144,10 +146,6 @@
                     <td class="desno">{{dinari .Ukupno}} din</td>
                 </tr>
                 {{end}}
-                <tr class="ukupno-red">
-                    <td colspan="3">Ukupno radovi</td>
-                    <td class="desno">{{dinari .UkupnoRad}} din</td>
-                </tr>
             </tbody>
         </table>
     </div>
@@ -175,10 +173,6 @@
                     <td class="desno">{{dinari .Ukupno}} din</td>
                 </tr>
                 {{end}}
-                <tr class="ukupno-red">
-                    <td colspan="3">Ukupno delovi</td>
-                    <td class="desno">{{dinari .UkupnoDelovi}} din</td>
-                </tr>
             </tbody>
         </table>
     </div>
@@ -190,10 +184,13 @@
     </div>
     {{end}}
 
-    <!-- rekapitulacija -->
+    <!-- završni blok: od rekapitulacije do potpisa — pri štampi ostaje u jednom komadu -->
+    <div class="zavrsni-blok">
+
+    <!-- rekapitulacija: ponavlja sume po sekciji (korisno kad tabele pređu na prethodnu stranu) -->
     <div class="rekap">
-        {{if .Radovi}}<div class="rekap-red"><span>Radovi</span><span>{{dinari .UkupnoRad}} din</span></div>{{end}}
-        {{if .ServisniDelovi}}<div class="rekap-red"><span>Delovi i materijal</span><span>{{dinari .UkupnoDelovi}} din</span></div>{{end}}
+        {{if .Radovi}}<div class="rekap-red" style="font-weight:600;"><span>Ukupno radovi</span><span>{{dinari .UkupnoRad}} din</span></div>{{end}}
+        {{if .ServisniDelovi}}<div class="rekap-red" style="font-weight:600;"><span>Ukupno delovi</span><span>{{dinari .UkupnoDelovi}} din</span></div>{{end}}
         <div class="rekap-ukupno">
             <div class="rekap-ukupno-labela">Ukupno (procena):</div>
             <div class="rekap-ukupno-iznos">{{dinari .UkupnoSve}} din</div>
@@ -217,6 +214,8 @@
         </div>
     </div>
 
+    </div><!-- /zavrsni-blok -->
+
 </div>
 
 <button class="dugme-stampa" onclick="window.print()">Štampaj</button>