@extends('dashboard.layouts.app')

@section('title', 'Gestion des Utilisateurs - UAC eservices')

@section('page-title', 'Gestion des Utilisateurs')

@section('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Utilisateurs</li>
@endsection

@section('content')

{{-- @section('page-actions')

@endsection --}}
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">

    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div>
                    <h4 class="card-title mb-0">
                        @if($isDeletedView)
                            Utilisateurs supprimés
                        @else
                            Liste des Utilisateurs
                        @endif
                    </h4>
                </div>
                <div class="d-flex gap-2">
                    @if(!$isDeletedView)
                        <a href="{{ route('dashboard.users.create') }}" class="btn btn-primary">
                            <i class="mdi mdi-plus"></i> Ajouter un utilisateur
                        </a>
                        <a href="{{ route('dashboard.users.index', ['deleted' => 1]) }}" class="btn btn-outline-secondary">
                            <i class="mdi mdi-delete-restore"></i> Utilisateurs supprimés
                        </a>
                    @else
                        <a href="{{ route('dashboard.users.index') }}" class="btn btn-outline-primary">
                            <i class="mdi mdi-arrow-left"></i> Retour aux utilisateurs actifs
                        </a>
                    @endif
                </div>
            </div>
            <div class="card-body">

                <div class="table-responsive">
                    <div class="card-body">

                        <!-- Barre de recherche -->
                        <form method="GET" action="{{ route('dashboard.users.index') }}" class="mb-3 d-flex gap-2">
                            <input type="text" name="search" class="form-control" placeholder="Rechercher un utilisateur..."
                                value="{{ request('search') }}">
                            <button type="submit" class="btn btn-primary">
                                <i class="mdi mdi-magnify"></i> Rechercher
                            </button>

                            @if(request('search'))
                                <a href="{{ route('dashboard.users.index') }}" class="btn btn-outline-secondary">
                                    <i class="mdi mdi-close"></i> Réinitialiser
                                </a>
                            @endif
                        </form>

                        <div class="table-responsive">
                            <!-- Table  ici -->

                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Photo</th>
                                <th>Nom</th>
                                <th>Email</th>
                                <th>WhatsApp</th>
                                <th>Rôle</th>
                               <th>Id machine</th>

                                @if($isDeletedView)
                                    <th>Date de suppression</th>
                                @else
                                    <th>Date de création</th>
                                @endif
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($users as $user)
                                <tr>
                                    <td>{{ $user->id }}</td>
                                    <td>
                                        @if($user->photo_path)
                                            <img src="{{ Storage::url($user->photo_path) }}" alt="Photo de {{ $user->name }}"
                                                class="rounded-circle" width="40" height="40" style="object-fit: cover;">
                                        @else
                                            <div class="bg-secondary rounded-circle d-flex align-items-center justify-content-center"
                                                style="width: 40px; height: 40px;">
                                                <i class="mdi mdi-account text-white"></i>
                                            </div>
                                        @endif
                                    </td>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>
                                        @if($user->whatsapp_number)
                                            <span class="text-success"><i class="fab fa-whatsapp"></i> {{ $user->whatsapp_number }}</span>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge bg-{{ $user->role->nom === 'Administrateur' ? 'danger' : ($user->role->nom === 'Chef de Service' ? 'warning' : ($user->role->nom === 'Responsable RH' ? 'info' : 'secondary')) }}">
                                            {{ $user->role->nom }}
                                        </span>
                                    </td>

                                     <td>
                                        <span class="badge bg-{{ $user->role->nom === 'Administrateur' ? 'danger' : ($user->role->nom === 'Chef de Service' ? 'warning' : ($user->role->nom === 'Responsable RH' ? 'info' : 'secondary')) }}">
                                            {{ $user->device_id }}
                                        </span>
                                    </td>

                                    @if($isDeletedView)
                                        <td>{{ $user->deleted_at->format('d/m/Y H:i') }}</td>
                                    @else
                                        <td>{{ $user->created_at->format('d/m/Y H:i') }}</td>
                                    @endif
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('dashboard.users.show', $user) }}" class="btn btn-sm btn-info" title="Voir">
                                                <i class="mdi mdi-eye"></i>
                                            </a>
                                            @if(!$isDeletedView)
                                                <a href="{{ route('dashboard.users.edit', $user) }}" class="btn btn-sm btn-warning" title="Modifier">
                                                    <i class="mdi mdi-pencil"></i>
                                                </a>
                                                @if($user->id !== auth()->id())
                                                    <form action="{{ route('dashboard.users.destroy', $user) }}" method="POST" class="d-inline"
                                                        onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ? Il pourra être restauré plus tard.')">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-sm btn-danger" title="Supprimer">
                                                            <i class="mdi mdi-delete"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            @else
                                                <form action="{{ route('dashboard.users.restore', $user->id) }}" method="POST" class="d-inline"
                                                    onsubmit="return confirm('Êtes-vous sûr de vouloir restaurer cet utilisateur ?')">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="btn btn-sm btn-success" title="Restaurer">
                                                        <i class="mdi mdi-backup-restore"></i>
                                                    </button>
                                                </form>
                                                <form action="{{ route('dashboard.users.force-delete', $user->id) }}" method="POST" class="d-inline"
                                                    onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer définitivement cet utilisateur ? Cette action est irréversible.')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger" title="Supprimer définitivement">
                                                        <i class="mdi mdi-delete-forever"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ $isDeletedView ? 8 : 8 }}" class="text-center">
                                        @if($isDeletedView)
                                            Aucun utilisateur supprimé trouvé.
                                        @else
                                            Aucun utilisateur trouvé.
                                        @endif
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <x-pagination :paginator="$users" />
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection