{% extends "base.html" %}
{% block title %}Admin Dashboard{% endblock %}

{% block content %}
<div class="page-wide">
  <div class="admin-toolbar">
    <h1 class="admin-title">Study Results Dashboard</h1>
    <div class="admin-actions">
      <a href="/admin/export/csv" class="btn btn-secondary">⬇ Export CSV</a>
      <a href="/admin/logout" class="btn btn-ghost">Logout</a>
    </div>
  </div>

  <div class="stats-row">
    <div class="stat-card">
      <span class="stat-number">{{ rows | length }}</span>
      <span class="stat-label">Participants</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ rows | selectattr('study_group', 'equalto', 'A') | list | length }}</span>
      <span class="stat-label">Group A (treatment)</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ rows | selectattr('study_group', 'equalto', 'B') | list | length }}</span>
      <span class="stat-label">Group B (control)</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ rows | rejectattr('final', 'none') | list | length }}</span>
      <span class="stat-label">Completed</span>
    </div>
  </div>

  {% if rows %}
  <div class="table-wrap">
    <table class="data-table">
      <thead>
        <tr>
          <th>Pseudo</th>
          <th>Group</th>
          <th>Started</th>
          <th>Tasks submitted</th>
          <th>Copy events</th>
          <th>Paste events</th>
          <th>Final survey</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for row in rows %}
        {% set total_copy = row.events | selectattr('event_type', 'equalto', 'copy') | sum(attribute='cnt') %}
        {% set total_paste = row.events | selectattr('event_type', 'equalto', 'paste') | sum(attribute='cnt') %}
        <tr>
          <td><strong>{{ row.participant_id }}</strong></td>
          <td>
            <span class="group-badge group-{{ row.study_group }}">
              Group {{ row.study_group }}
            </span>
          </td>
          <td class="muted">{{ row.created_at[:16] | replace('T', ' ') }}</td>
          <td>{{ row.submissions | length }} / 3</td>
          <td>{{ total_copy }}</td>
          <td>{{ total_paste }}</td>
          <td>
            {% if row.final %}
            <span class="badge-done">✓ Done</span>
            {% else %}
            <span class="badge-pending">–</span>
            {% endif %}
          </td>
          <td>
            <a href="/admin/participant/{{ row.session_id }}" class="btn btn-sm">View</a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div class="empty-state">
    <p>No participants yet. Share the study URL to get started.</p>
  </div>
  {% endif %}
</div>
{% endblock %}