@extends('install.layout')

@section('title', 'Create Admin Account')

@section('content')
<h2 style="color: #333; margin-bottom: 20px;">Create Admin Account</h2>
<p style="color: #6c757d; margin-bottom: 30px;">
    Create your administrator account to manage the application.
</p>

@if($errors->any())
<div class="alert alert-danger">
    <ul style="margin: 10px 0 0 20px;">
        @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<form method="POST" action="{{ route('install.admin.create') }}">
    @csrf
    
    <div class="form-group">
        <label for="name">Full Name *</label>
        <input 
            type="text" 
            name="name" 
            id="name" 
            class="form-control" 
            placeholder="e.g., John Doe"
            value="{{ old('name') }}"
            required
        >
    </div>

    <div class="form-group">
        <label for="username">Username *</label>
        <input 
            type="text" 
            name="username" 
            id="username" 
            class="form-control" 
            placeholder="e.g., admin"
            value="{{ old('username') }}"
            required
        >
    </div>

    <div class="form-group">
        <label for="email">Email Address *</label>
        <input 
            type="email" 
            name="email" 
            id="email" 
            class="form-control" 
            placeholder="e.g., admin@example.com"
            value="{{ old('email') }}"
            required
        >
    </div>

    <div class="form-group">
        <label for="password">Password *</label>
        <input 
            type="password" 
            name="password" 
            id="password" 
            class="form-control" 
            placeholder="Minimum 6 characters"
            required
        >
    </div>

    <div class="form-group">
        <label for="password_confirmation">Confirm Password *</label>
        <input 
            type="password" 
            name="password_confirmation" 
            id="password_confirmation" 
            class="form-control" 
            placeholder="Re-enter your password"
            required
        >
    </div>

    <div class="alert alert-info">
        <strong>Note:</strong> This account will have full administrative privileges including user management, settings, and all system features.
    </div>

    <div class="mt-3" style="display: flex; justify-content: space-between;">
        <a href="{{ route('install.database') }}" class="btn btn-secondary">← Back</a>
        <button type="submit" class="btn btn-primary">Complete Installation →</button>
    </div>
</form>
@endsection