@extends('layouts.admin')

@section('title', $user->exists ? 'Edit user' : 'New user')

@section('content')
    <form action="{{ $user->exists ? route('admin.users.update', $user) : route('admin.users.store') }}"
          method="POST" enctype="multipart/form-data" class="max-w-3xl">
        @csrf
        @if ($user->exists)
            @method('PUT')
        @endif

        <x-admin.form-section title="Account">
            <x-form.input name="name" label="Full name" :value="$user->name" required />
            <x-form.input name="email" type="email" label="Email address" :value="$user->email" required />

            <x-form.input name="phone" label="Phone" :value="$user->phone" />
            <x-form.input name="designation" label="Designation" :value="$user->designation" />

            <x-form.file name="avatar" label="Profile photo" :existing="$user->avatar" accept="image/*" class="sm:col-span-2" />
        </x-admin.form-section>

        <x-admin.form-section title="Access"
                              description="Role determines which modules this user can open and edit.">
            <x-form.select name="role" label="Role" :options="$roles"
                           :value="$user->roles->first()?->name" required :placeholder="false" />

            <x-form.checkbox name="is_active" label="Account active"
                             :checked="$user->exists ? $user->is_active : true"
                             hint="Disabled accounts are signed out on their next request." class="sm:pt-7" />
        </x-admin.form-section>

        <x-admin.form-section title="Password"
                              :description="$user->exists ? 'Leave blank to keep the current password.' : 'Minimum 10 characters.'">
            <x-form.input name="password" type="password" label="Password" :required="! $user->exists"
                          autocomplete="new-password" />
            <x-form.input name="password_confirmation" type="password" label="Confirm password"
                          :required="! $user->exists" autocomplete="new-password" />
        </x-admin.form-section>

        <div class="flex items-center gap-3">
            <button type="submit" class="btn-primary">{{ $user->exists ? 'Save changes' : 'Create user' }}</button>
            <a href="{{ route('admin.users.index') }}" class="btn-ghost">Cancel</a>
        </div>
    </form>
@endsection