{% extends "django_recovery/base.html" %}

{% block content %}
<h1>Recovery — Database Backups</h1>

{% if message %}
  <div class="recovery-banner info">{{ message }}</div>
{% endif %}
{% if error %}
  <div class="recovery-banner error">{{ error }}</div>
{% endif %}

<div class="recovery-actions">
  <form method="post" action="{% url 'recovery:start_backup' %}">
    {% csrf_token %}
    <button type="submit"{% if active %} disabled{% endif %}>Backup now</button>
    {% if active %}<span>A job is currently running…</span>{% endif %}
  </form>
</div>

<h2>Snapshots</h2>
<table class="recovery">
  <thead>
    <tr>
      <th>Snapshot</th>
      <th>Time</th>
      <th>Tags</th>
      <th>Paths</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for snapshot in snapshots %}
    <tr data-id="{{ snapshot.id }}">
      <td>{{ snapshot.short_id }}</td>
      <td>{{ snapshot.time }}</td>
      <td>{{ snapshot.tags|join:", " }}</td>
      <td>{{ snapshot.paths|join:", " }}</td>
      <td>
        <details class="recovery-drop">
          <summary>Restore…</summary>
          <form method="post" action="{% url 'recovery:start_restore' %}">
            {% csrf_token %}
            <input type="hidden" name="snapshot_id" value="{{ snapshot.short_id }}">
            <label>
              Database
              <select name="database">
                {% for db in databases %}
                <option value="{{ db }}">{{ db }}</option>
                {% endfor %}
              </select>
            </label>
            <label>
              Confirm
              <input type="text" name="confirm_alias"
                     placeholder="type database name to confirm">
            </label>
            <p class="recovery-warning">This OVERWRITES the selected database.</p>
            <button type="submit">Restore</button>
          </form>
        </details>
        <details class="recovery-drop">
          <summary>Remove…</summary>
          <form method="post" action="{% url 'recovery:start_remove' %}">
            {% csrf_token %}
            <input type="hidden" name="snapshot_id" value="{{ snapshot.short_id }}">
            <label>
              <input type="checkbox" name="confirm"> Confirm removal
            </label>
            <p class="recovery-warning">Permanently deletes this snapshot.</p>
            <button type="submit">Remove</button>
          </form>
        </details>
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="5">No snapshots yet.</td></tr>
    {% endfor %}
  </tbody>
</table>

<h2>Recent jobs</h2>
<table class="recovery">
  <thead>
    <tr>
      <th>Job</th>
      <th>Status</th>
      <th>Database</th>
      <th>Created</th>
      <th>Link</th>
    </tr>
  </thead>
  <tbody>
    {% for job in recent_jobs %}
    <tr>
      <td>#{{ job.pk }} {{ job.job_type }}</td>
      <td><span class="badge badge-{{ job.status }}">{{ job.get_status_display }}</span></td>
      <td>{{ job.database_alias }}</td>
      <td>{{ job.created_at }}</td>
      <td><a href="{% url 'recovery:job_detail' job.pk %}">view</a></td>
    </tr>
    {% empty %}
    <tr><td colspan="5">No jobs yet.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}