@extends('layouts.app')
@section('title', 'Backup Manager')
@section('content')
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
        <h2 style="font-size:17px;color:#0b4f2c;">Backup Manager</h2>
        <form method="POST" action="{{ url('/api/system/backup') }}">
            @csrf
            <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12.5px;cursor:pointer;">Run Backup Now</button>
        </form>
    </div>
    <p style="font-size:11.5px;color:#999;margin-bottom:14px;">
        Requires <code>composer require spatie/laravel-backup</code> and a configured disk in <code>config/backup.php</code>
        (local storage shown here — point it at S3/Backblaze for real off-server backups).
    </p>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">File</th><th style="padding:8px;">Size (MB)</th><th style="padding:8px;">Created</th></tr></thead>
        <tbody>
            @forelse($backups as $b)
                <tr style="border-bottom:1px solid #eee;"><td style="padding:8px;">{{ $b['name'] }}</td><td style="padding:8px;">{{ $b['size'] }}</td><td style="padding:8px;">{{ $b['modified'] }}</td></tr>
            @empty
                <tr><td colspan="3" style="padding:20px;text-align:center;color:#999;">No backups yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection