{% extends "base.html" %}
{% block content %}
<div class="page-heading">
  <div>
    <h1>Decisiones pendientes</h1>
    <p>Una tarjeta equivale a una pregunta humana. Producción explica lo ocurrido; la creación de contexto se valida después por separado.</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 necesite una explicació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|label }}</span>
      </div>
      <div class="status-pair">
        <span class="status">Incidencia: {{ row.incident_status|label }}</span>
        <span class="status">Revisión: {{ row.workflow_status|label }}</span>
      </div>
    </div>

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

    {% if row.workflow_status == 'IN_CONSULTATION' %}
    <div class="consultation-box">
      <strong>En consulta</strong>
      <p>{{ row.consultation_reason }}</p>
      {% if row.follow_up_with %}
      <small>Consultar con: {{ row.follow_up_with }}</small>
      {% endif %}
    </div>
    {% endif %}

    <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|label }}</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|label }}</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 %}