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

<div class="page-header">
  <div>
    <h1>Restore Database</h1>
    <p>Unggah atau pilih file backup untuk mengembalikan data PPDB.</p>
  </div>
</div>

<div class="card">
  <div class="card-body">
    <form method="POST" action="{{ route('admin.restore.submit') }}" enctype="multipart/form-data" style="display:grid;gap:16px;">
      @csrf
      <div>
        <label class="form-label">Pilih Backup Lama</label>
        <select name="backup_file" class="form-select">
          <option value="">-- Pilih file backup --</option>
          @foreach($files as $file)
          <option value="{{ $file['name'] }}">{{ $file['name'] }} ({{ number_format($file['size'] / 1024, 2) }} KB)</option>
          @endforeach
        </select>
      </div>
      <div>
        <label class="form-label">Atau unggah file backup baru</label>
        <input type="file" name="restore_file" class="form-input" accept="application/json">
      </div>
      <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
        <button type="submit" class="btn btn-primary">Restore Sekarang</button>
        <span style="color:var(--gray-600);font-size:13px;">Perhatian: proses ini akan menimpa data pada tabel yang disertakan dalam backup.</span>
      </div>
    </form>
  </div>
</div>

@if(count($files) > 0)
<div class="card">
  <div class="card-header"><div class="card-title"><i data-lucide="clock" style="width:16px;height:16px;"></i> Backup Tersedia</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></tr>
        </thead>
        <tbody>
          @foreach($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>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endif

@endsection