@extends ("layouts.app")

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

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header>
                <i class="fa-solid fa-user-shield"></i> {{ __('Profile') }} <small
                    class="text-muted">{{ __('Edit') }}</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()->modelForm($user, 'PATCH', route('profile.changePasswordUpdate'))->class('form-horizontal')->acceptsFiles()->open() }}

                    <div class="row mb-3">
                        <div class="col-12 col-sm-6">
                            <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">
                            <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="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