@extends('layouts.app')

@section('title')
    {{ $user->name }} - {{ __('Edit') }}
    {{ __('Users') }}
@endsection

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

        <x-breadcrumb-item type="active">{{ __('Users') }}
            {{ __('Edit') }}</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> {{ $user->name }} <small
                    class="text-muted">{{ __('Users') }}
                    {{ __('Edit') }}</small>

                <x-slot name="toolbar">
                    <x-buttons.return-back :small=true />
                    <x-buttons.show class="ms-1"
                        title="{{ __('Show') }} users" route='{!! route("users.show", $user) !!}'
                        :small=true />
                </x-slot>
            </x-section-header>

            <div class="row mt-4">
                <div class="col">
                    {{ html()->modelForm($user, 'PATCH', route('users.update', $user->id))->class('form-horizontal')->acceptsFiles()->open() }}

                    <div class="form-group row">
                        {{ html()->label(__('labels.users.fields.avatar'))->class('col-md-2 form-label')->for('name') }}

                        <div class="col-md-5 mb-3">
                            <img class="user-profile-image img-fluid img-thumbnail"
                                src="{{ asset($user->avatar) }}" style="max-height:200px; max-width:200px;" />
                        </div>
                        <div class="col-md-5 mb-3">
                            <input id="file-multiple-input" name="avatar" type="file" multiple="">
                        </div>
                    </div>

                    <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 mb-3">
                        <div class="col-12 col-sm-2">
                            <div class="form-group">
                                {{ html()->label(__('labels.users.fields.password'), 'password')->class('form-label') }} {!! field_required('required') !!}
                            </div>
                        </div>
                        <div class="col-12 col-sm-10">
                            <div class="form-group">
                                <a class="btn btn-outline-primary btn-sm"
                                    href="{{ route('users.changePassword', $user->id) }}"><i class="fas fa-key"></i>
                                    @lang('Change Password')</a>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-12 col-sm-2">
                            <div class="form-group">
                                {{ html()->label(__('labels.users.fields.confirmed'), 'confirmed')->class('form-label') }}
                            </div>
                        </div>
                        <div class="col-12 col-sm-10">
                            <div class="form-group">
                                @if ($user->email_verified_at == null)
                                    <a class="btn btn-outline-primary btn-sm" data-toggle="tooltip"
                                        href="{{ route('users.emailConfirmationResend', $user->id) }}"
                                        title="Send Confirmation Email"><i class="fas fa-envelope"></i> @lang('Send confirmation email')</a>
                                @else
                                    {!! $user->confirmed_label !!}
                                @endif
                            </div>
                        </div>
                    </div>

                    @can('edit_users_permissions')
                        <div class="form-group row mb-3">
                            <div class="col">
                                <div class="row">
                                    <div class="col-sm-6 mb-3">
                                        <div class="card card-accent-primary">
                                            <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">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input"
                                                                            id="{{ 'role-' . $role->id }}" name="roles[]"
                                                                            type="checkbox" value="{{ $role->name }}"
                                                                            {{ in_array($role->name, $userRoles) ? 'checked' : '' }}>
                                                                        <label class="form-check-label"
                                                                            for="{{ 'role-' . $role->id }}">
                                                                            {{ label_case($role->name) . ' (' . $role->name . ')' }}
                                                                        </label>
                                                                    </div>
                                                                </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 fa-fw mr-1"></i>&nbsp;{{ $permission->name }}&nbsp;
                                                                        @endforeach
                                                                    @else
                                                                        @lang('None')
                                                                    @endif
                                                                @else
                                                                    @lang('All Permissions')
                                                                @endif
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 mb-3">
                                        <div class="card card-accent-info">
                                            <div class="card-header">
                                                @lang('Permissions')
                                            </div>
                                            <div class="card-body">
                                                @if ($permissions->count())
                                                    @foreach ($permissions as $permission)
                                                        <div class="mb-2">
                                                            <input class="form-check-input"
                                                                id="{{ 'permission-' . $permission->id }}" name="permissions[]"
                                                                type="checkbox" value="{{ $permission->name }}"
                                                                {{ in_array($permission->name, $userPermissions) ? 'checked' : '' }}>
                                                            <label class="form-check-label"
                                                                for="{{ 'permission-' . $permission->id }}">
                                                                {{ label_case($permission->name) . ' (' . $permission->name . ')' }}
                                                            </label>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endcan

                    <div class="row">
                        <div class="col-4 mb-3">
                            <div class="form-group">
                                <x-buttons.save />
                            </div>
                        </div>

                        <div class="col-8 mb-3">
                            <div class="float-end">
                                @if ($user->status != 2 && $user->id != 1)
                                    <a class="btn btn-danger" data-method="PATCH" data-token="{{ csrf_token() }}"
                                        data-toggle="tooltip" data-confirm="Are you sure?"
                                        href="{{ route('users.block', $user) }}"
                                        title="{{ __('labels.block') }}"><i class="fas fa-ban"></i></a>
                                @endif
                                @if ($user->status == 2)
                                    <a class="btn btn-info" data-method="PATCH" data-token="{{ csrf_token() }}"
                                        data-toggle="tooltip" data-confirm="Are you sure?"
                                        href="{{ route('users.unblock', $user) }}"
                                        title="{{ __('labels.unblock') }}"><i class="fas fa-check"></i> @lang('Unblock')</a>
                                @endif
                                @if ($user->email_verified_at == null)
                                    <a class="btn btn-primary" data-toggle="tooltip"
                                        href="{{ route('users.emailConfirmationResend', $user->id) }}"
                                        title="Send Confirmation Email"><i class="fas fa-envelope"></i></a>
                                @endif
                                @if ($user->id != 1)
                                    <a class="btn btn-danger" data-method="DELETE" data-token="{{ csrf_token() }}"
                                        data-toggle="tooltip"
                                        href="{{ route("users.destroy", $user) }}"
                                        title="{{ __('labels.delete') }}"><i class="fas fa-trash-alt"></i> @lang('Delete')</a>
                                @endif
                                <x-buttons.return-back>@lang('Cancel')</x-buttons.return-back>
                            </div>
                        </div>
                    </div>
                    {{ html()->closeModelForm() }}
                </div>
                <!--/.col-->
            </div>
        </div>
    </div>
@endsection