{% extends "base.html" %}
{% block content %}
<div class="page-heading">
  <div>
    <h1>Historial de acciones</h1>
    <p>Acciones realizadas desde la interfaz durante los últimos 30 días.</p>
  </div>
</div>

<div class="table-wrap">
<table>
  <thead>
    <tr>
      <th>Fecha</th>
      <th>Usuario</th>
      <th>Decisión</th>
      <th>Respuesta</th>
      <th>Casos</th>
      <th>Contextos</th>
      <th>Estado</th>
    </tr>
  </thead>
  <tbody>
  {% for action in actions %}
    <tr>
      <td>{{ action.created_at|datetime_es }}</td>
      <td>{{ action.actor_display_name }}</td>
      <td>{{ action.decision_group_key }}</td>
      <td>{{ action.answer_code }}</td>
      <td>{{ action.selected_case_ids|join(", ") }}</td>
      <td>{{ action.created_context_session_ids|join(", ") if action.created_context_session_ids else "—" }}</td>
      <td>{{ action.status }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
</div>
{% endblock %}