{% extends "base.html" %}
{% block title %}Danger Zone · {{ app_name }}{% endblock %}
{% block body %}
{% include "_nav.html" %}
<main class="container">
  <h1>Danger Zone</h1>

  <div class="card" style="border: 1px solid var(--color-danger, #c00)">
    <h2>Purge database</h2>
    <p>
      Permanently deletes every part, attachment point, fit, and imported
      part in the database — manufacturers, scope models, ISO/UNC threads,
      clamp/static connections, attachment point names, augmented parts,
      scope info, attachment points, fits, fit notes, and imported parts.
    </p>
    <p>
      <strong>Not</strong> deleted: users, roles &amp; permissions, refresh
      tokens, the audit log, the OData connection configuration, and part
      taxonomy (part colours, part types, sub part types).
    </p>
    <p class="muted">This cannot be undone. Take a database backup first if you might need this data again.</p>
    <button class="btn btn-danger"
            hx-post="/admin/danger-zone/purge"
            hx-target="#purge-result"
            hx-swap="innerHTML"
            hx-confirm="This will PERMANENTLY delete all parts, taxonomy, attachment points, fits, and imported parts. Users and the OData configuration are kept. This cannot be undone. Continue?">
      Purge all part/fit data
    </button>
    <div id="purge-result" style="margin-top:1rem"></div>
  </div>
</main>
{% endblock %}