@extends('layouts.app')
@section('title', 'Backup Management')
@section('breadcrumbs')
<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li><li class="breadcrumb-item"><a href="#">Administration</a></li><li class="breadcrumb-item active">Backup</li></ol></nav>
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">Backup Management</h1><p class="text-muted mb-0">Database backup and restore</p></div>
    <div class="d-flex gap-2">
        <button class="btn btn-outline-primary" id="scheduleBtn"><i class="bi bi-clock me-1"></i>Schedule</button>
        <button class="btn btn-danger" id="backupNowBtn"><i class="bi bi-download me-1"></i>Backup Now</button>
    </div>
</div>
<div class="row g-4">
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body text-center py-5">
                <i class="bi bi-hdd-stack text-primary" style="font-size:3rem;"></i>
                <h5 class="mt-3 fw-semibold">Database Status</h5>
                <p class="text-muted">Last backup: {{ $lastBackup ?? 'Never' }}</p>
                <div class="d-flex justify-content-center gap-2 mt-3">
                    <span class="badge bg-success-subtle text-success px-3 py-2">Healthy</span>
                    <span class="badge bg-info-subtle text-info px-3 py-2">{{ number_format($dbSize ?? 0, 2) }} MB</span>
                </div>
            </div>
        </div>
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white py-3"><h6 class="mb-0 fw-semibold">Backup Schedule</h6></div>
            <div class="card-body">
                <div class="form-check form-switch mb-2"><input class="form-check-input" type="checkbox" checked id="dailyBackup"><label class="form-check-label" for="dailyBackup">Daily at 2:00 AM</label></div>
                <div class="form-check form-switch mb-2"><input class="form-check-input" type="checkbox" id="weeklyBackup"><label class="form-check-label" for="weeklyBackup">Weekly (Sunday)</label></div>
                <div class="form-check form-switch"><input class="form-check-input" type="checkbox" id="monthlyBackup"><label class="form-check-label" for="monthlyBackup">Monthly (1st)</label></div>
                <div class="mt-3"><label class="form-label small fw-medium">Retain backups (days)</label><input type="number" class="form-control form-control-sm" value="30" min="7"></div>
            </div>
        </div>
    </div>
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold">Backup History</h5></div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="bg-light"><tr><th class="px-3 fw-semibold text-muted small">Date</th><th class="px-3 fw-semibold text-muted small">Type</th><th class="px-3 fw-semibold text-muted small">Size</th><th class="px-3 fw-semibold text-muted small">Duration</th><th class="px-3 fw-semibold text-muted small">Status</th><th class="px-3 fw-semibold text-muted small text-end">Actions</th></tr></thead>
                        <tbody>
                            @forelse($backups ?? [] as $b)
                            <tr>
                                <td class="px-3 fw-medium">{{ $b->created_at?->format('d M Y H:i') ?? '' }}</td>
                                <td class="px-3"><span class="badge bg-light text-dark border">{{ ucfirst($b->type ?? 'manual') }}</span></td>
                                <td class="px-3">{{ number_format($b->size ?? 0, 2) }} MB</td>
                                <td class="px-3">{{ $b->duration ?? 'N/A' }}s</td>
                                <td class="px-3"><x-status-badge :status="$b->status ?? 'completed'" /></td>
                                <td class="px-3 text-end"><div class="btn-group btn-group-sm"><a href="#" class="btn btn-outline-primary" title="Download"><i class="bi bi-download"></i></a><a href="#" class="btn btn-outline-warning" title="Restore"><i class="bi bi-arrow-clockwise"></i></a></div></td>
                            </tr>
                            @empty
                            <tr><td colspan="6" class="text-center py-5 text-muted"><i class="bi bi-cloud-arrow-up display-4 d-block mb-2"></i><p>No backups yet. Click "Backup Now" to create one.</p></td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script>$(document).ready(function(){ $('#backupNowBtn').on('click',function(){ Swal.fire({title:'Create Backup?',text:'This will backup the entire database.',icon:'question',showCancelButton:true,confirmButtonText:'Yes, backup now'}).then((r)=>{ if(r.isConfirmed){ Swal.fire('Backup Started','Database backup is in progress...','info'); } }); }); });</script>
@endpush