@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.update'))->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('profile.changePassword') }}"><i class="fas fa-key"></i>
                                    @lang('Change Password')</a>
                            </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