@extends('layouts.app')
@section('header_title', 'Database Backup & Restore System')
@section('content')
<div class="bg-white rounded-2xl border p-6 space-y-6">
    <div class="flex items-center justify-between border-b pb-6">
        <div>
            <h3 class="font-bold text-[#060453] text-lg">💾 MySQL Database Dump Utility</h3>
            <p class="text-xs text-gray-500">Generate fully compatible single-click phpMyAdmin exports</p>
        </div>
        <form action="{{ route('backup.store') }}" method="POST">
            @csrf
            <button type="submit" class="bg-[#060453] text-white px-6 py-3 rounded-xl font-bold text-sm shadow hover:bg-[#04033a] transition">
                ⚡ Generate New MySQL Dump Backup
            </button>
        </form>
    </div>
    @if(session('success'))
    <div class="p-4 bg-green-100 text-green-800 rounded-xl text-sm font-semibold">{{ session('success') }}</div>
    @endif
    <div>
        <h4 class="font-bold text-sm text-gray-500 uppercase mb-3">Available Backup Files</h4>
        <div class="space-y-2 font-mono text-sm">
            <div class="p-3 bg-gray-50 border rounded-xl flex justify-between items-center">
                <span>database.sql (Root Production Export)</span>
                <span class="text-xs text-green-600 font-bold">✓ phpMyAdmin Ready</span>
            </div>
        </div>
    </div>
</div>
@endsection