@extends('layouts.app')

@section('title')
    {{ __('Create') }} {{ __('Users') }}
@endsection

@section('breadcrumbs')
    <x-breadcrumbs>
        <x-breadcrumb-item route='{{ route("users.index") }}' icon='fa-solid fa-user-group'>
            {{ __('Users') }}
        </x-breadcrumb-item>

        <x-breadcrumb-item type="active">{{ __('Create') }}</x-breadcrumb-item>
    </x-breadcrumbs>
@endsection

@section('content')
    <div class="card">
        <div class="card-body">


                <x-section-header>
                    <i class="fa-solid fa-user-group"></i> {{ __('Users') }} <small
                        class="text-muted">{{ __('Create') }}</small>

                    <x-slot name="toolbar">
                        <x-buttons.return-back :small=true />
                    </x-slot>
                </x-section-header>

                <div class="row mt-4">
                    <div class="col">
                        {{ html()->form('POST', route("users.store"))->class('form')->acceptsFiles()->open() }}

                        <div class="row">
                            <div class="col-12 col-sm-6 mb-3">
                                <div class="form-group">
                                    {{ html()->label(__('labels.users.fields.name'), 'name')->class('form-label') }} {!! field_required('required') !!}
                                    {{ html()->text('name')->placeholder(__('labels.users.fields.name'))->class('form-control')->attributes(["required"]) }}
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 mb-3">
                                <div class="form-group">
                                    {{ html()->label(__('labels.users.fields.email'), 'email')->class('form-label') }} {!! field_required('required') !!}
                                    {{ html()->email('email')->placeholder(__('labels.users.fields.email'))->class('form-control')->attributes(["required"]) }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 col-sm-6 mb-3">
                                <div class="form-group">
                                    {{ html()->label(__('labels.users.fields.password'), 'password')->class('form-label') }} {!! field_required('required') !!}
                                    {{ html()->password('password')->placeholder(__('labels.users.fields.password'))->class('form-control')->attributes(["required"]) }}
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 mb-3">
                                <div class="form-group">
                                    {{ html()->label(__('labels.users.fields.password_confirmation'), 'password_confirmation')->class('form-label') }} {!! field_required('required') !!}
                                    {{ html()->password('password_confirmation')->placeholder(__('labels.users.fields.password_confirmation'))->class('form-control')->attributes(["required"]) }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            {{ html()->label(__('labels.users.fields.status'))->class('col-6 col-sm-2 form-label')->for('status') }}

                            <div class="col-6 col-sm-10">
                                {{ html()->checkbox('status', true, '1') }} @lang('Active')
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            {{ html()->label(__('labels.users.fields.confirmed'))->class('col-6 col-sm-2 form-label')->for('confirmed') }}

                            <div class="col-6 col-sm-10">
                                {{ html()->checkbox('confirmed', true, '1') }} @lang('Email Confirmed')
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            {{ html()->label(__('labels.users.fields.email_credentials'))->class('col-6 col-sm-2 form-label')->for('confirmed') }}

                            <div class="col-6 col-sm-10">
                                {{ html()->checkbox('email_credentials', true, '1') }} @lang('Email Credentials')
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <div class="col">
                                <div class="row">
                                    <div class="col-12 col-sm-6 mb-3">
                                        <div class="card card-accent-info">
                                            <div class="card-header">
                                                @lang('Roles')
                                            </div>
                                            <div class="card-body">
                                                @if ($roles->count())
                                                    @foreach ($roles as $role)
                                                        <div class="card mb-3">
                                                            <div class="card-header">
                                                                <div class="checkbox">
                                                                    {{ html()->label(html()->checkbox('roles[]', old('roles') && in_array($role->name, old('roles')) ? true : false, $role->name)->id('role-' . $role->id) .'&nbsp;' .ucwords($role->name) .'&nbsp;(' .$role->name .')')->for('role-' . $role->id) }}
                                                                </div>
                                                            </div>
                                                            <div class="card-body">
                                                                @if ($role->id != 1)
                                                                    @if ($role->permissions->count())
                                                                        @foreach ($role->permissions as $permission)
                                                                            <i
                                                                                class="far fa-check-circle mr-1"></i>&nbsp;{{ $permission->name }}&nbsp;
                                                                        @endforeach
                                                                    @else
                                                                        @lang('None')
                                                                    @endif
                                                                @else
                                                                    @lang('All Permissions')
                                                                @endif
                                                            </div>
                                                        </div>
                                                        <!--card-->
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-6 mb-3">
                                        <div class="card card-accent-primary">
                                            <div class="card-header">
                                                @lang('Permissions')
                                            </div>
                                            <div class="card-body">
                                                @if ($permissions->count())
                                                    @foreach ($permissions as $permission)
                                                        <div class="checkbox">
                                                            {{ html()->label(html()->checkbox('permissions[]', old('permissions') && in_array($permission->name, old('permissions')) ? true : false, $permission->name)->id('permission-' . $permission->id) .' ' .$permission->name)->for('permission-' . $permission->id) }}
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-6">
                                <x-buttons.create>Create</x-buttons.create>
                            </div>
                            <div class="col-6">
                                <div class="float-end">
                                    <x-buttons.cancel />
                                </div>
                            </div>
                        </div>

                        {{ html()->form()->close() }}
                    </div>
                </div>
        </div>
    </div>
@endsection