@extends('install.layout')

@section('content')
<h2>Administrator Account</h2>
<p class="subtitle">Create the super administrator account for MedAid.</p>

@if($errors->any())
    <div class="error-box">
        <ul>@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
@endif

<form method="POST" action="{{ route('install.process', 4) }}">
    @csrf

    <div class="form-row">
        <label for="admin_name">Full Name</label>
        <input type="text" id="admin_name" name="admin_name" value="{{ old('admin_name') }}" placeholder="e.g. System Administrator" required>
    </div>

    <div class="form-row">
        <label for="admin_email">Email Address</label>
        <input type="email" id="admin_email" name="admin_email" value="{{ old('admin_email') }}" placeholder="admin@yourcompany.co.zw" required>
        <div class="input-hint">This will be your login email address.</div>
    </div>

    <div class="form-row">
        <label for="admin_password">Password</label>
        <input type="password" id="admin_password" name="admin_password" placeholder="Minimum 8 characters" required minlength="8">
    </div>

    <div class="form-row">
        <label for="admin_password_confirmation">Confirm Password</label>
        <input type="password" id="admin_password_confirmation" name="admin_password_confirmation" placeholder="Repeat your password" required>
    </div>

    <div class="section-title" style="margin-top:24px">Demo Data</div>
    <div class="checkbox-row">
        <input type="checkbox" id="seed_demo" name="seed_demo" value="1" {{ old('seed_demo') ? 'checked' : '' }}>
        <label for="seed_demo">
            <strong>Install sample data</strong> — populates policies, members, providers, claims, and tariff codes with realistic test data so you can explore all features immediately. You can delete this data later.
        </label>
    </div>

    <div class="actions">
        <a href="{{ route('install.step', 3) }}" class="btn btn-secondary">← Back</a>
        <button type="submit" class="btn btn-primary">
            Next: Install
            <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
        </button>
    </div>
</form>
@endsection