@extends('layouts.admin')

@section('title', 'Backup')
@section('page-title', 'Backup')
@section('breadcrumb', 'Backup')

@section('content')
<div class="row justify-content-center">
    <div class="col-xl-7 col-lg-8 col-md-10">
        <div class="card border radius-12">
            <div class="card-body p-48 text-center">
                <div class="d-inline-flex align-items-center justify-content-center mb-24"
                     style="width: 72px; height: 72px; border-radius: 50%; background: rgba(72, 127, 255, 0.12);">
                    <iconify-icon icon="solar:server-outline" class="text-primary-600" style="font-size: 34px;"></iconify-icon>
                </div>

                <h4 class="fw-bold text-primary-light mb-12">Download Backup</h4>

                <p class="text-secondary-light mb-16 mx-auto" style="max-width: 420px;">
                    Export a full snapshot of the current application. The last backup date is recorded automatically.
                </p>

                <p class="text-sm text-secondary-light mb-32">
                    Last backup:
                    @if ($lastBackupAt)
                        <span class="fw-semibold text-primary-light">{{ $lastBackupAt->timezone(config('app.timezone'))->format('M d, Y H:i') }}</span>
                    @else
                        <span class="fw-semibold text-primary-light">Never</span>
                    @endif
                </p>

                <form method="POST" action="{{ route('admin.backup.download') }}">
                    @csrf
                    <button type="submit" class="btn btn-primary-600 radius-8 px-32 py-12">
                        Download
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection