@php($editing = $admin->exists)
<x-admin.layout :title="$editing ? __('Edit admin') : __('Add admin')">
    <x-admin.page-header :title="$editing ? $admin->name : __('Add admin')" :subtitle="$editing ? $admin->email : null" :back="route('admin.admins.index')" />

    <form method="POST" action="{{ $editing ? route('admin.admins.update', $admin) : route('admin.admins.store') }}" class="grid grid-cols-1 gap-6 lg:grid-cols-3">
        @csrf
        @if ($editing) @method('PUT') @endif

        <div class="space-y-6 lg:col-span-2">
            <x-admin.card :title="__('Account')">
                <div class="grid gap-5 sm:grid-cols-2">
                    <x-admin.input name="name" :label="__('Name')" :value="$admin->name" required maxlength="100" />
                    <x-admin.input name="email" type="email" :label="__('Email')" :value="$admin->email" required autocomplete="off" :hint="__('Used to sign in.')" />
                    <x-admin.input name="phone" :label="__('Phone')" :value="$admin->phone" maxlength="30" />
                </div>
            </x-admin.card>

            <x-admin.card :title="$editing ? __('Change password') : __('Password')">
                <div class="grid gap-5 sm:grid-cols-2">
                    <x-admin.input name="password" type="password" :label="__('Password')" :required="! $editing" autocomplete="new-password"
                                   :hint="$editing ? __('Leave empty to keep the current password.') : __('At least 8 characters with letters and numbers.')" />
                    <x-admin.input name="password_confirmation" type="password" :label="__('Confirm password')" :required="! $editing" autocomplete="new-password" />
                </div>
            </x-admin.card>
        </div>

        <x-admin.card :title="__('Access')" class="self-start">
            <div class="space-y-5">
                <x-admin.select name="admin_role_id" :label="__('Role')" :options="$roles" :value="$admin->admin_role_id" :placeholder="__('Select…')" required :disabled="$isSelf"
                                :hint="$isSelf || auth('admin')->user()->isSuperAdmin() ? null : __('You can only give roles within your own access.')" />
                <x-admin.toggle name="is_active" :label="__('Active')" :checked="$admin->is_active" :disabled="$isSelf" :hint="__('Inactive admins are signed out and can\'t sign in.')" />
                @if ($isSelf)
                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ __('You can\'t change your own role or deactivate yourself.') }}</p>
                @endif
            </div>
            <div class="mt-5 flex gap-2">
                <x-admin.button type="submit">{{ $editing ? __('Save changes') : __('Add admin') }}</x-admin.button>
                <x-admin.button variant="secondary" :href="route('admin.admins.index')">{{ __('Cancel') }}</x-admin.button>
            </div>
        </x-admin.card>
    </form>
</x-admin.layout>