{% extends "base.html" %}
{% block content %}
<div class="page-heading">
  <div>
    <h1>Aclaraciones solicitadas</h1>
    <p>El revisor técnico necesita un dato adicional antes de aprobar o rechazar el contexto propuesto.</p>
  </div>
  <div class="summary-badge">{{ proposals|length }} pendientes</div>
</div>

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

{% if not proposals %}
<div class="empty-state">
  <h2>No hay aclaraciones pendientes</h2>
</div>
{% endif %}

{% for proposal in proposals %}
<section class="decision-detail compact-section">
  <div class="detail-heading">
    <div>
      <span class="machine">{{ proposal.machine_id }}</span>
      <h2>{{ proposal.proposed_source_type|label }}</h2>
    </div>
    <span class="status">{{ proposal.proposal_status|label }}</span>
  </div>
  <p><strong>Pregunta técnica:</strong> {{ proposal.last_action_notes }}</p>
  <p><strong>Intervalo:</strong> {{ proposal.first_seen_at|datetime_es }} → {{ proposal.ended_at|datetime_es }}</p>

  {% if write_enabled %}
  <form method="post" action="/clarifications/{{ proposal.proposal_id }}/respond">
    <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
    <input type="hidden" name="submission_key" value="{{ submission_keys[proposal.proposal_id] }}">
    <label>
      Respuesta o aclaración
      <textarea name="notes" rows="4" required></textarea>
    </label>
    <button class="primary" type="submit">Enviar aclaración</button>
  </form>
  {% endif %}
</section>
{% endfor %}
{% endblock %}