{# Plocice licence (zadatak F2.5; maketa Licence.dc.html). Prekidac
   V1<->V2 menja ponasanje lanca UZIVO (paket_za i obrada citaju
   profil); V3 postoji iskljucivo kao zakljucana plocica (ustav §1). #}
{% extends "osnova.html" %}
{% block putanja %}Podešavanja / Licenca{% endblock %}
{% block sadrzaj %}
<div style="padding:28px 44px;display:flex;flex-direction:column;flex:1">

  <div style="text-align:center;margin-bottom:8px">
    <div style="font-size:11px;font-weight:700;letter-spacing:.18em;color:#A94F2F">NIVOI POVERLJIVOSTI</div>
    <div class="dsp" style="font-size:26px;font-weight:700;margin-top:6px">Ista aplikacija. Vi birate granicu.</div>
    <div style="font-size:13.5px;color:var(--mastilo2);margin-top:6px">Prelaz na viši nivo je prekidač — bez migracije, bez novog interfejsa, bez gubitka podataka.</div>
  </div>

  <div class="mreza kolone-3" style="flex:1;gap:18px;margin-top:18px">

    <div class="kartica" style="border-radius:16px;padding:22px;display:flex;flex-direction:column
      {% if profil == 'V1' %};border:2px solid {{ brend.akcenat }}{% endif %}">
      <div style="display:flex;align-items:center;gap:10px">
        <div class="dsp" style="font-size:17px;font-weight:700">Cloud</div>
        <span class="mono" style="font-size:10.5px;color:var(--mastilo2);background:var(--neutralno);border-radius:6px;padding:2px 7px">V1</span>
        {% if profil == 'V1' %}<span class="pill ok" style="margin-left:auto">aktivan</span>{% endif %}
      </div>
      <div style="font-size:12.5px;color:var(--prigusen);margin-top:4px">za poslove bez visoke poverljivosti</div>
      <div style="border-top:1px solid var(--neutralno);margin:14px 0"></div>
      <div style="display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.5">
        <div>✓ predmeti, dokumenta, rokovi, statistika</div>
        <div>✓ AI generisanje akata po vašim šablonima</div>
        <div>✓ kopija dokumenata i na vašem računaru</div>
        <div>✓ mobilni pristup sa terena</div>
      </div>
      <div style="margin-top:auto;padding-top:16px">
        <div style="font-size:12px;color:var(--prigusen);margin-bottom:10px">obrada dokumenata: u cloudu, uz ugovor</div>
        {% if profil == 'V1' %}
        <span class="dugme drugo" style="display:block;text-align:center">Trenutni paket</span>
        {% else %}
        <form method="post" action="/licence/profil"><input type="hidden" name="profil" value="V1">
          <button class="dugme drugo" style="display:block;width:100%;text-align:center" type="submit">Prebaci na Cloud</button></form>
        {% endif %}
      </div>
    </div>

    <div style="background:var(--povrsina);border:2px solid {{ brend.akcenat }};border-radius:16px;padding:22px;display:flex;flex-direction:column;box-shadow:0 12px 32px rgba(193,95,60,.14);position:relative">
      <div style="position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:{{ brend.akcenat }};color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.08em;border-radius:999px;padding:4px 14px">PREPORUČENO</div>
      <div style="display:flex;align-items:center;gap:10px">
        <div class="dsp" style="font-size:17px;font-weight:700">Hibrid</div>
        <span class="mono" style="font-size:10.5px;color:#A94F2F;background:var(--terakota-tint);border-radius:6px;padding:2px 7px">V2</span>
        {% if profil == 'V2' %}<span class="pill ok" style="margin-left:auto">aktivan</span>{% endif %}
      </div>
      <div style="font-size:12.5px;color:var(--prigusen);margin-top:4px">za kancelarije koje čuvaju tajne</div>
      <div style="border-top:1px solid #F0DACD;margin:14px 0"></div>
      <div style="display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.5">
        <div>✓ <b>sve iz Cloud paketa</b>, isti izgled i rad</div>
        <div>✓ identiteti se uklanjaju <b>pre</b> slanja — lokalno</div>
        <div>✓ original i mapa oznaka nikad ne izlaze</div>
        <div>✓ semafor + Zapisnik o svakoj obradi</div>
        <div>✓ vaš izbor AI modela (svoj ključ)</div>
      </div>
      <div style="margin-top:auto;padding-top:16px">
        <div style="font-size:12px;color:var(--prigusen);margin-bottom:10px">uključuje {{ brend.naziv }} Agent za vaš računar</div>
        {% if profil == 'V2' %}
        <span class="dugme" style="display:block;text-align:center">Trenutni paket</span>
        {% else %}
        <form method="post" action="/licence/profil"><input type="hidden" name="profil" value="V2">
          <button class="dugme" style="display:block;width:100%;text-align:center" type="submit">Uključi Hibrid</button></form>
        {% endif %}
      </div>
    </div>

    <div style="background:var(--panel);border:1px solid var(--ivica);border-radius:16px;padding:22px;display:flex;flex-direction:column">
      <div style="display:flex;align-items:center;gap:10px">
        <div class="dsp" style="font-size:17px;font-weight:700;color:var(--mastilo2)">Lokalno</div>
        <span class="mono" style="font-size:10.5px;color:var(--mastilo2);background:var(--neutralno);border-radius:6px;padding:2px 7px">V3</span>
        <svg style="margin-left:auto;width:18px;height:18px;stroke:var(--prigusen);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round" viewBox="0 0 24 24"><rect x="5" y="11" width="14" height="9" rx="2"></rect><path d="M8 11V8a4 4 0 0 1 8 0v3"></path></svg>
      </div>
      <div style="font-size:12.5px;color:var(--prigusen);margin-top:4px">za institucije i najosetljivije poslove</div>
      <div style="border-top:1px solid var(--neutralno);margin:14px 0"></div>
      <div style="display:flex;flex-direction:column;gap:9px;color:var(--mastilo2);font-size:13px;line-height:1.5">
        <div>✓ ista aplikacija, sve na vašem serveru</div>
        <div>✓ AI modeli rade lokalno — sadržaj ne izlazi</div>
        <div>✓ hardver, instalacija i održavanje</div>
      </div>
      <div style="margin-top:auto;padding-top:16px">
        <div style="font-size:12px;color:var(--prigusen);margin-bottom:10px">dostupno po dokazanoj potrebi</div>
        <span class="dugme drugo" style="display:block;text-align:center;color:var(--prigusen)">U pripremi — najavite interesovanje</span>
      </div>
    </div>
  </div>

  <div class="kartica tabela-podaci" style="margin-top:18px;border-radius:12px;padding:12px 18px;font-size:12px">
    <div style="font-weight:700;color:var(--mastilo2)">Gde su vaši podaci</div>
    <div><b>original:</b> vaš računar + cloud</div>
    <div style="color:#A94F2F"><b>original:</b> samo vaš računar</div>
    <div style="color:var(--mastilo2)"><b>original:</b> samo vaš server</div>
  </div>
</div>
{% endblock %}