{% extends "base.html" %}
{% block title %}بکاپ و بازیابی{% endblock %}

{% block content %}
<div class="page-header d-flex justify-content-between align-items-center">
    <h3><i class="bi bi-cloud-download"></i> بکاپ و بازیابی</h3>
    <form method="POST" action="{{ url_for('backup_create') }}" style="display:inline;">
        {{ csrf_field() }}
        <button type="submit" class="btn btn-success">
            <i class="bi bi-plus-lg"></i> ایجاد بکاپ جدید
        </button>
    </form>
</div>

<!-- Backups List -->
<div class="card card-dark mb-4">
    <div class="card-header"><i class="bi bi-folder2-open"></i> بکاپ‌های موجود</div>
    <div class="card-body">
        {% if backups %}
        <div class="table-responsive">
            <table class="table table-dark align-middle mb-0">
                <thead>
                    <tr>
                        <th>فایل</th>
                        <th>حجم</th>
                        <th>تاریخ ایجاد</th>
                        <th class="text-center">عملیات</th>
                    </tr>
                </thead>
                <tbody>
                    {% for b in backups %}
                    <tr>
                        <td>
                            <i class="bi bi-file-earmark-zip text-primary"></i>
                            {{ b.name }}
                        </td>
                        <td>{{ b.size }}</td>
                        <td>{{ b.date }}</td>
                        <td class="text-center">
                            <a href="{{ url_for('backup_download', filename=b.name) }}" class="btn btn-sm btn-outline-primary me-1">
                                <i class="bi bi-download"></i> دانلود
                            </a>
                            <form method="POST" action="{{ url_for('backup_delete', filename=b.name) }}" style="display:inline;" onsubmit="return confirm('آیا از حذف این بکاپ مطمئن هستید؟');">
                                {{ csrf_field() }}
                                <button type="submit" class="btn btn-sm btn-outline-danger">
                                    <i class="bi bi-trash"></i> حذف
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="text-center text-muted py-4">
            <i class="bi bi-inbox" style="font-size: 48px;"></i>
            <p class="mt-2">هیچ بکاپی موجود نیست</p>
        </div>
        {% endif %}
    </div>
</div>

<!-- Restore from Upload -->
<div class="card card-dark">
    <div class="card-header"><i class="bi bi-cloud-upload"></i> بازیابی از فایل بکاپ</div>
    <div class="card-body">
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle"></i>
            <strong>توجه:</strong> بازیابی بکاپ، تمام اطلاعات فعلی ربات (کاربران، کانفیگ‌ها، رسیدها، تنظیمات) را با اطلاعات موجود در بکاپ جایگزین می‌کند. این عمل قابل بازگشت نیست!
        </div>
        <form method="POST" action="{{ url_for('backup_restore') }}" enctype="multipart/form-data" id="restoreForm">
            {{ csrf_field() }}
            <div class="mb-3">
                <label class="form-label">فایل بکاپ (.tar.gz) را انتخاب کنید:</label>
                <input type="file" name="backup_file" class="form-control" accept=".tar.gz,.gz" required id="backupFile">
            </div>
            <button type="submit" class="btn btn-warning" id="restoreBtn" onclick="return confirm('آیا مطمئن هستید؟ تمام اطلاعات فعلی جایگزین خواهد شد!');">
                <i class="bi bi-arrow-counterclockwise"></i> بازیابی
            </button>
        </form>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
document.getElementById('restoreForm').addEventListener('submit', function(e) {
    var btn = document.getElementById('restoreBtn');
    btn.disabled = true;
    btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span> در حال بازیابی...';
});
</script>
{% endblock %}