{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}System Backup{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/backup.css">
{% endblock %}
{% block content %}
<h1>Gvelo Enterprise Platform Backup System</h1>

<div class="box">

    <form method="POST" action="/backup/create" class="hil-inline-cccfa4560d">
        <button type="submit">Create Backup</button>
    </form>

    <h3>Available Backups</h3>

    {% for file in files %}
        <p>
            {{ file }}
            <a href="/backup/download/{{ file }}" class="btn">Download</a>
            {% if file.lower().endswith('.db') or file.lower().endswith('.sqlite') %}
            <form method="POST" action="/backup/restore/{{ file }}" onsubmit="return confirm('A safety backup will be created first. Restore this database backup?');" class="hil-inline-cccfa4560d">
                <button type="submit">Restore</button>
            </form>
            {% endif %}
        </p>
    {% endfor %}

</div>
{% endblock %}