@extends ('layouts.app')

@section('title')
    {{ __('User') }} - {{ __('Show') }}
    {{ __('Users') }}
@endsection

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

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

@section('content')
    <x-layouts.show :data="$user">

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

            <x-slot name="toolbar">
                <x-buttons.return-back :small=true />
                <a class="btn btn-primary btn-sm m-1" data-toggle="tooltip" href="{{ route('users.index') }}"
                    title="{{ __('List') }}"><i class="fas fa-list"></i> @lang('List')</a>
                <x-buttons.edit title="{{ __('Edit') }} users"
                    route='{!! route("users.edit", $user) !!}' :small=true />
            </x-slot>
        </x-section-header>

        <div class="row">
            <div class="col">
                <div class="table-responsive">
                    <table class="table-bordered table-hover table">
                        <tr>
                            <th>{{ __('labels.users.fields.avatar') }}</th>
                            <td>
                                <img class="user-profile-image img-fluid img-thumbnail"
                                    src="{{ asset($user->avatar) }}"
                                    style="max-height:200px; max-width:200px;" />
                            </td>
                        </tr>

                        @php
                            $fields_array = [
                                ['name' => 'name', 'type' => 'text'],
                                ['name' => 'email', 'type' => 'text'],
                                ['name' => 'last_ip', 'type' => 'text'],
                                ['name' => 'login_count', 'type' => 'text'],
                                ['name' => 'last_login', 'type' => 'datetime'],
                            ];
                        @endphp

                        @foreach ($fields_array as $item)
                            @php
                                $field_name = $item['name'];
                            @endphp
                            <tr>
                                <th>{{ __(label_case($field_name)) }}</th>
                                <td>{{ $user->$field_name }}</td>
                            </tr>
                        @endforeach
                        <tr>
                            <th>{{ __('labels.users.fields.password') }}</th>
                            <td>
                                <a class="btn btn-outline-primary btn-sm"
                                    href="{{ route('users.changePassword', $user->id) }}">@lang('Change Password')</a>
                            </td>
                        </tr>

                        <tr>
                            <th>{{ __('labels.users.fields.social') }}</th>
                            <td>
                                <ul class="list-unstyled">
                                    @foreach ($user->providers as $provider)
                                        <li>
                                            <i class="fab fa-{{ $provider->provider }}"></i>
                                            {{ label_case($provider->provider) }}
                                        </li>
                                    @endforeach
                                </ul>
                            </td>
                        </tr>

                        <tr>
                            <th>{{ __('labels.users.fields.status') }}</th>
                            <td>{!! $user->status_label !!}</td>
                        </tr>

                        <tr>
                            <th>{{ __('labels.users.fields.confirmed') }}</th>
                            <td>
                                {!! $user->confirmed_label !!}
                                @if ($user->email_verified_at == null)
                                    <a class="btn btn-primary btn-sm mt-1" data-toggle="tooltip"
                                        href="{{ route('users.emailConfirmationResend', $user->id) }}"
                                        title="@lang('Send confirmation email')"><i class="fas fa-envelope"></i> @lang('Send Confirmation Reminder')</a>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>{{ __('labels.users.fields.roles') }}</th>
                            <td>
                                @if ($user->getRoleNames()->count() > 0)
                                    <ul>
                                        @foreach ($user->getRoleNames() as $role)
                                            <li>{{ ucwords($role) }}</li>
                                        @endforeach
                                    </ul>
                                @endif
                            </td>

                        </tr>
                        <tr>
                            <th>{{ __('labels.users.fields.permissions') }}</th>
                            <td>
                                @if ($user->getAllPermissions()->count() > 0)
                                    <ul>
                                        @foreach ($user->getAllPermissions() as $permission)
                                            <li>{{ $permission->name }}</li>
                                        @endforeach
                                    </ul>
                                @endif
                            </td>
                        </tr>

                        <tr>
                            <th>{{ __('labels.users.fields.created_at') }}</th>
                            <td>{{ $user->created_at }} by
                                User:{{ $user->created_by }}<br><small>({{ $user->created_at->diffForHumans() }})</small>
                            </td>
                        </tr>

                        <tr>
                            <th>{{ __('labels.users.fields.updated_at') }}</th>
                            <td>{{ $user->updated_at }} by
                                User:{{ $user->updated_by }}<br /><small>({{ $user->updated_at->diffForHumans() }})</small>
                            </td>
                        </tr>

                        <tr>
                            <th>{{ __('Deleted At') }}</th>
                            <td>
                                @if ($user->deleted_at != null)
                                    {{ $user->deleted_at }} by
                                    User:{{ $user->deleted_by }}<br /><small>({{ $user->deleted_at->diffForHumans() }})</small>
                                @endif
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="py-4 text-end">
                    @if ($user->status != 2)
                        <a class="btn btn-danger mt-1" data-method="PATCH" data-token="{{ csrf_token() }}"
                            data-toggle="tooltip" data-confirm="@lang('Are you sure?')"
                            href="{{ route('users.block', $user) }}" title="{{ __('labels.block') }}"><i
                                class="fas fa-ban"></i> @lang('Block')</a>
                    @endif
                    @if ($user->status == 2)
                        <a class="btn btn-info mt-1" data-method="PATCH" data-token="{{ csrf_token() }}"
                            data-toggle="tooltip" data-confirm="@lang('Are you sure?')"
                            href="{{ route('users.unblock', $user) }}"
                            title="{{ __('labels.unblock') }}"><i class="fas fa-check"></i> @lang('Unblock')</a>
                    @endif
                    <a class="btn btn-danger mt-1" data-method="DELETE" data-token="{{ csrf_token() }}"
                        data-toggle="tooltip" data-confirm="@lang('Are you sure?')"
                        href="{{ route('users.destroy', $user) }}" title="{{ __('labels.delete') }}"><i
                            class="fas fa-trash-alt"></i> @lang('Delete')</a>
                    @if ($user->email_verified_at == null)
                        <a class="btn btn-primary mt-1" data-toggle="tooltip"
                            href="{{ route('users.emailConfirmationResend', $user->id) }}"
                            title="Send Confirmation Email"><i class="fas fa-envelope"></i> @lang('Send confirmation email')</a>
                    @endif
                </div>
            </div>
        </div>
    </x-layouts.show>
@endsection