{% extends "admin_master/base_admin_master.html" %}
{% block title %}Backup & Pemulihan - Admin Master{% endblock %}

{% block page_header %}
<h5 class="mb-1 fw-bold" style="color: #1f2937; font-size: 1.25rem;">Backup & Pemulihan Data</h5>
<small class="text-muted" style="font-size: 0.85rem;">Cadangkan dan pulihkan database sistem.</small>
{% endblock %}

{% block content %}

<!-- Tombol Aksi -->
<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="db-card text-center">
            <div class="stat-icon green mx-auto mb-3"><i class="fas fa-database"></i></div>
            <h6 class="fw-bold mb-2">Backup Sekarang</h6>
            <p class="text-muted mb-3" style="font-size: 0.8rem;">Buat backup database saat ini dan simpan di server.</p>
            <form action="/admin_master/backup/manual" method="POST">
                <button type="submit" class="btn btn-success btn-sm px-4" onclick="return confirm('Buat backup database sekarang?')">
                    <i class="fas fa-download me-1"></i> Backup
                </button>
            </form>
        </div>
    </div>
    <div class="col-md-4">
        <div class="db-card text-center">
            <div class="stat-icon blue mx-auto mb-3"><i class="fas fa-file-download"></i></div>
            <h6 class="fw-bold mb-2">Backup & Download</h6>
            <p class="text-muted mb-3" style="font-size: 0.8rem;">Buat backup database dan langsung download file-nya.</p>
            <form action="/admin_master/backup/backup_download" method="POST">
                <button type="submit" class="btn btn-primary btn-sm px-4" onclick="return confirm('Buat backup dan download?')">
                    <i class="fas fa-cloud-download-alt me-1"></i> Backup & Download
                </button>
            </form>
        </div>
    </div>
    <div class="col-md-4">
        <div class="db-card text-center">
            <div class="stat-icon amber mx-auto mb-3"><i class="fas fa-info-circle"></i></div>
            <h6 class="fw-bold mb-2">Info Backup</h6>
            <p class="text-muted mb-3" style="font-size: 0.8rem;">
                Total backup: <strong>{{ riwayat|length }}</strong><br>
                Retensi: 7 backup otomatis terakhir
            </p>
        </div>
    </div>
</div>

<!-- Riwayat Backup -->
<div class="section-header">
    <i class="fas fa-history"></i>
    <h6>Riwayat Backup</h6>
</div>

<div class="db-card p-0">
    <div class="table-responsive">
        <table class="table table-master mb-0">
            <thead>
                <tr>
                    <th>Tanggal</th>
                    <th>Nama File</th>
                    <th>Ukuran</th>
                    <th>Jenis</th>
                    <th>Status</th>
                    <th>Admin</th>
                    <th class="text-end">Aksi</th>
                </tr>
            </thead>
            <tbody>
                {% for b in riwayat %}
                <tr>
                    <td style="font-size: 0.82rem; white-space: nowrap;">{{ b.created_at.strftime('%d %b %Y, %H:%M') if b.created_at else '-' }}</td>
                    <td style="font-size: 0.85rem;"><code>{{ b.filename }}</code></td>
                    <td style="font-size: 0.85rem;">{{ "%.1f"|format(b.ukuran / 1024) }} KB</td>
                    <td>
                        {% if b.jenis == 'manual' %}
                        <span class="badge bg-primary bg-opacity-75 rounded-pill" style="font-size: 0.72rem;">Manual</span>
                        {% elif b.jenis == 'otomatis' %}
                        <span class="badge bg-info rounded-pill" style="font-size: 0.72rem;">Otomatis</span>
                        {% elif b.jenis == 'pre_restore' %}
                        <span class="badge bg-warning text-dark rounded-pill" style="font-size: 0.72rem;">Pre-Restore</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if b.status == 'berhasil' %}
                        <span class="badge badge-aktif rounded-pill fw-semibold" style="font-size: 0.72rem;">✓ Berhasil</span>
                        {% else %}
                        <span class="badge badge-nonaktif rounded-pill fw-semibold" style="font-size: 0.72rem;">✗ Gagal</span>
                        {% endif %}
                    </td>
                    <td style="font-size: 0.85rem;">{{ b.admin_username or '-' }}</td>
                    <td class="text-end">
                        <a href="/admin_master/backup/download/{{ b.id }}" class="btn btn-outline-primary btn-sm me-1" title="Download">
                            <i class="fas fa-download"></i>
                        </a>
                        <form action="/admin_master/backup/restore/{{ b.id }}" method="POST" class="d-inline">
                            <button type="submit" class="btn btn-outline-warning btn-sm" title="Restore"
                                onclick="return confirm('RESTORE database dari backup {{ b.filename }}? Backup pre-restore akan dibuat otomatis sebelum restore.')">
                                <i class="fas fa-undo"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
                {% if not riwayat %}
                <tr>
                    <td colspan="7">
                        <div class="empty-state">
                            <i class="fas fa-hdd"></i>
                            <p>Belum ada riwayat backup.</p>
                        </div>
                    </td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}