{% extends "admin/archivebox_change_form.html" %}
{% load add_preserved_filters from admin_urls %}

{% block extrastyle %}{{ block.super }}
<style>
  .crawl-toolbar-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    height: 34px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
  }
  .crawl-toolbar-status strong { color: #0f172a; }
  .archivebox-toolbar .ab-btn-form { margin: 0; }
</style>
{% endblock %}

{% block toolbar_extras %}
{% if original %}
  <div class="ab-toolbar-group">
    <span class="crawl-toolbar-status" title="Stop reason for this crawl">
      Stop reason:
      {% if crawl_stop_reason %}
        <strong>{{ crawl_stop_reason }}</strong>
      {% else %}
        <strong>none</strong>
      {% endif %}
    </span>
    {% if original.status != "sealed" and not original.is_paused %}
      <form method="post" action="{% url 'admin:crawls_crawl_changelist' %}" class="ab-btn-form">
        {% csrf_token %}
        <input type="hidden" name="action" value="pause_selected_crawls">
        <input type="hidden" name="_selected_action" value="{{ original.pk }}">
        <input type="hidden" name="index" value="0">
        <button type="submit" class="ab-btn ab-btn-warning" title="Pause this crawl">⏸ Pause</button>
      </form>
    {% endif %}
    {% if original.status == "sealed" or original.is_paused %}
      <form method="post" action="{% url 'admin:crawls_crawl_changelist' %}" class="ab-btn-form">
        {% csrf_token %}
        <input type="hidden" name="action" value="resume_selected_crawls">
        <input type="hidden" name="_selected_action" value="{{ original.pk }}">
        <input type="hidden" name="index" value="0">
        <button type="submit" class="ab-btn ab-btn-success" title="Resume this crawl">▶ Resume</button>
      </form>
    {% endif %}
  </div>
{% endif %}
{% endblock %}

{% block content %}
{{ block.super }}
{% if crawl_snapshots_changelist %}
  <div id="snapshots">{{ crawl_snapshots_changelist }}</div>
{% endif %}
{% endblock %}