{% extends "base.html" %}
{% block content %}
<section class="page-head">
  <div>
    <p class="eyebrow">Workout tracing</p>
    <h1>Traces</h1>
  </div>
</section>

<section class="panel">
  <table>
    <thead>
      <tr>
        <th>Time</th>
        <th>Date</th>
        <th>Action</th>
        <th>Status</th>
        <th>Source</th>
        <th>Clone</th>
      </tr>
    </thead>
    <tbody>
      {% for trace in traces %}
      <tr>
        <td><a href="/traces/{{ trace.id }}">{{ trace.created_at }}</a></td>
        <td>{{ trace.scheduled_date }}</td>
        <td>{{ trace.action }}</td>
        <td><span class="badge">{{ trace.status }}</span></td>
        <td>{{ trace.source_name or "-" }}</td>
        <td>{{ trace.clone_workout_name or "-" }}</td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="empty">No workout traces yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}