Servis: polja Tražene nadogradnje i Napomena klijentu (auto-snimanje)

web/templates/stranice/servis_detalji.html

@@ -135,6 +135,12 @@
                 <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:6px;">Opis kvara</div>
                 <div style="font-size:14px;color:var(--tekst-glavni);line-height:1.6;white-space:pre-wrap;">{{.Nalog.OpisKvara}}</div>
             </div>
+            {{if .Nalog.TrazeneNadogradnje}}
+            <div>
+                <div style="font-size:12px;color:var(--tekst-sporedni);margin-bottom:6px;">Tražene nadogradnje</div>
+                <div style="font-size:14px;color:var(--tekst-glavni);line-height:1.6;white-space:pre-wrap;">{{.Nalog.TrazeneNadogradnje}}</div>
+            </div>
+            {{end}}
             {{if or .Nalog.Ostecenja .Nalog.PinUredjaja .Nalog.Pribor}}
             <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:16px;">
                 {{if .Nalog.Ostecenja}}
@@ -166,6 +172,28 @@
         </div>
     </div>
 
+    <!-- napomena klijentu -->
+    <div class="kartica detalji-kartica animiraj" id="napomena-klijentu-kartica">
+        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);flex-wrap:wrap;gap:10px;">
+            <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Napomena klijentu</span>
+        </div>
+        {{if index .Dozvole "servis.izmeni"}}
+        <!-- forma se sama snima kad textarea izgubi fokus (bez dugmeta); data-refresh osvežava samo ovu karticu -->
+        <form method="POST" action="/servis/{{.Nalog.ID}}/napomena-klijentu" data-refresh="#napomena-klijentu-kartica">
+            <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
+            <textarea name="napomena_klijentu" rows="3"
+                placeholder="Poruka koju ostavljate klijentu uz nalog..."
+                style="width:100%;resize:vertical;"
+                data-poc="{{.Nalog.NapomenaKlijentu}}"
+                onblur="if(this.value!==this.dataset.poc){this.dataset.poc=this.value;(this.form.requestSubmit?this.form.requestSubmit():this.form.submit());}">{{.Nalog.NapomenaKlijentu}}</textarea>
+        </form>
+        {{else}}
+        <div style="font-size:13px;color:var(--tekst-sporedni);line-height:1.6;white-space:pre-wrap;">
+            {{if .Nalog.NapomenaKlijentu}}{{.Nalog.NapomenaKlijentu}}{{else}}<span style="color:var(--tekst-sporedni);font-style:italic;">Nema napomene.</span>{{end}}
+        </div>
+        {{end}}
+    </div>
+
     <!-- radovi (usluge) -->
     <div class="kartica detalji-kartica animiraj">
         <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);flex-wrap:wrap;gap:10px;">