{{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. https://moj.domen.com"
                    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 javni pristup upiši adresu servera
                    (npr. <code>https://moj.domen.com</code>). Snima se automatski.
                </div>
            </div>
        </div>
    </form>

</div>
{{end}}