{% extends "base.html" %}
{% block content %}

<!-- Nav cont: link admin (doar pentru admini) + logout -->
<div style="display:flex; gap:8px; justify-content:flex-end; margin-bottom:12px; flex-wrap:wrap;">
  {% if is_admin %}<a class="cardlink" href="/admin">Panou admin</a>{% endif %}
  <form method="post" action="/logout" style="display:inline; margin:0;">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit" style="background:var(--card); color:var(--muted); border-color:var(--line);">Iesi din cont</button>
  </form>
</div>

<!-- Sectiunea de import fisier: stare initiala = drop zone; HTMX swapeaza in flow -->
{% include '_upload.html' %}

<div class="card banner {% if not blocked %}hidden{% endif %}"
     hx-get="/_fragments/banner" hx-trigger="every 15s" hx-swap="outerHTML">
  <strong>Atentie:</strong> {{ blocked }} submission-uri blocate (error / needs_data / needs_mapping).
  Plasa de siguranta pe pene RAR &gt; 30h. Verifica coada mai jos.
</div>

<div class="card">
  <div style="display:flex; gap:24px; flex-wrap:wrap;">
    <div><div class="muted">Worker</div><div class="{{ 's-sent' if worker_alive else 's-error' }}">
      {{ 'viu' if worker_alive else 'mort' }}</div></div>
    <div><div class="muted">RAR</div><div class="{{ 's-sent' if rar_state == 'ok' else 's-error' if 'indisponibil' in rar_state else 'muted' }}">{{ rar_state }}</div></div>
    <div><div class="muted">Ultimul login RAR</div><div>{{ last_login or '—' }}</div></div>
    <div><div class="muted">In coada</div><div>{{ counts.get('queued', 0) }}</div></div>
    <div><div class="muted">Trimise</div><div class="s-sent">{{ counts.get('sent', 0) }}</div></div>
    <div><div class="muted">Blocate</div><div class="{{ 's-error' if blocked else '' }}">{{ blocked }}</div></div>
  </div>
  {% if rar_state != 'ok' %}
  <p class="muted" style="margin:12px 0 0; font-size:12px;">
    RAR posibil indisponibil — coada de mai jos arata ultima stare cunoscuta (local), nu live din RAR.
  </p>
  {% endif %}
</div>

<!-- incarcat o data; NU poll (sa nu stergem o selectie in curs). Se re-randeaza la salvare. -->
<div hx-get="/_fragments/mapari" hx-trigger="load" hx-swap="outerHTML">
  <div class="card"><div class="empty">se incarca mapari…</div></div>
</div>

<div hx-get="/_fragments/cont" hx-trigger="load" hx-swap="outerHTML">
  <div class="card"><div class="empty">se incarca cont…</div></div>
</div>

<div class="card">
  <div style="display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px;">
    <h2 style="font-size:15px; margin:0;">Coada submissions</h2>
    <span style="margin-left:auto; display:flex; gap:8px; flex-wrap:wrap;">
      <a class="cardlink" href="/v1/audit/export?status=sent" download>export CSV: trimise</a>
      <a class="cardlink" href="/v1/audit/export?status=all" download>toate</a>
    </span>
  </div>
  <div hx-get="/_fragments/submissions" hx-trigger="load, every 10s" hx-swap="innerHTML">
    <div class="empty">se incarca…</div>
  </div>
</div>

<div class="card">
  <details>
    <summary style="cursor:pointer; font-size:15px; font-weight:600;">Nomenclator RAR (coduri prestatii)</summary>
    <div style="margin-top:12px;" hx-get="/_fragments/nomenclator" hx-trigger="load" hx-swap="innerHTML">
      <div class="empty">se incarca…</div>
    </div>
  </details>
</div>

{% endblock %}