@extends('admin.layout')
@section('title','Backup Database')
@section('content')

<div class="page-header">
  <div>
    <h1>Backup Database</h1>
    <p>Buat salinan data PPDB saat ini untuk cadangan dan audit.</p>
  </div>
  <div style="display:flex;gap:10px;flex-wrap:wrap;">
    <form method="POST" action="{{ route('admin.backup.create') }}">
      @csrf
      <button type="submit" class="btn btn-primary">Buat Backup Baru</button>
    </form>
  </div>
</div>

<div class="card">
  <div class="card-header"><div class="card-title"><i data-lucide="folder" style="width:16px;height:16px;"></i> Snapshot Backup</div></div>
  <div class="card-body">
    <div style="overflow-x:auto;">
      <table>
        <thead>
          <tr><th>#</th><th>Nama File</th><th>Ukuran</th><th>Dimodifikasi</th><th>Aksi</th></tr>
        </thead>
        <tbody>
          @forelse($files as $index => $file)
          <tr>
            <td>{{ $index + 1 }}</td>
            <td style="font-family:monospace;font-size:13px;">{{ $file['name'] }}</td>
            <td>{{ number_format($file['size'] / 1024, 2) }} KB</td>
            <td>{{ $file['modified'] }}</td>
            <td>
              <a href="{{ route('admin.backup.download', $file['name']) }}" class="btn btn-outline btn-sm">Download</a>
            </td>
          </tr>
          @empty
          <tr><td colspan="5" style="text-align:center;color:var(--gray-600);padding:24px;">Belum ada file backup.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

@endsection