{% extends "base.html" %}
{% block content %}
<div class="page-heading">
  <div>
    <h1>Decisiones pendientes</h1>
    <p>Una tarjeta equivale a una pregunta humana. Los datos técnicos se conservan como evidencia.</p>
  </div>
  <div class="summary-badge">{{ rows|length }} pendientes</div>
</div>

{% if message %}
<div class="alert success">{{ message }}</div>
{% endif %}

{% if not rows %}
<div class="empty-state">
  <h2>No hay decisiones pendientes para su rol</h2>
  <p>La cola se actualizará automáticamente cuando aparezca una excepción que requiera intervención humana.</p>
</div>
{% endif %}

<div class="card-grid">
{% for row in rows %}
  <article class="decision-card severity-{{ row.max_severity|lower }}">
    <div class="card-head">
      <div>
        <span class="machine">{{ row.machine_id or "GLOBAL" }}</span>
        <span class="severity">{{ row.max_severity }}</span>
      </div>
      <div class="status-pair">
        <span class="status">
          Incidencia:
          {% if row.incident_status == "ACTIVE" %}Activa{% else %}Terminada{% endif %}
        </span>
        <span class="status review-pending">Revisión: Pendiente</span>
      </div>
    </div>

    <h2>{{ row.decision_title }}</h2>
    <p class="question">{{ row.question_text }}</p>

    <dl class="facts">
      <div><dt>Inicio</dt><dd>{{ row.first_seen_at|datetime_es }}</dd></div>
      <div><dt>Fin</dt><dd>{{ row.ended_at|datetime_es }}</dd></div>
      <div><dt>Responsable</dt><dd>{{ row.review_owner }}</dd></div>
      <div><dt>Casos pendientes</dt><dd>{{ row.pending_root_case_count }}</dd></div>
      <div><dt>Evidencias</dt><dd>{{ row.linked_episode_count }}</dd></div>
      <div><dt>Atención</dt><dd>{{ row.attention_status }}</dd></div>
    </dl>

    {% if row.production_orders %}
    <p><strong>Órdenes:</strong> {{ row.production_orders|join(", ") }}</p>
    {% endif %}

    <a class="primary button" href="/decisions/{{ row.decision_group_key|urlencode }}">
      Revisar
    </a>
  </article>
{% endfor %}
</div>
{% endblock %}