{% extends "admin/base.html" %}
{% block title %}Attachments · bragi admin{% endblock %}
{% block content %}
<section class="rendition-status-panel">
  <div class="rendition-counts">
    <span class="rendition-count rendition-count--pending">
      Pending: <strong>{{ pending_rendition_count }}</strong>
    </span>
    <span class="rendition-count rendition-count--done">
      Done: <strong>{{ done_rendition_count }}</strong>
    </span>
    {% if failed_rendition_count > 0 %}
    <span class="rendition-count rendition-count--failed">
      Failed: <strong>{{ failed_rendition_count }}</strong>
    </span>
    {% endif %}
  </div>
  <form method="post"
        action="{{ url_for('attachment_admin.regenerate_missing', site_slug=request.view_args['site_slug']) }}"
        style="display: inline;">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    <button type="submit">Generate missing renditions</button>
  </form>
  {% if failed_rendition_count > 0 %}
  <form method="post"
        action="{{ url_for('attachment_admin.retry_failed', site_slug=request.view_args['site_slug']) }}"
        style="display: inline;">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    <button type="submit">Retry failed</button>
  </form>
  {% endif %}
  {# Destructive: drops every rendition row and re-enqueues from
     scratch. The JS confirm() guards a misclick; the server view
     trusts the POST is intentional. #}
  <form method="post"
        action="{{ url_for('attachment_admin.regenerate_all', site_slug=request.view_args['site_slug']) }}"
        style="display: inline;"
        onsubmit="return confirm('Regenerate ALL renditions for this site? Existing rendition rows will be dropped and re-queued.');">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    <button type="submit" class="btn secondary">Regenerate all renditions</button>
  </form>
</section>
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;">
  <h1 style="margin: 0;">Attachments</h1>
  <a href="{{ url_for('attachment_admin.upload_attachment') }}" class="btn">Upload</a>
  {% if missing_alt %}
    <a href="{{ url_for('attachment_admin.list_attachments') }}" class="btn secondary">
      All attachments
    </a>
  {% elif missing_alt_count > 0 %}
    <a href="{{ url_for('attachment_admin.list_attachments', missing_alt='1') }}"
       class="btn secondary">
      Images missing alt text ({{ missing_alt_count }})
    </a>
  {% endif %}
</div>

{% if missing_alt %}
  <p>
    {% if rows %}
      Fill in alt text inline. Each save updates the row without
      leaving this page.
    {% else %}
      All images on this site have alt text. Nothing to do here.
    {% endif %}
  </p>
{% endif %}

{% if rows %}
<table>
  <thead>
    <tr>
      <th></th>{# thumbnail column #}
      <th>Filename</th>
      <th>Type</th>
      {% if missing_alt %}
        <th colspan="2">Alt text</th>
      {% else %}
        <th>Size</th>
        <th>Uploaded</th>
      {% endif %}
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for r in rows %}
      {% include "admin/_attachment_row.html" %}
    {% endfor %}
  </tbody>
</table>

<nav style="margin-top: 1rem; display: flex; gap: 1rem; align-items: center;">
  {% if page > 1 %}
    <a href="{{ url_for('attachment_admin.list_attachments', site_slug=request.view_args['site_slug'], page=page - 1, missing_alt='1' if missing_alt else none) }}">← Previous</a>
  {% else %}
    <span style="opacity: 0.5;">← Previous</span>
  {% endif %}
  <span>Page {{ page }}</span>
  {% if has_more %}
    <a href="{{ url_for('attachment_admin.list_attachments', site_slug=request.view_args['site_slug'], page=page + 1, missing_alt='1' if missing_alt else none) }}">Next →</a>
  {% else %}
    <span style="opacity: 0.5;">Next →</span>
  {% endif %}
</nav>
{% else %}
  {% if not missing_alt %}
    <p>No attachments yet. <a href="{{ url_for('attachment_admin.upload_attachment') }}">Upload one.</a></p>
  {% endif %}
{% endif %}
{% endblock %}