{% extends "base.html" %}
{% import "partials/macros.html" as m %}
{% block title %}Backup & Restore -- ProducerOS{% endblock %}
{% block page_heading %}Backup & Restore{% endblock %}
{% block content %}
<div class="panel">
  <p>Backups copy your ProducerOS database (projects, rights, releases, everything except audio files themselves -- those stay on disk and are referenced by path). Restoring always makes a safety copy of your current database first.</p>
  <div class="btn-group">
    <form method="post" action="/backup/create">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <button type="submit" class="btn btn-primary">Create backup now</button>
    </form>
    <a class="btn" href="/backup/export/metadata.json">Export metadata (JSON)</a>
    <a class="btn" href="/backup/export/audio-manifest.json">Export audio-path manifest</a>
  </div>
</div>

<div class="panel">
  <h2>Backup history</h2>
  {% for b in backups %}
  <div class="record-card">
    <div class="flex justify-between items-center">
      <span>{{ b.created_at.strftime("%Y-%m-%d %H:%M") }} UTC &middot; {{ (b.size_bytes / 1024 / 1024)|round(2) }} MB</span>
      {% if b.verified %}{{ m.checklist_badge("passed") }}{% else %}<span class="badge badge-neutral">Not verified</span>{% endif %}
    </div>
    <div class="layout-8 btn-group">
      <form method="post" action="/backup/{{ b.id }}/verify">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-sm">Verify</button>
      </form>
      <form method="post" action="/backup/{{ b.id }}/restore-dry-run" data-backup-dry-run="{{ b.id }}"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button type="submit" class="btn btn-sm">Restore dry run</button></form>
      <form method="post" action="/backup/{{ b.id }}/restore-confirm" data-confirm="This will replace your current database with this backup. A safety copy of the current database will be made first. Continue?">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <input type="hidden" name="confirm" value="yes">
        <button type="submit" class="btn btn-sm btn-danger">Restore this backup</button>
      </form>
    </div>
    <pre class="dry-run-result" hidden id="dry-run-{{ b.id }}"></pre>
  </div>
  {% else %}<p class="empty-state">No backups yet.</p>{% endfor %}
</div>
{% endblock %}