{% extends 'base.html' %}
{% set title = 'Batches' %}

{% block content %}
  <section class="stack-layout">
    <div class="panel panel-header">
      <div>
        <div class="eyebrow">All batches</div>
        <h1>Credential deliveries</h1>
      </div>
      <a href="{{ url_for('admin.new_batch') }}" class="primary-button">Create batch</a>
    </div>

    <div class="panel">
      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th>Name</th>
              <th>Credentials</th>
              <th>Keys</th>
              <th>Status</th>
              <th>Created</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for batch in batches %}
              <tr>
                <td>
                  <strong>{{ batch.name }}</strong>
                  {% if batch.description %}
                    <div class="table-subtext">{{ batch.description }}</div>
                  {% endif %}
                </td>
                <td>{{ batch.credential_count }}</td>
                <td>{{ batch.access_keys|length }}</td>
                <td><span class="badge badge-{{ 'active' if batch.is_active else 'revoked' }}">{{ 'active' if batch.is_active else 'paused' }}</span></td>
                <td>{{ batch.created_at|datetime_local }}</td>
                <td><a href="{{ url_for('admin.batch_detail', batch_id=batch.id) }}" class="text-link">Open</a></td>
              </tr>
            {% else %}
              <tr>
                <td colspan="6" class="empty-state table-empty">No batches yet.</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </section>
{% endblock %}