{% extends "admin/base_admin.html" %}

{% block title %}مدیریت بک‌آپ | {{ site_name }}{% endblock %}

{% block admin_content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3">
            <i class="fas fa-database text-primary me-2"></i>
            مدیریت بک‌آپ
        </h1>
        <form method="POST" action="{{ url_for('admin_backup_create') }}" class="d-inline">
            <button type="submit" name="backup_type" value="full" class="btn btn-primary">
                <i class="fas fa-plus me-2"></i> بک‌آپ جدید
            </button>
        </form>
    </div>

    <!-- ===== اطلاعات بک‌آپ ===== -->
    <div class="row g-4 mb-4">
        <div class="col-md-4">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <div style="font-size: 32px; color: var(--primary);"><i class="fas fa-database"></i></div>
                    <div class="h4 mb-0">{{ backups|length|persian_number }}</div>
                    <div class="text-muted small">تعداد بک‌آپ‌ها</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <div style="font-size: 32px; color: var(--success);"><i class="fas fa-clock"></i></div>
                    <div class="h4 mb-0">
                        {% if backups %}
                            {{ backups[0].created_at|jalali_date }}
                        {% else %}
                            -
                        {% endif %}
                    </div>
                    <div class="text-muted small">آخرین بک‌آپ</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <div style="font-size: 32px; color: var(--info);"><i class="fas fa-hdd"></i></div>
                    <div class="h4 mb-0">
                        {% if backups %}
                            {{ (backups|sum(attribute='file_size') / 1024)|round(1)|persian_number }} MB
                        {% else %}
                            ۰
                        {% endif %}
                    </div>
                    <div class="text-muted small">حجم کل بک‌آپ‌ها</div>
                </div>
            </div>
        </div>
    </div>

    <!-- ===== لیست بک‌آپ‌ها ===== -->
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white py-3">
            <h5 class="mb-0"><i class="fas fa-list me-2"></i> لیست بک‌آپ‌ها</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>نام فایل</th>
                            <th>نوع</th>
                            <th>حجم</th>
                            <th>تاریخ ایجاد</th>
                            <th>عملیات</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for backup in backups %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>
                                    <strong>{{ backup.file_name }}</strong>
                                    {% if backup.description %}
                                        <br>
                                        <small class="text-muted">{{ backup.description }}</small>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if backup.backup_type == 'full' %}
                                        <span class="badge bg-primary">کامل</span>
                                    {% elif backup.backup_type == 'database' %}
                                        <span class="badge bg-info">دیتابیس</span>
                                    {% else %}
                                        <span class="badge bg-secondary">{{ backup.backup_type }}</span>
                                    {% endif %}
                                </td>
                                <td>{{ (backup.file_size / 1024)|round(1)|persian_number }} KB</td>
                                <td>{{ backup.created_at|jalali_date_full }}</td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for('admin_backup_download', backup_id=backup.id) }}" class="btn btn-outline-success">
                                            <i class="fas fa-download"></i>
                                        </a>
                                        <button class="btn btn-outline-danger" onclick="deleteBackup({{ backup.id }})">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="6" class="text-center py-4">
                                    <i class="fas fa-database fa-2x text-muted d-block mb-2"></i>
                                    <p class="text-muted">هیچ بک‌آپی ایجاد نشده است</p>
                                    <form method="POST" action="{{ url_for('admin_backup_create') }}" class="d-inline">
                                        <button type="submit" name="backup_type" value="full" class="btn btn-primary">
                                            <i class="fas fa-plus me-2"></i> ایجاد اولین بک‌آپ
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- ===== بازیابی ===== -->
    <div class="card shadow-sm border-0 mt-4">
        <div class="card-header bg-white py-3">
            <h5 class="mb-0"><i class="fas fa-undo me-2"></i> بازیابی بک‌آپ</h5>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ url_for('admin_backup_restore') }}" enctype="multipart/form-data">
                <div class="row g-3">
                    <div class="col-md-8">
                        <input type="file" name="backup_file" class="form-control" accept=".json" required>
                        <small class="text-muted">فایل بک‌آپ با فرمت JSON را انتخاب کنید</small>
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-warning w-100">
                            <i class="fas fa-undo me-2"></i> بازیابی
                        </button>
                    </div>
                </div>
            </form>
            <div class="alert alert-danger mt-3">
                <i class="fas fa-exclamation-triangle me-2"></i>
                <strong>توجه:</strong> بازیابی بک‌آپ تمام داده‌های فعلی را حذف و با داده‌های بک‌آپ جایگزین می‌کند!
            </div>
        </div>
    </div>
</div>

<script>
function deleteBackup(id) {
    if (confirm('آیا از حذف این بک‌آپ مطمئن هستید؟')) {
        fetch(`/admin/backup/delete/${id}`, {
            method: 'POST',
            headers: {
                'X-CSRFToken': '{{ csrf_token }}'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.status === 'success') {
                location.reload();
            } else {
                alert(data.message);
            }
        })
        .catch(() => alert('خطا در حذف بک‌آپ'));
    }
}
</script>
{% endblock %}