{% extends "base.html" %}
{% import "_icons.html" as ico %}
{% block title %}Pacjenci{% endblock %}
{% block crumb %}PACJENCI{% endblock %}
{% block view %}
<h1>Pacjenci</h1>
<p class="sub">Każdy pacjent ma kod (pseudonim), Twoją prywatną nazwę i ikonę.
Z każdą zatwierdzoną sesją narasta wiedza o pacjencie — podsumowana w jego oknie.</p>

<div class="roster">
  {% for r in roster %}
  <a class="pcard {{ 'on' if r.code == sel }}" href="/clients?sel={{ r.code }}">
    {{ ico.avatar(r.icon, 44) }}
    <div class="pcard-txt">
      <b>{{ r.name }}</b><span class="qid">{{ r.code }}</span>
      <small>{{ r.sessions }} sesji · {{ r.recordings }} nagr.{{ ' · ost. ' + r.last if r.last }}</small>
    </div>
  </a>
  {% endfor %}
  <details class="pcard pcard-new">
    <summary>+ nowy pacjent</summary>
    <form method="post" action="/clients/new" style="padding:14px 4px 4px">
      <input type="text" name="name" placeholder="Nazwa (np. Pan A.)"
             style="font:inherit;width:100%;padding:8px 10px;border:1px solid var(--line2);background:var(--paper);margin-bottom:8px">
      <input type="text" name="client" placeholder="Kod (puste = auto)"
             style="font:inherit;width:100%;padding:8px 10px;border:1px solid var(--line2);background:var(--paper);margin-bottom:8px">
      <div style="font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:6px">Ikona</div>
      {{ ico.picker('icon', 'rose-1') }}
      <button class="btn sec" type="submit" style="margin-top:10px">Dodaj pacjenta</button>
    </form>
  </details>
</div>

{% if sel %}
<div class="phead-card">
  {{ ico.avatar(meta.icon, 56) }}
  <div style="flex:1">
    <h2 class="h-serif xl" style="margin:0">{{ meta.name }}</h2>
    <div class="qid">{{ sel }}{{ ' · karta od ' + meta.created if meta.created }}
      · {{ 'zgoda na nagrywanie ✓' if meta.consent_recording else 'brak odnotowanej zgody' }}</div>
  </div>
  <details class="editcard">
    <summary class="btn sec">Edytuj kartę</summary>
    <form method="post" action="/clients/meta" class="editcard-form">
      <input type="hidden" name="sel" value="{{ sel }}">
      <label>Nazwa</label>
      <input type="text" name="name" value="{{ meta.name }}"
             style="font:inherit;width:100%;padding:8px 10px;border:1px solid var(--line2);background:var(--paper)">
      <label style="margin-top:8px">Ikona</label>
      {{ ico.picker('icon', meta.icon) }}
      <label class="chk" style="display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-family:'IBM Plex Sans',sans-serif;text-transform:none;letter-spacing:0;color:var(--ink)">
        <input type="checkbox" name="consent" style="width:auto;margin-top:3px" {{ 'checked' if meta.consent_recording }}>
        Mam odnotowaną zgodę tego pacjenta na nagrywanie (RODO)</label>
      <button class="btn" type="submit" style="margin-top:10px">Zapisz</button>
    </form>
  </details>
</div>

<div class="knowledge">
  <h3>Wiedza o pacjencie
    {% if profile_updated %}<span class="tag szkic" style="margin-left:8px">AI-SZKIC · {{ profile_updated }}</span>{% endif %}</h3>
  {% if profile %}
    <div class="transcript-body" style="max-height:none;font-size:14px">{{ profile | replace('#','') | replace('*','') }}</div>
  {% else %}
    <p style="margin:0;color:var(--mut);font-size:14px">Brak profilu. Zbuduj go
    z {{ n_approved }} zatwierdzonych {{ 'notatki' if n_approved==1 else 'notatek' }} — model lokalny podsumuje wątki, wzorce i postęp.</p>
  {% endif %}
  <form method="post" action="/clients/profile" style="margin-top:12px"
        onsubmit="this.querySelector('button').textContent='Buduję profil… (chwila)';this.querySelector('button').disabled=true">
    <input type="hidden" name="sel" value="{{ sel }}">
    <button class="btn sec" type="submit" {{ 'disabled' if n_approved==0 }}>
      {{ 'Odśwież profil' if profile else 'Zbuduj profil' }} z {{ n_approved }} sesji →</button>
  </form>
</div>

<div class="commentbox">
  <form method="post" action="/clients/comments">
    <label style="font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)">Uwagi i komentarze (Twoje, ręczne)</label>
    <input type="hidden" name="sel" value="{{ sel }}">
    <textarea name="comments" placeholder="Notatki między sesjami, ustalenia, przypomnienia…">{{ comments }}</textarea>
    <button class="btn sec" type="submit" style="margin-top:8px">Zapisz uwagi</button>
  </form>
</div>

<div class="sgroup" style="padding-left:0;margin-top:22px"><span>Historia — sesje i nagrania</span></div>
{% if sessions %}
  <div class="tablewrap">
  <table class="wtable">
    <thead><tr><th>Data</th><th>Plik</th><th>Status</th><th>Eksport</th></tr></thead>
    <tbody>
    {% for s in sessions %}
      <tr>
        <td style="white-space:nowrap">{{ s.date }}</td>
        <td>{{ s.name }}</td>
        <td><span class="tag {{ 'zatw' if s.prov == 'ZATWIERDZONE' else ('verbatim' if s.prov=='VERBATIM' else 'szkic') }}">{{ s.prov }}</span></td>
        <td>
          <form method="post" action="/export" style="display:inline-flex;gap:6px">
            <input type="hidden" name="path" value="{{ s.rel }}">
            <input type="hidden" name="back" value="/clients?sel={{ sel }}">
            <select name="fmt" style="font:inherit;font-size:12px">
              <option>pdf</option><option>docx</option><option>md</option>
            </select>
            <button class="btn sec" style="padding:4px 10px" type="submit">↓</button>
          </form>
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
{% else %}
  <p class="empty">Brak plików dla {{ meta.name }} ({{ sel }}).</p>
{% endif %}
{% elif not roster %}
  <p class="empty">Brak pacjentów — dodaj pierwszego kafelkiem „+ nowy pacjent".</p>
{% endif %}
{% endblock %}