{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.database_backup'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <h1 class="h3 gradient-text fw-bold mb-2">
            <i class="bi bi-database-check me-2"></i>{{ 'admin.database_backup'|trans }}
        </h1>
        <p class="text-muted mb-0">{{ 'admin.manage_database_backups'|trans }}</p>
    </div>

    <div class="row g-4">
        <div class="col-lg-6">
            <div class="admin-card p-4 h-100">
                <h2 class="h5 fw-bold mb-3">
                    <i class="bi bi-cloud-upload text-primary me-2"></i>{{ 'admin.upload_backup'|trans }}
                </h2>
                {{ form_start(form, { attr: { class: 'd-flex flex-column gap-3' } }) }}
                {{ form_row(form.backup, { label: 'admin.upload_backup_choose_file'|trans, attr: { class: 'form-control' } }) }}
                <button type="submit" class="btn btn-primary align-self-start">
                    <i class="bi bi-cloud-upload me-1"></i>{{ 'admin.upload_backup'|trans }}
                </button>
                {{ form_end(form) }}
            </div>
        </div>

        <div class="col-lg-6">
            <div class="admin-card p-4 h-100">
                <h2 class="h5 fw-bold mb-3">
                    <i class="bi bi-cloud-download text-success me-2"></i>{{ 'admin.download_backup'|trans }}
                </h2>
                {% if downloadLink %}
                    <p class="text-muted small mb-3">{{ 'admin.backup.download_hint'|trans }}</p>
                    <a href="{{ downloadLink }}" class="btn btn-success">
                        <i class="bi bi-cloud-download me-1"></i>{{ 'admin.download_backup'|trans }}
                    </a>
                {% else %}
                    <div class="alert alert-warning mb-0 d-flex align-items-start gap-2">
                        <i class="bi bi-exclamation-triangle flex-shrink-0 mt-1"></i>
                        <span>{{ 'admin.no_backup_available'|trans }}</span>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="admin-card p-4 mt-4 border-danger border-opacity-50">
        <h2 class="h5 fw-bold text-danger mb-2">
            <i class="bi bi-exclamation-octagon me-2"></i>{{ 'admin.reset_database'|trans }}
        </h2>
        <p class="text-muted small mb-3">{{ 'admin.backup.reset_warning'|trans }}</p>
        <form action="{{ path('app_admin_module_database_reset') }}" method="post" id="resetForm">
            <button type="button" class="btn btn-outline-danger" onclick="handleDatabaseReset()">
                <i class="bi bi-exclamation-triangle me-1"></i>{{ 'admin.reset_database'|trans }}
            </button>
        </form>
    </div>
</div>

<script>
    async function handleDatabaseReset() {
        const confirmed = await showConfirm(
            {{ 'admin.backup.reset_confirm_html'|trans|json_encode|raw }},
            {{ 'admin.backup.reset_confirm_title'|trans|json_encode|raw }},
            {
                confirmText: {{ 'admin.backup.reset_confirm_button'|trans|json_encode|raw }},
                confirmClass: 'btn-danger',
                icon: 'bi-exclamation-triangle-fill text-danger'
            }
        );
        if (confirmed) {
            document.getElementById('resetForm').requestSubmit();
        }
    }
</script>
{% endblock %}