{% extends "base.html" %}
{% block title %}Transkrypcje{% endblock %}
{% block view %}
<h1>Transkrypcja nagrania</h1>
<p class="sub">Wrzuć nagranie (nawet godzinne) — dostaniesz <b>pełny, surowy transkrypt</b>.
Nic więcej się nie dzieje: żadnej analizy, dopóki sam o nią nie poprosisz przy
gotowym tekście.</p>

{% if not consent_ack %}
<div class="consent-setup">
  <h3>Zanim zaczniesz — jednorazowo</h3>
  <p>Potwierdź, że w swojej praktyce <b>uzyskujesz i odnotowujesz zgodę pacjenta
  na nagrywanie</b> przed każdą sesją (wymóg RODO, art. 9). Dzięki temu nie musisz
  klikać tego przy każdym nagraniu. Możesz to później wyłączyć w Ustawieniach.</p>
  <form method="post" action="/settings/consent">
    <input type="hidden" name="back" value="/">
    <label class="chk"><input type="checkbox" name="ack" required>
      Mam odnotowaną zgodę pacjenta na nagrywanie (wymóg RODO)</label>
    <button class="btn" type="submit" style="margin-top:12px">Potwierdzam — nie pytaj więcej</button>
  </form>
</div>
{% endif %}

<form class="upform" method="post" action="/upload" enctype="multipart/form-data">
  <label class="dropzone" id="dz">
    <svg class="dz-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
      <path d="M12 15V4M8 8l4-4 4 4"/><path d="M4 15v3a2 2 0 002 2h12a2 2 0 002-2v-3"/></svg>
    <div class="dz-main"><b>Przeciągnij nagranie</b> albo kliknij, żeby wybrać</div>
    <div class="dz-sub">wav · m4a · mp3 · aac — nawet godzinne</div>
    <div class="dz-file" id="dzfile"></div>
    <input type="file" id="audio" name="audio" accept=".wav,.m4a,.mp3,.aac,audio/*" required>
  </label>

  <label for="client" class="flabel">Pacjent (opcjonalnie — można przypisać później)</label>
  <select id="client" name="client" class="field" onchange="document.getElementById('newc').style.display=this.value=='__new__'?'block':'none'">
    <option value="">— bez przypisania —</option>
    {% for c in clients %}<option value="{{ c }}">{{ c }}</option>{% endfor %}
    <option value="__new__">+ nowy pacjent</option>
  </select>
  <div id="newc" style="display:none">
    <label for="new_client" class="flabel">Kod nowego pacjenta (puste = automatyczny)</label>
    <input type="text" id="new_client" name="new_client" class="field" placeholder="K-001">
  </div>

  <label class="chk"><input type="checkbox" name="diarize" checked>
    Próbuj rozdzielać wypowiedzi terapeuta / pacjent (orientacyjnie)</label>
  {% if consent_ack %}
  <input type="hidden" name="consent" value="on">
  <p class="consent-ok">✓ Zgoda potwierdzona jednorazowo (deklaracja w Ustawieniach).
    Pamiętaj, by mieć ją odnotowaną dla tego pacjenta.</p>
  {% else %}
  <label class="chk"><input type="checkbox" name="consent" required>
    Mam odnotowaną zgodę pacjenta na nagrywanie (wymóg RODO)</label>
  {% endif %}

  <button class="btn" type="submit">Transkrybuj →</button>
</form>

{% if orphans %}
<div class="sgroup" style="padding-left:0;margin-top:26px"><span>Nagrania do dokończenia</span></div>
<p class="sub" style="margin:4px 0 10px">Te nagrania są bezpieczne na tym komputerze, ale nie mają jeszcze transkryptu
(np. aplikacja została zamknięta w trakcie). Dokończ je jednym kliknięciem.</p>
{% for o in orphans %}
<div class="qrow" style="grid-template-columns:1fr auto auto">
  <span>{{ o.name }}{% if o.client %} <span class="qid">{{ o.client }}</span>{% endif %}</span>
  <span class="tag verbatim">BEZ TRANSKRYPTU</span>
  <form method="post" action="/resume" style="margin:0">
    <input type="hidden" name="path" value="{{ o.file }}">
    <button class="btn sec" type="submit" style="padding:4px 12px">Dokończ →</button>
  </form>
</div>
{% endfor %}
{% endif %}

{% if active %}
<div class="sgroup" style="padding-left:0;margin-top:26px"><span>W toku</span></div>
{% for s in active %}
<div class="qrow" style="grid-template-columns:1fr auto auto">
  <span>{{ s.label }}</span>
  <span class="tag verbatim">{{ s.stage|upper }} {{ (s.fraction*100)|round|int }}%</span>
  <a href="/job/{{ s.job_id }}">podgląd →</a>
</div>
{% endfor %}
{% endif %}

{% if drafts %}
<div class="sgroup" style="padding-left:0;margin-top:26px"><span>Szkice notatek do przeglądu</span></div>
{% for dnote in drafts %}
<div class="qrow" style="grid-template-columns:1fr auto auto auto">
  <span>{{ dnote.name }}</span>
  <span class="qid">{{ dnote.engine }}</span>
  <span class="tag szkic">AI-SZKIC</span>
  <a href="/review?d={{ dnote.rel_name|urlencode }}">przejrzyj →</a>
</div>
{% endfor %}
{% endif %}

<div class="sgroup" style="padding-left:0;margin-top:26px"><span>Gotowe transkrypcje</span></div>
{% if transcripts %}
  {% for t in transcripts %}
  <div class="qrow" style="grid-template-columns:1fr auto auto auto">
    <span>{{ t.name }}</span>
    <span class="qid">{{ '%d:%02d'|format((t.sec|int)//60, (t.sec|int)%60) if t.sec else '' }}</span>
    <span class="tag verbatim">VERBATIM</span>
    <a href="/transcript?d={{ t.rel|urlencode }}">otwórz →</a>
  </div>
  {% endfor %}
{% else %}
  <p class="empty">Brak transkrypcji — wrzuć pierwsze nagranie powyżej.</p>
{% endif %}
{% endblock %}
{% block scripts %}
<script>
(function(){
  var dz=document.getElementById('dz'), inp=document.getElementById('audio'),
      out=document.getElementById('dzfile'), main=dz.querySelector('.dz-main');
  function show(){ if(inp.files&&inp.files.length){
      out.textContent='✓ '+inp.files[0].name;
      main.innerHTML='<b>Gotowe do transkrypcji</b> — kliknij, żeby zmienić plik'; } }
  inp.addEventListener('change',show);
  ['dragenter','dragover'].forEach(function(e){dz.addEventListener(e,function(ev){
    ev.preventDefault();dz.classList.add('drag');});});
  dz.addEventListener('dragleave',function(ev){ev.preventDefault();dz.classList.remove('drag');});
  dz.addEventListener('drop',function(ev){
    ev.preventDefault();dz.classList.remove('drag');
    var f=ev.dataTransfer&&ev.dataTransfer.files;
    if(f&&f.length){ inp.files=f; show(); }   // przypisz upuszczony plik do inputu
  });
})();
</script>
{% endblock %}