{% extends "base.html" %}

{% block title %}Backup Center{% endblock %}

{% block content %}
<div class="pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2 fw-bold">Backup Center</h1>
    <p class="text-secondary mb-0">Securely download your application files for local archiving or replication.</p>
</div>

<div class="row g-4">
    <!-- SQLite Database Backup -->
    <div class="col-md-4">
        <div class="card glass-card shadow-sm border-0 h-100">
            <div class="card-body d-flex flex-column">
                <div class="mb-3 text-success">
                    <i class="fa-solid fa-database" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="fw-bold">Database Backup</h5>
                <p class="text-secondary small flex-grow-1">Contains all settings logs, statistics history, whitelists, blacklists, and security auditing logs.</p>
                <a href="{{ url_for('download_backup', file_type='database') }}" class="btn btn-success w-100 mt-3">
                    <i class="fa-solid fa-download me-1"></i> Download SQLite DB
                </a>
            </div>
        </div>
    </div>
    
    <!-- JSON Configurations Backup -->
    <div class="col-md-4">
        <div class="card glass-card shadow-sm border-0 h-100">
            <div class="card-body d-flex flex-column">
                <div class="mb-3 text-primary">
                    <i class="fa-solid fa-file-code" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="fw-bold">Configuration JSON</h5>
                <p class="text-secondary small flex-grow-1">Contains the global parameters, SMTP credentials, layout attributes, site settings, and bot delays.</p>
                <a href="{{ url_for('download_backup', file_type='config') }}" class="btn btn-primary w-100 mt-3">
                    <i class="fa-solid fa-download me-1"></i> Download config.json
                </a>
            </div>
        </div>
    </div>
    
    <!-- Telegram Session Backup -->
    <div class="col-md-4">
        <div class="card glass-card shadow-sm border-0 h-100">
            <div class="card-body d-flex flex-column">
                <div class="mb-3 text-warning">
                    <i class="fa-brands fa-telegram" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="fw-bold">Telegram Session</h5>
                <p class="text-secondary small flex-grow-1">Contains the binary crypt session tokens for your Telethon User Client. Keep this file highly secure!</p>
                <a href="{{ url_for('download_backup', file_type='session') }}" class="btn btn-warning w-100 mt-3">
                    <i class="fa-solid fa-download me-1"></i> Download session.session
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-12">
        <div class="alert alert-info border-0 shadow-sm">
            <i class="fa-solid fa-circle-info me-2"></i>
            <strong>Restore Tip:</strong> To restore a backup, simply upload the downloaded files back to their respective folders (<code>database/database.db</code>, <code>config/config.json</code>, or <code>sessions/telegram_session.session</code>) on your server and restart the application.
        </div>
    </div>
</div>
{% endblock %}