{% extends 'base.html' %}
{% set title = batch.name %}

{% block content %}
  <section class="stack-layout">
    <div class="panel panel-header">
      <div>
        <div class="eyebrow">Batch detail</div>
        <h1>{{ batch.name }}</h1>
        {% if batch.description %}
          <p class="lede">{{ batch.description }}</p>
        {% endif %}
      </div>
      <div class="action-row">
        <span class="badge badge-{{ 'active' if batch.is_active else 'revoked' }}">{{ 'active' if batch.is_active else 'paused' }}</span>
        <form method="post" action="{{ url_for('admin.toggle_batch', batch_id=batch.id) }}" class="inline-form">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="ghost-button">{{ 'Pause batch' if batch.is_active else 'Resume batch' }}</button>
        </form>
      </div>
    </div>

    {% if generated_keys %}
      <div class="panel accent-panel">
        <div class="panel-heading">
          <div>
            <div class="eyebrow">Save now</div>
            <h2>Generated keys</h2>
          </div>
          <div class="action-row">
            <button type="button" class="secondary-button" data-copy-target="#generated-keys">Copy keys</button>
            <button
              type="button"
              class="ghost-button"
              data-download-target="#generated-keys"
              data-download-name="batch-{{ batch.id }}-keys.txt"
            >Download .txt</button>
          </div>
        </div>
        <p class="lede">Raw key values are only shown in this response. Store or deliver them now.</p>
        <textarea id="generated-keys" class="generated-box" rows="{{ [generated_keys|length, 5]|max }}">{{ generated_keys|join('\n') }}</textarea>
      </div>
    {% endif %}

    <div class="two-column-grid detail-grid">
      <div class="panel">
        <div class="panel-heading">
          <div>
            <div class="eyebrow">Credentials</div>
            <h2>{{ credentials|length }} item{% if credentials|length != 1 %}s{% endif %}</h2>
          </div>
          <button type="button" class="secondary-button" data-copy-target="#admin-all-credentials">Copy all</button>
        </div>
        <textarea id="admin-all-credentials" class="sr-only">{{ credentials|join('\n') }}</textarea>
        <div class="credential-stack compact-credentials">
          {% for credential in credentials %}
            <div class="credential-row">
              <code class="credential-value">{{ credential }}</code>
              <button type="button" class="icon-button" data-copy-previous>Copy</button>
            </div>
          {% endfor %}
        </div>
      </div>

      <div class="panel">
        <div class="panel-heading">
          <div>
            <div class="eyebrow">Generate more</div>
            <h2>Issue extra customer keys</h2>
          </div>
        </div>
        <form method="post" action="{{ url_for('admin.generate_keys', batch_id=batch.id) }}" class="stack-form">
          {{ generate_form.hidden_tag() }}
          <div class="field-group">
            {{ generate_form.count.label(class_='field-label') }}
            {{ generate_form.count(class_='field-input', placeholder='5') }}
            {% for error in generate_form.count.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          <div class="field-group">
            {{ generate_form.expires_at.label(class_='field-label') }}
            {{ generate_form.expires_at(class_='field-input') }}
            {% for error in generate_form.expires_at.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          <div class="field-group">
            {{ generate_form.max_views.label(class_='field-label') }}
            {{ generate_form.max_views(class_='field-input', placeholder='Blank = unlimited') }}
            {% for error in generate_form.max_views.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          <div class="field-group">
            {{ generate_form.key_notes.label(class_='field-label') }}
            {{ generate_form.key_notes(class_='field-input', placeholder='Internal note') }}
            {% for error in generate_form.key_notes.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          {{ generate_form.submit(class_='primary-button') }}
        </form>
      </div>
    </div>

    <div class="panel">
      <div class="panel-heading">
        <div>
          <div class="eyebrow">Access keys</div>
          <h2>{{ batch.access_keys|length }} key{% if batch.access_keys|length != 1 %}s{% endif %}</h2>
        </div>
      </div>
      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th>Key hint</th>
              <th>Status</th>
              <th>Views</th>
              <th>Expires</th>
              <th>Last used</th>
              <th>Notes</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for key in batch.access_keys %}
              <tr>
                <td><code>{{ key.key_hint }}</code></td>
                <td><span class="badge badge-{{ key.status|replace(' ', '-') }}">{{ key.status }}</span></td>
                <td>{{ key.view_count }}{% if key.max_views %} / {{ key.max_views }}{% else %} / unlimited{% endif %}</td>
                <td>{{ key.expires_at|datetime_local }}</td>
                <td>{{ key.last_used_at|datetime_local }}</td>
                <td>{{ key.notes or '-' }}</td>
                <td>
                  {% if key.revoked_at is none %}
                    <form method="post" action="{{ url_for('admin.revoke_key', key_id=key.id) }}" class="inline-form">
                      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                      <button type="submit" class="ghost-button small-button">Revoke</button>
                    </form>
                  {% else %}
                    <span class="muted-text">Closed</span>
                  {% endif %}
                </td>
              </tr>
            {% else %}
              <tr>
                <td colspan="7" class="empty-state table-empty">No keys found for this batch.</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <div class="panel">
      <div class="panel-heading">
        <div>
          <div class="eyebrow">Batch activity</div>
          <h2>Recent log entries</h2>
        </div>
      </div>
      <div class="log-stack">
        {% for entry in recent_logs %}
          <div class="log-row">
            <div>
              <strong>{{ entry.event_type }}</strong>
              <p>{{ entry.created_at|datetime_local }}</p>
            </div>
            <div class="log-meta">
              <span>{{ entry.ip_address or '-' }}</span>
              <span>{{ entry.detail or '-' }}</span>
            </div>
          </div>
        {% else %}
          <p class="empty-state">No activity for this batch yet.</p>
        {% endfor %}
      </div>
    </div>
  </section>
{% endblock %}