{% extends "base.html" %}

{% block title %}백업 관리 - First Garden POS{% endblock %}

{% block extra_css %}
<link href="{{ url_for('static', filename='css/backup.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
<div class="tab-pane fade show active" id="backup-panel" role="tabpanel">
    <div style="display: flex; gap: 10px; margin-bottom: 20px;">
        <button class="btn btn-success btn-custom" onclick="createBackup()">
            <i class="bi bi-plus-circle"></i> 새 백업 생성
        </button>
        <button class="btn btn-info btn-custom" onclick="loadBackupList()">
            <i class="bi bi-arrow-clockwise"></i> 새로고침
        </button>
    </div>
    
    <!-- 백업 목록 -->
    <div id="backup-list"></div>
</div>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/backup.js') }}"></script>
<script>
    // 백업 관리 UI 초기화
    document.addEventListener('DOMContentLoaded', function() {
        loadBackupList();
    });
</script>
{% endblock %}