@php
    $selectedRole = old('role', $user?->roleName());
    $isActive = old('is_active', $user?->is_active ?? true);
@endphp

<div class="row g-3">
    <div class="col-md-6">
        <x-input-label for="name" :value="__('Name')" />
        <x-text-input id="name" name="name" :value="old('name', $user?->name)" required autofocus />
        <x-input-error :messages="$errors->get('name')" />
    </div>
    <div class="col-md-6">
        <x-input-label for="email" :value="__('Email')" />
        <x-text-input id="email" type="email" name="email" :value="old('email', $user?->email)" required />
        <x-input-error :messages="$errors->get('email')" />
    </div>
    <div class="col-md-6">
        <x-input-label for="password" :value="$user ? __('New password (optional)') : __('Password')" />
        <x-text-input id="password" type="password" name="password" autocomplete="new-password" />
        <x-input-error :messages="$errors->get('password')" />
    </div>
    <div class="col-md-6">
        <x-input-label for="password_confirmation" :value="__('Confirm password')" />
        <x-text-input id="password_confirmation" type="password" name="password_confirmation" autocomplete="new-password" />
    </div>
    <div class="col-md-6">
        <x-input-label for="role" :value="__('Role')" />
        <select class="form-select" id="role" name="role" required>
            <option value="">Select a role</option>
            @foreach ($roles as $role)
                <option value="{{ $role->name }}" @selected($selectedRole === $role->name)>{{ $role->name }}</option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('role')" />
    </div>
    <div class="col-md-6 d-flex align-items-end">
        <input type="hidden" name="is_active" value="0">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" @checked($isActive)>
            <label class="form-check-label" for="is_active">Active account</label>
        </div>
    </div>
</div>