@extends('admin/layouts/admin')
@section('title',  __($translatePrefix . '.show.title', ['name' => $item->username]))
@section('scripts')
    <script src="{{ Vite::asset('resources/global/js/clipboard.js') }}" type="module"></script>
    <script src="{{ Vite::asset('resources/global/js/flatpickr.js') }}" type="module"></script>
@endsection
@section('content')
    @include('admin/shared/alerts')
            <div class="flex flex-col md:flex-row gap-4">
                <div class="md:w-2/3">
                    <div class="flex flex-col">
                        <div class="-m-1.5 overflow-x-auto">
                            <div class="p-1.5 min-w-full inline-block align-middle">
                                <form class="card" method="POST" action="{{ route($routePath . '.profile') }}">
                                <div class="card-heading">
                                        @csrf
                                        @method('PUT')
                                        <div>
                                            <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">
                                                {{ __($translatePrefix . '.show.title', ['name' => $item->username]) }}
                                            </h2>
                                            <p class="text-sm text-gray-600 dark:text-gray-400">
                                                {{ __($translatePrefix. '.show.subheading', ['date' => $item->created_at != null ?  $item->created_at->format('d/m/y') : 'None']) }}
                                            </p>
                                        </div>
                                        <div class="mt-4 flex items-center space-x-4 sm:mt-0">
                                            <button class="btn btn-primary">
                                                {{ __('admin.updatedetails') }}
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                                        <div>
                                            @include('admin/shared/input', ['name' => 'username', 'label' => __('global.username'), 'value' => old('username', $item->username)])
                                        </div>

                                        <div>
                                            @include('admin/shared/input', ['name' => 'firstname', 'label' => __('global.firstname'), 'value' => old('firstname', $item->firstname)])
                                        </div>

                                        <div>
                                            @include('admin/shared/input', ['name' => 'lastname', 'label' => __('global.lastname'), 'value' => old('lastname', $item->lastname)])
                                        </div>
                                        <div>
                                            @include('admin/shared/input', ['name' => 'email', 'label' => __('global.email'), 'value' => old('email', $item->email), 'type' => 'email'])
                                            @include('admin/shared/select', ['name' => 'locale', 'label' => __('global.locale'), 'options' => $locales, 'value' => old('locale', $item->locale)])
                                        </div>
                                        <div>
                                            @include('admin/shared/password', ['name' => 'password', 'label' => __('global.password'), 'help' => __('admin.blanktochange')])
                                        </div>

                                        <div>
                                            @include('admin/shared/textarea', ['name' => 'signature', 'label' => __('admin.admins.signature'), 'value' => old('signature', $item->signature)])
                                        </div>
                                    </div>
                                </form>
                                <div class="card">
                                    <h4 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-2">{{ __($translatePrefix . '.show.login') }}</h4>
                                    @include('admin/core/actionslog/usertable', ['logs' => $logs])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="md:w-1/3">
                    <div class="card">
                        <h4 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mt-2">{{ __($translatePrefix. '.show.details') }}</h4>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div>
                                @include('admin/shared/input', ['name' => 'last_ip', 'label' => __('admin.customers.show.last_ip'), 'value' => old('last_ip', $item->last_login_ip), 'disabled' => true])
                            </div>
                            <div>
                                @include('admin/shared/input', ['name' => 'last_login', 'label' => __('admin.customers.show.last_login'), 'value' => old('last_login', $item->last_login), 'disabled' => true])
                            </div>
                        </div>

                        <h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mt-2">
                            {{ __('client.profile.2fa.title') }}
                        </h2>
                        @if (!auth('admin')->user()->twoFactorEnabled())

                            <p class="text-sm text-gray-600 dark:text-gray-400">
                                {{ __('client.profile.2fa.info') }}
                            </p>
                        @else
                            <p class="text-sm text-gray-600 dark:text-gray-400">
                                {!! __('client.profile.2fa.download_codes', ['url' => route('admin.profile.2fa_codes')]) !!}
                            </p>
                        @endif

                        <form method="POST" action="{{ route('admin.profile.2fa') }}" class="mt-2">
                            @csrf
                            @if (!auth('admin')->user()->twoFactorEnabled())
                                {!! $qrcode !!}
                                @include("shared/input", ["name" => "2fa", "label" => __('client.profile.2fa.code'), "help" => $code])
                            @else
                                @include("shared/input", ["name" => "2fa", "label" => __('client.profile.2fa.code')])
                            @endif
                            <button class="btn {{ auth('admin')->user()->twoFactorEnabled() ? 'bg-red-600 text-white' : 'bg-primary text-gray-200' }} mt-4">{{ __(auth('admin')->user()->twoFactorEnabled() ? 'global.delete' : 'global.save') }}</button>
                        </form>

                        @if ($item->role->is_admin)
                            <h4 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mt-2">{{ __('permissions.staff_permissions') }}</h4>

                            <h4 class="text-sm text-gray-600 dark:text-gray-400">{{ $item->role->name }} <i class="bi bi-star text-amber-400"></i></h4>
                        @endif
                        @if ($item->role->permissions->count() > 0)
                        <h4 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mt-2">{{ __('permissions.staff_permissions') }}</h4>
                        <div class="grid grid-cols-2 gap-3">
                            @foreach ($item->role->permissions->chunk(3) as $row)
                                <ul class="space-y-3 text-sm">

                                    @foreach($row as $permission)
                                        <li class="flex space-x-3">
    <span class="size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
      <svg class="flex-shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
    </span>
                                            <span class="text-gray-800 dark:text-gray-400">
      {{ $permission->translate() }}
    </span>
                                        </li>
                                    @endforeach
                                </ul>
                                @endforeach
                        </div>
                        @endif
                    </div>
                    @if (staff_has_permission('admin.show_metadata'))
                    <button class="btn btn-secondary w-full text-left mt-2" type="button" data-hs-overlay="#metadata-overlay">
                        <i class="bi bi-database mr-2"></i>
                        {{ __('admin.metadata.title') }}
                    </button>
                        @endif
                </div>
            </div>
            @include('admin/metadata/overlay', ['item' => $item])

@endsection