@extends('back.layout.app')
@section('title', 'Dashboard')
@section('page-title', 'Dashboard')

@php
$breadcrumb = 'user-management.user';
// $breadcrumbParams = [$user];
@endphp

@section('content')
<div class="kt-container-fixed">
    <div class="flex flex-wrap items-center lg:items-end justify-between gap-5 pb-7.5">
        <div class="flex flex-col justify-center gap-2">
            <h1 class="text-xl font-medium leading-none text-mono">
                Utilisateurs
            </h1>
            <div class="flex items-center gap-2 text-sm font-normal text-secondary-foreground">
                Liste des utilisateurs & rôles
            </div>
        </div>
        @can('create-users')
        <div class="flex items-center gap-2.5">
                <button type="button"
                    data-kt-drawer-toggle="#drawer_create_user"
                    class="kt-btn kt-btn-outline">
                <i class="ki-outline ki-plus-circle"></i> Ajouter un utilisateur
                </button>
        </div>
        @endcan
    </div>
</div>
@include('back.modules.user_management.users.partials.create_user')


<!-- Container -->
<div class="kt-container-fixed">
     <div class="grid w-full space-y-5">
          <div class="kt-card">
               <div class="kt-card-header min-h-16">
                    <input type="text" placeholder="{{ __('ui.datatable.search') }}" class="kt-input sm:w-48"
                         data-kt-datatable-search="#kt_datatable_basic" />
               </div>
               <div id="kt_datatable_basic" class="kt-card-table"
                    data-kt-datatable="true"
                    data-kt-datatable-page-size="5"
                    data-kt-datatable-state-save="true"
                    data-kt-datatable-info="{{ __('ui.datatable.info') }}"
                    data-kt-datatable-info-empty="{{ __('ui.datatable.info_empty') }}">
                    <div class="kt-table-wrapper kt-scrollable">
                         <table class="kt-table" data-kt-datatable-table="true">
                              <thead>
                                   <tr>
                                        <th scope="col" class="w-70" data-kt-datatable-column="label">
                                             <span class="kt-table-col"><span
                                                       class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Utilisateur</span><span
                                                       class="kt-table-col-sort"></span></span>
                                        </th>
                                        <th scope="col" class="w-20" data-kt-datatable-column="email">
                                             <span class="kt-table-col"><span
                                                       class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Email</span><span
                                                       class="kt-table-col-sort"></span></span>
                                        </th>
                                        <th scope="col" class="w-24" data-kt-datatable-column="Role">
                                             <span class="kt-table-col"><span
                                                       class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Rôle</span><span
                                                       class="kt-table-col-sort"></span></span>
                                        </th>
                                        <th scope="col" class="w-28" data-kt-datatable-column="status">
                                             <span class="kt-table-col"><span class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Statut</span><span class="kt-table-col-sort"></span></span>
                                        </th>
                                        <th scope="col" class="w-24" data-kt-datatable-column="lastLogin">
                                             <span class="kt-table-col"><span class="kt-table-col-label text-xs uppercase font-semibold text-gray-700">Dernière connexion</span><span class="kt-table-col-sort"></span></span>
                                        </th>
                                        <th scope="col" class="w-16" data-kt-datatable-column="actions"></th>
                                   </tr>
                              </thead>
                              <tbody>
                                   @foreach ($users as $user)
                                   <tr>
                                        <td data-kt-datatable-value="{{ $user->lastname }} {{ $user->firstname }}">
                                             <div class="flex items-center gap-2.5">
                                                  <div class="">
                                                  {{-- <img class="h-9 rounded-full" src="{{asset('assets/media/avatars/300-5.png')}}"> --}}
                                                   @if ($user->getAvatarUrl())
                                                            <img src="{{ $user->getAvatarUrl() }}" alt="avatar"
                                                                 class="h-9 rounded-full" />
                                                       @else
                                                       <div class="kt-avatar"><div class="kt-avatar-fallback text-primary bg-primary/10">
                                                        {{ Str::upper($user->initials()) }}</div></div>
                                                       @endif

                                                  </div>
                                                  <div class="flex flex-col gap-0.5">
                                                  <a class="leading-none font-medium text-sm text-mono hover:text-primary" href="#">
                                                    {{$user->lastname}} {{$user->firstname}}
                                                  </a>
                                                  </div>
                                                  </div>
                                        </td>
                                        <td><span class="text-xs text-gray-400">{{$user->email}}</span></td>
                                        <td>

                                             <span class="kt-badge kt-badge-sm kt-badge-outline kt-badge-primary">{{ $user->roles->first()?->name ?? '—' }}</span>
                                        </td>
                                        @php
                                            $welcomeUntil = $user->welcome_valid_until;
                                            $userStatus = match(true) {
                                                is_null($welcomeUntil)                              => 'active',
                                                \Carbon\Carbon::parse($welcomeUntil)->isFuture()    => 'pending',
                                                default                                             => 'expired',
                                            };
                                        @endphp
                                        <td data-kt-datatable-value="{{ $userStatus }}">
                                            @if ($userStatus === 'active')
                                                <span class="kt-badge kt-badge-sm kt-badge-success kt-badge-outline">Actif</span>
                                            @elseif ($userStatus === 'pending')
                                                <span class="kt-badge kt-badge-sm kt-badge-info kt-badge-outline">En attente</span>
                                            @else
                                                <span class="kt-badge kt-badge-sm kt-badge-warning kt-badge-outline">Lien expiré</span>
                                            @endif
                                        </td>
                                        <td data-kt-datatable-value="{{ $user->lastLogin?->created_at?->timestamp ?? 0 }}">
                                            <span class="text-xs text-gray-400">
                                                {{ $user->lastLogin?->created_at
                                                    ? $user->lastLogin->created_at->diffForHumans()
                                                    : '—' }}
                                            </span>
                                        </td>
                                        <td class="text-end">
                                             <span class="inline-flex gap-2.5">
                                                @can('edit-users')
                                                @if ($userStatus === 'expired')
                                                <div>
                                                    <form method="POST" action="{{ route('admin.user-management.users.resend-welcome', $user) }}">
                                                        @csrf
                                                        <button type="submit"
                                                            class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline hover:text-primary hover:border-primary"
                                                            data-kt-tooltip="#tooltip_resend_{{ $user->id }}"
                                                            data-kt-tooltip-placement="bottom">
                                                            <i class="ki-outline ki-paper-plane"></i>
                                                        </button>
                                                    </form>
                                                    <div id="tooltip_resend_{{ $user->id }}" class="kt-tooltip">Renvoyer l'invitation</div>
                                                </div>
                                                @else
                                                <div>
                                                    <button
                                                        type="button"
                                                        class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline"
                                                        data-kt-drawer-toggle="#drawer_edit_user_{{ $user->id }}"
                                                        data-kt-tooltip="#tooltip_edit_{{ $user->id }}"
                                                        data-kt-tooltip-placement="bottom">
                                                        <i class="ki-outline ki-pencil text-primary"></i>
                                                    </button>
                                                    <div id="tooltip_edit_{{ $user->id }}" class="kt-tooltip">Modifier</div>
                                                </div>
                                                @endif
                                                @endcan
                                                @can('delete-users')
                                                <div>
                                                    <button
                                                        type="button"
                                                        class="kt-btn kt-btn-sm kt-btn-icon kt-btn-outline hover:text-destructive hover:border-destructive"
                                                        data-kt-modal-toggle="#modal_confirm_delete"
                                                        data-confirm-url="{{ route('admin.user-management.users.destroy', $user) }}"
                                                        data-confirm-name="{{ $user->firstname }} {{ $user->lastname }}"
                                                        data-kt-tooltip="#tooltip_delete_{{ $user->id }}"
                                                        data-kt-tooltip-placement="bottom">
                                                        <i class="ki-outline ki-trash text-destructive"></i>
                                                    </button>
                                                    <div id="tooltip_delete_{{ $user->id }}" class="kt-tooltip">Supprimer</div>
                                                </div>
                                                @endcan
                                            </span>
                                        </td>
                                   </tr>
                                   @endforeach

                              </tbody>
                         </table>
                    </div>
                    <!--begin:pagination-->
                    <div class="kt-datatable-toolbar">
                         <div class="kt-datatable-length">
                              {{ __('ui.datatable.show') }}<select class="kt-select kt-select-sm w-16" name="perpage"
                                   data-kt-datatable-size="true"></select>{{ __('ui.datatable.per_page') }}
                         </div>
                         <div class="kt-datatable-info">
                              <span data-kt-datatable-info="true"></span>
                              <div class="kt-datatable-pagination" data-kt-datatable-pagination="true"></div>
                         </div>
                    </div>
                    <!--end:pagination-->
               </div>
          </div>
     </div>

</div>
<!-- End of Container -->

{{-- Drawers édition — hors du tableau --}}
@foreach ($users as $user)
    @include('back.modules.user_management.users.partials.edit_user', ['user' => $user])
@endforeach

@endsection