@extends('layouts.app')

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

@section('content')
@php $isPlatform = ($type ?? 'company_admin') === 'platform'; @endphp
<x-page-header :title="$isPlatform ? 'New platform admin' : 'New company admin'" subtitle="Super Admin user provisioning" icon="user" icon-color="violet">
    <x-slot:actions>
        <a href="{{ route('super-admin.users.index') }}" class="btn-ghost btn-sm">Back</a>
    </x-slot:actions>
</x-page-header>

<form method="POST" action="{{ route('super-admin.users.store') }}" class="glass-card p-6 max-w-2xl space-y-5">
    @csrf
    <input type="hidden" name="type" value="{{ $isPlatform ? 'platform' : 'company_admin' }}">

    @unless ($isPlatform)
        <div>
            <label class="field-label">Company</label>
            <select name="company_id" required class="field-select">
                <option value="">Select company</option>
                @foreach ($companies as $company)
                    <option value="{{ $company->id }}" @selected((int) old('company_id', $selectedCompanyId) === (int) $company->id)>
                        {{ $company->name }} ({{ $company->status }})
                    </option>
                @endforeach
            </select>
        </div>
    @endunless

    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">Name</label>
            <input type="text" name="name" value="{{ old('name') }}" required class="field-input">
        </div>
        <div>
            <label class="field-label">Username</label>
            <input type="text" name="username" value="{{ old('username') }}" required class="field-input">
        </div>
    </div>
    <div>
        <label class="field-label">Email</label>
        <input type="email" name="email" value="{{ old('email') }}" required class="field-input">
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">Password</label>
            <input type="password" name="password" required class="field-input">
        </div>
        <div>
            <label class="field-label">Confirm password</label>
            <input type="password" name="password_confirmation" required class="field-input">
        </div>
    </div>

    @unless ($isPlatform)
        <label class="flex items-center gap-2 text-sm text-themed-muted">
            <input type="checkbox" name="is_active" value="1" class="rounded border-themed" @checked(old('is_active', true))>
            Active immediately
        </label>
        <label class="flex items-center gap-2 text-sm text-themed-muted">
            <input type="checkbox" name="make_owner" value="1" class="rounded border-themed" @checked(old('make_owner'))>
            Set as company owner
        </label>
    @endunless

    <button type="submit" class="btn-primary">Create</button>
</form>
@endsection