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

{% block content %}
  <section class="stack-layout">
    <div class="panel panel-header">
      <div>
        <div class="eyebrow">Admin overview</div>
        <h1>Delivery control center</h1>
        <p class="lede">Create batches, issue keys, monitor unlocks, and shut off access fast when needed.</p>
      </div>
      <a href="{{ url_for('admin.new_batch') }}" class="primary-button">Create batch</a>
    </div>

    <div class="stats-grid">
      <div class="stat-card">
        <span class="stat-label">Batches</span>
        <strong class="stat-value">{{ stats.total_batches }}</strong>
      </div>
      <div class="stat-card">
        <span class="stat-label">Active keys</span>
        <strong class="stat-value">{{ stats.active_keys }}</strong>
      </div>
      <div class="stat-card">
        <span class="stat-label">Credentials</span>
        <strong class="stat-value">{{ stats.total_credentials }}</strong>
      </div>
      <div class="stat-card">
        <span class="stat-label">Audit logs</span>
        <strong class="stat-value">{{ stats.total_logs }}</strong>
      </div>
    </div>

    <div class="two-column-grid">
      <div class="panel">
        <div class="panel-heading">
          <div>
            <div class="eyebrow">Recent batches</div>
            <h2>Latest deliveries</h2>
          </div>
          <a href="{{ url_for('admin.list_batches') }}" class="text-link">View all</a>
        </div>
        <div class="list-stack">
          {% for batch in batches %}
            <a href="{{ url_for('admin.batch_detail', batch_id=batch.id) }}" class="list-item">
              <div>
                <strong>{{ batch.name }}</strong>
                <p>{{ batch.credential_count }} credential{% if batch.credential_count != 1 %}s{% endif %}</p>
              </div>
              <span class="badge badge-{{ 'active' if batch.is_active else 'revoked' }}">{{ 'active' if batch.is_active else 'paused' }}</span>
            </a>
          {% else %}
            <p class="empty-state">No batches yet.</p>
          {% endfor %}
        </div>
      </div>

      <div class="panel">
        <div class="panel-heading">
          <div>
            <div class="eyebrow">Recent activity</div>
            <h2>Audit stream</h2>
          </div>
          <a href="{{ url_for('admin.logs') }}" class="text-link">Open logs</a>
        </div>
        <div class="log-stack compact-log-stack">
          {% for entry in logs %}
            <div class="log-row">
              <div>
                <strong>{{ entry.event_type }}</strong>
                <p>{{ entry.created_at|datetime_local }}</p>
              </div>
              <span class="muted-text">{{ entry.ip_address or '-' }}</span>
            </div>
          {% else %}
            <p class="empty-state">No events yet.</p>
          {% endfor %}
        </div>
      </div>
    </div>
  </section>
{% endblock %}