@extends('install.layout')

@section('content')
    <div class="space-y-6">
        <div>
            <h1 class="text-2xl font-bold tracking-tight">Step 3: Database & Seeding</h1>
            <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-300">Click to run a fresh migration and seed the default System Settings.</p>
        </div>

        @if (session('status'))
            <div class="rounded-2xl border border-emerald-200 bg-emerald-50 p-4 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200">
                {{ session('status') }}
            </div>
        @endif

        @if ($errors->any())
            <div class="rounded-2xl border border-rose-200 bg-rose-50 p-4 text-rose-800 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200">
                <ul class="list-disc pl-5">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('install.step3.migrate') }}" class="space-y-5 rounded-2xl border border-zinc-200 bg-white p-5 dark:border-zinc-800 dark:bg-zinc-950">
            @csrf
            <div class="text-sm text-zinc-600 dark:text-zinc-300">
                This runs: <span class="font-semibold">php artisan migrate:fresh --seed</span>
            </div>
            <button type="submit" class="w-full rounded-xl bg-[#FF2D20] px-5 py-3 text-sm font-semibold text-white hover:opacity-95">
                Run Migrations & Seed
            </button>
        </form>

        <div class="rounded-2xl border border-zinc-200 bg-white p-5 text-xs text-zinc-500 dark:border-zinc-800 dark:bg-zinc-950">
            <div class="font-semibold text-zinc-700 dark:text-zinc-200 mb-2">If migration fails</div>
            Common causes are incorrect DB credentials, missing DB user permissions, or writable <span class="font-semibold">storage</span> directories.
        </div>
    </div>
@endsection