{{template "base" .}}

{{define "naslov"}}Podešavanja — Servis — NTech{{end}}

{{define "sadrzaj"}}
<div class="stranica-stack" style="width:100%;max-width:100%;">

    {{if .Sacuvano}}
    <div class="poruka-uspeh">Podešavanja su uspešno sačuvana.</div>
    {{end}}

    <form method="POST" action="/podesavanja/sacuvaj" data-autosave>
        <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
        <input type="hidden" name="_next" value="/admin/podesavanja/servis">

        <div class="kartica animiraj" style="margin-bottom:16px;">
            <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--sb-akcent)" 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 style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Servis</span>
            </div>

            <div class="kolona" style="gap:16px;">

                <div style="max-width:280px;">
                    <label for="servis_garancija_dana" class="polje-labela">
                        Podrazumevana garancija (dana)
                    </label>
                    <input type="number" id="servis_garancija_dana" name="servis_garancija_dana"
                        min="0" max="3650" value="{{.ServisGarancijaDana}}"
                        style="width:100%;">
                    <div class="pomocni-tekst" style="margin-top:6px;">
                        Trajanje garancije u danima (računato od završetka radova). Dugme „Podrazumevano"
                        na nalogu koristi ovu vrednost. 0 znači bez garancije.
                    </div>
                </div>

                <div style="max-width:280px;">
                    <label for="servis_cena_dijagnostike" class="polje-labela">
                        Cena dijagnostike (din)
                    </label>
                    <input type="number" id="servis_cena_dijagnostike" name="servis_cena_dijagnostike"
                        min="0" step="0.01" value="{{.ServisCenaDijagnostike}}"
                        style="width:100%;">
                    <div class="pomocni-tekst" style="margin-top:6px;">
                        Podrazumevana taksa za pregled/dijagnostiku. Predlaže se na nalogu pri dijagnostici;
                        naplaćuje se samo ako klijent ne prihvati popravku. 0 znači bez naplate.
                    </div>
                </div>

                <div style="max-width:280px;">
                    <label for="predracun_rok_dana" class="polje-labela">
                        Rok važenja predračuna (dana)
                    </label>
                    <input type="number" id="predracun_rok_dana" name="predracun_rok_dana"
                        min="1" max="90" value="{{.PredracunRokDana}}"
                        style="width:100%;">
                    <div class="pomocni-tekst" style="margin-top:6px;">
                        Koliko dana važi predračun od dana izdavanja. Štampa se na dokumentu kao „Važi do".
                    </div>
                </div>

                <div style="max-width:280px;">
                    <label for="predvidjen_rok_dana" class="polje-labela">
                        Predviđen rok popravke (dana)
                    </label>
                    <input type="number" id="predvidjen_rok_dana" name="predvidjen_rok_dana"
                        min="1" max="365" value="{{.PredvidjenRokDana}}"
                        style="width:100%;">
                    <div class="pomocni-tekst" style="margin-top:6px;">
                        Automatski se upisuje pri prijemu (datum prijema + ovaj broj dana). Možeš ga promeniti na svakom nalogu.
                    </div>
                </div>

            </div>
        </div>

        <div class="kartica animiraj" style="margin-bottom:16px;">
            <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--sb-akcent)" 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"/><line x1="10" y1="9" x2="8" y2="9"/></svg>
                <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Uslovi servisa</span>
            </div>

            <div>
                <label for="servis_uslovi" class="polje-labela">
                    Uslovi koji se štampaju na reversu
                </label>
                <textarea id="servis_uslovi" name="servis_uslovi" rows="9"
                    style="width:100%;resize:vertical;line-height:1.6;">{{.ServisUslovi}}</textarea>
                <div class="pomocni-tekst" style="margin-top:6px;">
                    Ovaj tekst se štampa na reversu (potvrdi o prijemu uređaja na servis). Slobodno ga
                    izmeni prema svojim pravilima — svaka stavka u novom redu. Snima se automatski.
                </div>
            </div>

            <div style="margin-top:16px;">
                <label for="servis_klauzula_predracuna" class="polje-labela">
                    Klauzula na predračunu
                </label>
                <textarea id="servis_klauzula_predracuna" name="servis_klauzula_predracuna" rows="3"
                    style="width:100%;resize:vertical;line-height:1.6;">{{.ServisKlauzulaPredracuna}}</textarea>
                <div class="pomocni-tekst" style="margin-top:6px;">
                    Napomena na dnu predračuna (procena cene). Snima se automatski.
                </div>
            </div>

            <div style="margin-top:16px;">
                <label for="qr_bazni_url" class="polje-labela">
                    Adresa servera za QR kod
                </label>
                <input type="text" id="qr_bazni_url" name="qr_bazni_url" value="{{.QrBazniUrl}}"
                    placeholder="npr. http://192.168.1.x:3000"
                    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 class="pomocni-tekst" style="margin-top:6px;">
                    Adresa koju otvara QR kod sa dokumenata kad ga klijent skenira telefonom. Ostavi prazno
                    da se koristi adresa iz pregledača. Za pristup sa telefona na lokalnoj mreži upiši IP
                    adresu servera (npr. <code>http://192.168.1.x:3000</code>). Snima se automatski.
                </div>
            </div>
        </div>
    </form>

</div>
{{end}}