{% extends 'base/layout.html' %}
{% load form_helpers %}
{% block title %}Backup and Restore{% endblock %}
{% block content %}
<div class="mx-auto" style="max-width: 960px;">
  <div class="card mb-4">
    <h2 class="card-header h5">Export full plugin backup</h2>
    <div class="card-body">
      <form method="post">{% csrf_token %}<input type="hidden" name="action" value="export">
        {% render_form forms.export %}
        <button class="btn btn-primary" type="submit"><i class="mdi mdi-download" aria-hidden="true"></i> Download full backup</button>
      </form>
    </div>
  </div>
  <div class="card mb-4">
    <h2 class="card-header h5">Import Groups and Services</h2>
    <div class="card-body">
      <p>Updates matching names; skips missing members.</p>
      <form method="post" enctype="multipart/form-data">{% csrf_token %}<input type="hidden" name="action" value="metadata">
        {% render_form forms.metadata %}
        <button class="btn btn-primary" type="submit">Import Groups and Services</button>
      </form>
    </div>
  </div>
  <div class="card mb-4 border-danger">
    <h2 class="card-header h5">Restore full plugin backup</h2>
    <div class="card-body">
      <div class="alert alert-danger" role="alert"><strong>This erases all existing SSL Certificates plugin data.</strong> Back up first. Restored alert settings will become active.</div>
      <p>Use the same plugin version. Maximum upload: 64 MiB.</p>
      <form method="post" enctype="multipart/form-data">{% csrf_token %}<input type="hidden" name="action" value="restore">
        {% render_form forms.restore %}
        <button class="btn btn-danger" type="submit">Replace all plugin data and restore</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}