{# Podesavanja (zadatak F2.6): BYOK kljuc sa proverom veze, izbor
   modela, klizac osetljivosti, politika kancelarije + uloga (F2.7).
   Kljuc se NIKAD ne prikazuje — samo da li postoji. #}
{% extends "osnova.html" %}
{% block putanja %}Podešavanja{% endblock %}
{% block sadrzaj %}
<div class="mreza kolone-2" style="padding:16px 22px;align-content:start">

  <div class="kartica" style="padding:18px">
    <div class="dsp" style="font-size:15px;font-weight:600">AI pristup (BYOK)</div>
    <div style="font-size:12px;color:var(--prigusen);margin-top:2px">Ključ po korisniku; nikada u kodu, repou ni logu.</div>
    <form method="post" action="/podesavanja/kljuc" style="margin-top:12px;display:flex;gap:8px">
      <input type="password" name="api_kljuc" placeholder="{{ 'ključ je podešen — unesi novi da zameniš' if kljuc_postoji else 'sk-or-v1-…' }}"
             style="flex:1;background:var(--panel);border:1px solid var(--ivica);border-radius:10px;height:36px;padding:0 12px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--mastilo)">
      <button class="dugme drugo" type="submit">Sačuvaj</button>
    </form>
    <form method="post" action="/podesavanja/proveri-vezu" style="margin-top:8px;display:flex;align-items:center;gap:10px">
      <button class="dugme" type="submit">Proveri vezu</button>
      {% if veza_status == 'ok' %}<span class="pill ok">veza radi ✓</span>
      {% elif veza_status == 'pad' %}<span class="pill bad">veza ne radi</span>{% endif %}
    </form>
    <div style="border-top:1px solid var(--ivica);margin:14px 0"></div>
    <div style="font-size:13px;font-weight:700">Model</div>
    <form method="post" action="/podesavanja/model" style="margin-top:8px;display:flex;gap:8px">
      <select name="model" style="flex:1;background:var(--panel);border:1px solid var(--ivica);border-radius:10px;height:36px;padding:0 10px;font-size:13px;color:var(--mastilo)">
        {% for slug in modeli %}
        <option value="{{ slug }}" {{ 'selected' if slug == izabrani_model }}>{{ slug }}</option>
        {% endfor %}
      </select>
      <button class="dugme drugo" type="submit">Sačuvaj</button>
    </form>
  </div>

  <div class="kartica" style="padding:18px">
    <div class="dsp" style="font-size:15px;font-weight:600">Osetljivost (klizač)</div>
    <div style="font-size:12px;color:var(--prigusen);margin-top:2px">Podrazumevani položaj za nove dokumente; poreklo dokumenta samo predlaže.</div>
    <form method="post" action="/podesavanja/klizac" style="margin-top:12px;display:flex;background:var(--neutralno);border-radius:10px;padding:3px;gap:2px;width:max-content">
      {% for polozaj in ['snizen', 'standardan', 'pojacan'] %}
      <button type="submit" name="klizac" value="{{ polozaj }}"
        style="font-size:12px;border:0;cursor:pointer;padding:6px 14px;border-radius:8px;font-family:inherit;
        {% if polozaj == klizac %}font-weight:700;color:var(--mastilo);background:var(--povrsina);border:1px solid var(--ivica-jaka)
        {% else %}font-weight:600;color:var(--prigusen);background:transparent{% endif %}">{{ polozaj }}</button>
      {% endfor %}
    </form>
    <div style="font-size:11.5px;color:var(--prigusen);margin-top:8px">
      snižen: samo fizička lica i finansije · standardan: puna lista · pojačan: + relativizacija (u pripremi)</div>
    <div style="border-top:1px solid var(--ivica);margin:14px 0"></div>
    <div class="dsp" style="font-size:15px;font-weight:600">Uloga (demo)</div>
    <form method="post" action="/podesavanja/uloga" style="margin-top:8px;display:flex;gap:8px">
      <button class="dugme {{ 'drugo' if uloga != 'advokat' }}" name="uloga" value="advokat" type="submit">Advokat</button>
      <button class="dugme {{ 'drugo' if uloga != 'sekretarica' }}" name="uloga" value="sekretarica" type="submit">Sekretarica</button>
    </form>
    <div style="font-size:11.5px;color:var(--prigusen);margin-top:6px">Odobravanje nacrta može samo advokat.</div>
  </div>

  <div class="kartica" style="padding:18px;grid-column:1 / -1">
    <div class="dsp" style="font-size:15px;font-weight:600">Politika kancelarije — zabranjeno za slanje</div>
    <div style="font-size:12px;color:var(--prigusen);margin-top:2px">Tipovi dokumenata koji nikada ne izlaze u cloud. Važi odmah, verzija politike se beleži u Zapisnik.</div>
    <form method="post" action="/podesavanja/politika" style="margin-top:12px;display:flex;gap:18px;align-items:center;flex-wrap:wrap">
      {% for tip in ['izvod_iz_banke', 'ugovor', 'otpremnica', 'opomena'] %}
      <label style="display:flex;align-items:center;gap:7px;font-size:13px">
        <input type="checkbox" name="tipovi" value="{{ tip }}" {{ 'checked' if tip in zabranjeni }}>
        {{ tip | replace('_', ' ') }}</label>
      {% endfor %}
      <button class="dugme drugo" type="submit">Sačuvaj politiku</button>
    </form>
  </div>

  <div class="kartica" style="padding:14px 18px;grid-column:1 / -1;display:flex;align-items:center;gap:12px">
    <div style="font-size:13px;color:var(--mastilo2);flex:1">Licenca i profil poverljivosti (V1 / V2 / V3)</div>
    <a class="dugme drugo" href="/licence">Otvori licence</a>
  </div>

  <div class="kartica" style="padding:14px 18px;grid-column:1 / -1;display:flex;align-items:center;gap:12px">
    <div style="font-size:13px;color:var(--mastilo2);flex:1">
      <b>Šta vidi operator</b> — otvori tačno onaj prikaz koji firma implementator vidi o vašoj kancelariji: tok, statistiku, heševe. Bez identiteta, bez sadržine.</div>
    <a class="dugme drugo" href="/operator">Šta vidi operator</a>
  </div>
</div>
{% endblock %}