{% extends "settings_base.html" %}
{% import "_icons.html" as icons %}
{% block settings_content %}
<section class="settings-grid v05-grid">
  <article class="card">
    <div class="card-header"><div><h2>Storage Stats</h2><p>Current database and request-record range.</p></div></div>
    <div class="stat-list" data-settings-storage>
      <div><span>Status</span><strong>Loading storage data…</strong></div>
    </div>
    <p class="muted" data-settings-database-path></p>
  </article>

  <form class="card danger-zone form-card" method="post" action="/admin/trim" data-settings-action="trim">
    <div class="card-header"><div><h2>Data Retention</h2><p>Delete captured rows older than the selected retention window.</p></div></div>
    <div class="form-grid two-col">
      <label class="form-field"><span>Retain days</span><input name="days" value="{{ days }}" min="1" max="3650" type="number" required></label>
      <label class="check switch-line"><input type="checkbox" name="confirm" value="yes" required data-enable-danger><span>I understand this permanently deletes older records</span></label>
    </div>
    <p class="muted" data-settings-retention-preview>Older than {{ days }} days: {{ trim_count }} rows will be deleted.</p>
    <div class="button-row"><button class="button danger" type="submit" data-danger-submit>{{ icons.icon("trash", class_name="button-icon") }}<span>Trim records</span></button><button class="button ghost" type="button" data-settings-refresh>Refresh count</button></div>
    <p class="form-message" data-form-message aria-live="polite"></p>
  </form>

  <article class="card">
    <div class="card-header"><div><h2>Export Options</h2><p>Reserved for future snapshot/export workflows.</p></div></div>
    <p class="muted">The proxy remains record-only. Export controls will be added separately.</p>
  </article>
</section>
{% endblock %}