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

<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">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>
</div>

<div class="card">
  <h2 style="font-size:14px; margin:0 0 12px;">Coada submissions</h2>
  <div hx-get="/_fragments/submissions" hx-trigger="load, every 10s" hx-swap="innerHTML">
    <div class="empty">se incarca…</div>
  </div>
</div>

{% endblock %}