@extends('layouts.admin')

@section('title', 'Pengaturan Backup')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Pengaturan Backup</h2>
</div>

<x-alert />

<div class="row g-4">

    {{-- Backup --}}
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header"><i class="bi bi-download me-1"></i>Backup Data</div>
            <div class="card-body">
                <p class="text-muted small">Pilih modul, lalu klik Backup. File SQL akan otomatis terunduh.</p>
                <form method="POST" action="{{ route('backup.create') }}" id="backupForm">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Pilih modul yang akan di-backup:</label>
                        <div class="row g-2">
                            @foreach($modules as $key => $mod)
                            <div class="col-md-6">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="modules[]" value="{{ $key }}" id="backup_{{ $key }}">
                                    <label class="form-check-label" for="backup_{{ $key }}">{{ $mod['label'] }}</label>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="mb-3">
                        <button type="button" class="btn btn-sm btn-outline-secondary" onclick="document.getElementById('backupForm').querySelectorAll('input[name=\'modules[]\']').forEach(cb => cb.checked=true)">Pilih Semua</button>
                        <button type="button" class="btn btn-sm btn-outline-secondary" onclick="document.getElementById('backupForm').querySelectorAll('input[name=\'modules[]\']').forEach(cb => cb.checked=false)">Hapus Pilihan</button>
                    </div>
                    <button type="submit" class="btn btn-primary"><i class="bi bi-download me-1"></i>Backup & Download SQL</button>
                </form>
            </div>
        </div>
    </div>

    {{-- Restore --}}
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header"><i class="bi bi-upload me-1"></i>Restore Data</div>
            <div class="card-body">
                <p class="text-muted small">Unggah file backup (.sql) hasil unduhan dari menu Backup Data untuk mengembalikan data.</p>
                <form method="POST" action="{{ route('backup.restore') }}" enctype="multipart/form-data" onsubmit="return confirm('Yakin akan merestore data? Data yang ada saat ini akan diganti dengan data backup.')">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">File backup (.sql):</label>
                        <input type="file" name="backup_file" class="form-control" accept=".sql" required>
                    </div>
                    <button type="submit" class="btn btn-warning text-white"><i class="bi bi-upload me-1"></i>Restore</button>
                </form>
            </div>
        </div>

        {{-- Delete Backup File --}}
        <div class="card mt-4">
            <div class="card-header"><i class="bi bi-trash me-1"></i>Hapus File Backup</div>
            <div class="card-body">
                @if($backups->isEmpty())
                    <p class="text-muted mb-0">Belum ada file backup.</p>
                @else
                <form method="POST" action="{{ route('backup.destroy') }}" onsubmit="return confirm('Yakin menghapus file backup ini?')">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Pilih file backup:</label>
                        <select name="backup_file" class="form-select" required>
                            @foreach($backups as $b)
                            <option value="{{ $b['path'] }}">{{ $b['name'] }} ({{ number_format($b['size'] / 1024, 1) }} KB - {{ date('d/m/Y H:i', $b['date']) }})</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="btn btn-danger"><i class="bi bi-trash me-1"></i>Hapus</button>
                </form>
                @endif
            </div>
        </div>
    </div>

    {{-- Hapus Data --}}
    <div class="col-12">
        <div class="card border-danger">
            <div class="card-header text-danger"><i class="bi bi-exclamation-triangle me-1"></i>Hapus Data per Modul</div>
            <div class="card-body">
                <p class="text-muted small">Pilih modul yang datanya akan dihapus <strong>secara permanen</strong>. Tindakan ini tidak dapat dibatalkan.</p>
                <form method="POST" action="{{ route('backup.delete-data') }}" id="deleteForm" onsubmit="return confirm('PERINGATAN: Semua data pada modul terpilih akan dihapus permanen. Lanjutkan?')">
                    @csrf
                    <div class="row g-2 mb-3">
                        @foreach($modules as $key => $mod)
                        <div class="col-md-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="modules[]" value="{{ $key }}" id="del_{{ $key }}">
                                <label class="form-check-label" for="del_{{ $key }}">{{ $mod['label'] }}</label>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <button type="button" class="btn btn-sm btn-outline-secondary" onclick="document.getElementById('deleteForm').querySelectorAll('input[name=\'modules[]\']').forEach(cb => cb.checked=true)">Pilih Semua</button>
                    <button type="button" class="btn btn-sm btn-outline-secondary" onclick="document.getElementById('deleteForm').querySelectorAll('input[name=\'modules[]\']').forEach(cb => cb.checked=false)">Hapus Pilihan</button>
                    <button type="submit" class="btn btn-danger"><i class="bi bi-trash me-1"></i>Hapus Data</button>
                </form>
            </div>
        </div>
    </div>

</div>
@endsection