@php
    use App\Enums\PermissionsEnum;
@endphp
<x-custom.card title="{{ $user?->id ? 'Edit User' : 'Create User' }}">
    <div class="grid grid-cols-2 gap-4">
        <div>
            <x-custom.input-text label="Name" type="text" value="{{ $user?->name }}" validate="name" name="name" placeholder="Enter First name" required />
        </div>

        <div>
            <x-custom.input-text label="Email" type="email" value="{{ $user?->email }}"  validate="email" name="email" placeholder="Enter Email" required />
        </div>
        
        @if(!$user?->id)
        <div>
            <x-custom.input-text label="Password" type="password" value=""  name="password" placeholder="*********"  />
        </div>
        @endif

        <div>
            <x-ui.multi-select
                label="Select Roles"
                name="roles"
                validate="roles"
                required
                id="roles"
                multiple
                :selected="collect($user?->roles)->pluck('id')->toArray()"
                :options="$roles"
            />
        </div>

    </div>
    <x-slot:footer>
        <x-custom.button type="submit">
            <i class="fa fa-check"></i> {{ lang_trans('Save') }}
        </x-custom.button>
    </x-slot:footer>
</x-custom.card>