{% extends "base.html" %}
{% block content %}
<div class="page-header">
    <h1>Backups: {{ instance_name }}</h1>
    <div class="actions">
        <form action="/instances/{{ instance_id }}/backups/create" method="post" style="display:inline">
            <button type="submit" class="btn-ok">Create Backup</button>
        </form>
        <a href="/instances" class="btn">Back to Instances</a>
    </div>
</div>

{% if backups.is_empty() %}
    <div class="card card-muted">
        <p>No backups yet. Create one to safeguard your world.</p>
    </div>
{% else %}
    <table class="table">
        <thead>
            <tr>
                <th>Filename</th>
                <th>Created</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for backup in backups %}
            <tr>
                <td>{{ backup.filename }}</td>
                <td>{{ backup.created_at }}</td>
                <td>
                    <a href="/backups/{{ backup.id }}/download" class="btn-sm" hx-boost="false">Download</a>
                    <form action="/backups/{{ backup.id }}/restore" method="post" style="display:inline">
                        <button type="submit" class="btn-sm btn-ok">Restore</button>
                    </form>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endif %}
{% endblock %}