@extends('layouts.app')
@section('title', 'Backup & Restore')
@section('content')
<h4 class="mb-3">Backup &amp; Restore</h4>

<div class="card p-4 mb-3" style="max-width:650px;">
    <h6>Download a Backup</h6>
    <p class="small text-muted">
        Downloads every row of real data (orders, menu, staff, accounting, everything except
        temporary session/cache data) as a single .zip file. Use this to move data to a new
        domain/hosting, or just as a safety copy before a risky change.
    </p>
    <p class="small text-muted mb-3">Tables included: {{ implode(', ', $tables) }}</p>
    <a href="{{ route('admin.backup.export') }}" class="btn btn-dark">Download Backup (.zip)</a>
</div>

<div class="card p-4" style="max-width:650px;">
    <h6>Restore from a Backup</h6>

    @if ($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <div class="alert alert-danger small">
        <strong>This replaces existing data.</strong> Restoring a backup empties every table it
        covers and refills it from the file — anything currently in this site's database for
        those tables is gone afterward, not merged. Only restore into a site you intend to
        overwrite (e.g. a fresh install on a new domain), never into a live site with orders
        you want to keep, unless you've backed that up first too.
    </div>

    <form method="POST" action="{{ route('admin.backup.restore') }}" enctype="multipart/form-data">
        @csrf
        <input type="file" name="backup_file" accept=".zip" class="form-control mb-3" required>
        <div class="form-check mb-3">
            <input type="checkbox" name="confirm" value="1" class="form-check-input" id="confirmRestore" required>
            <label class="form-check-label" for="confirmRestore">
                I understand this overwrites existing data in the tables covered by this backup.
            </label>
        </div>
        <button class="btn btn-outline-danger w-100">Restore This Backup</button>
    </form>
</div>

<div class="alert alert-info small mt-3" style="max-width:650px;">
    <strong>Typical migration flow, source site → new site:</strong>
    <ol class="mb-0">
        <li>On the source site: Download Backup here.</li>
        <li>Set up the new site normally (Steps 1–6 in the main README — fresh Laravel
            project, files copied in, <code>php artisan migrate --seed</code> run so the
            tables exist).</li>
        <li>On the new site: come to this same page, upload the backup, check the
            confirmation box, and Restore.</li>
    </ol>
</div>
@endsection