@extends('portal.layouts.app')

@section('title', $user->exists ? 'Edit '.$user->name : 'Add a portal user')

@section('content')

    <x-card class="max-w-2xl">
        <form method="POST" action="{{ $user->exists ? route('users.update', $user) : route('users.store') }}" class="space-y-4">
            @csrf
            @if ($user->exists) @method('PUT') @endif

            <div class="grid gap-4 sm:grid-cols-2">
                <div>
                    <label class="field-label">Full name</label>
                    <input name="name" required value="{{ old('name', $user->name) }}"
                           class="field">
                </div>
                <div>
                    <label class="field-label">Email address</label>
                    <input name="email" type="email" required value="{{ old('email', $user->email) }}"
                           class="field">
                </div>
                <div>
                    <label class="field-label">Role</label>
                    <select name="role" required class="field">
                        @foreach ($roles as $value => $label)
                            <option value="{{ $value }}" @selected(old('role', $user->role?->value) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <p class="mt-1 text-xs text-slate-500">The organisation is set automatically from the role.</p>
                </div>
                <div>
                    <label class="field-label">Employee ID</label>
                    <input name="employee_id" value="{{ old('employee_id', $user->employee_id) }}"
                           class="field">
                </div>
                <div>
                    <label class="field-label">Designation</label>
                    <input name="designation" value="{{ old('designation', $user->designation) }}"
                           class="field">
                </div>
                <div>
                    <label class="field-label">Phone</label>
                    <input name="phone" value="{{ old('phone', $user->phone) }}"
                           class="field">
                </div>
                <div>
                    <label class="field-label">
                        Password {{ $user->exists ? '(leave blank to keep)' : '' }}
                    </label>
                    <input name="password" type="password" autocomplete="new-password"
                           class="field">
                    <p class="mt-1 text-xs text-slate-500">Minimum 10 characters with letters, numbers and symbols.</p>
                </div>
                <div>
                    <label class="field-label">Confirm password</label>
                    <input name="password_confirmation" type="password" autocomplete="new-password"
                           class="field">
                </div>
            </div>

            <label class="flex items-center gap-2 text-sm text-slate-700">
                <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $user->is_active ?? true))
                       class="check">
                Account is active
            </label>

            <div class="flex gap-2 border-t border-slate-100 pt-4">
                <button class="btn-primary">
                    {{ $user->exists ? 'Save changes' : 'Create user' }}
                </button>
                <a href="{{ route('users.index') }}" class="btn-secondary">Cancel</a>
            </div>
        </form>
    </x-card>

@endsection