@extends('install.layout')
@section('title', 'Create admin')
@section('step3', 'active')

@section('content')
    <p class="eyebrow">Step 3 of 4</p>
    <h1>Create your administrator.</h1>
    <p class="lede">
        We'll run database migrations then create the first admin account. Use a strong password —
        you can change it later from the profile page.
    </p>

    <form class="card" method="post" action="{{ route('install.finish') }}">
        @csrf

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

        <div class="field">
            <label for="name">Your name</label>
            <input type="text" id="name" name="name" value="{{ old('name') }}" required autofocus />
        </div>

        <div class="field">
            <label for="email">Email address</label>
            <input type="email" id="email" name="email" value="{{ old('email') }}" required />
        </div>

        <div class="row">
            <div class="field">
                <label for="password">Password</label>
                <input type="password" id="password" name="password" minlength="8" required />
            </div>
            <div class="field">
                <label for="password_confirmation">Confirm password</label>
                <input type="password" id="password_confirmation" name="password_confirmation" minlength="8" required />
            </div>
        </div>

        <label class="checkbox">
            <input type="checkbox" name="load_demo" value="1" checked />
            <span>Seed a demo wedding (30 guests, vendors, budget) — helpful for first impressions.</span>
        </label>

        <div class="actions">
            <a class="btn-outline" href="{{ route('install.database') }}">Back</a>
            <button class="btn" type="submit">Run migrations &amp; create admin →</button>
        </div>
    </form>
@endsection