@if($clients->isEmpty())
    <div class="text-center py-5">
        <i class="fas fa-user-friends fa-5x text-primary mb-3"></i>
        <h5 class="mb-1">Aucun client disponible</h5>
    </div>
@else
    <!-- Clients Table -->
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between align-items-center">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-table me-2"></i>Liste de mes clients ({{ $clients->total() }})
            </h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>
                                <a href="{{ route('account.clients.list', array_merge(request()->all(), ['sort_by' => 'lastname', 'sort_dir' => ($sortBy === 'lastname' && $sortDir === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark sort-link">
                                    Nom
                                    @if($sortBy === 'lastname')
                                        <i class="fas fa-sort-{{ $sortDir === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th>
                                <a href="{{ route('account.clients.list', array_merge(request()->all(), ['sort_by' => 'firstname', 'sort_dir' => ($sortBy === 'firstname' && $sortDir === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark sort-link">
                                    Prénom
                                    @if($sortBy === 'firstname')
                                        <i class="fas fa-sort-{{ $sortDir === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th>
                                <a href="{{ route('account.clients.list', array_merge(request()->all(), ['sort_by' => 'email', 'sort_dir' => ($sortBy === 'email' && $sortDir === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark sort-link">
                                    Email
                                    @if($sortBy === 'email')
                                        <i class="fas fa-sort-{{ $sortDir === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th class="text-center">Nombre de dossiers actifs</th>
                            <th class="text-center">Nombre de ventes signées</th>
                            <th>
                                <a href="{{ route('account.clients.list', array_merge(request()->all(), ['sort_by' => 'created_at', 'sort_dir' => ($sortBy === 'created_at' && $sortDir === 'asc') ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark sort-link">
                                    Date de création
                                    @if($sortBy === 'created_at')
                                        <i class="fas fa-sort-{{ $sortDir === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th class="text-center">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($clients as $client)
                        <tr class="cursor-pointer client-row" data-href="{{ route('account.clients.show', ['client' => $client]) }}">
                            <td>{{ $client->lastname ?? '-' }}</td>
                            <td>{{ $client->firstname ?? '-' }}</td>
                            <td>
                                <a href="mailto:{{ $client->email }}" class="text-decoration-none">
                                    {{ $client->email }}
                                </a>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-info">{{ $client->active_dossiers_count ?? 0 }}</span>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-success">{{ $client->ventes_count ?? 0 }}</span>
                            </td>
                            <td>{{ $client->created_at->format('d/m/Y') }}</td>
                            <td class="text-center">
                                <div class="btn-group" role="group">
                                    <a href="{{ route('account.clients.show', ['client' => $client]) }}" class="btn btn-sm btn-outline-primary" title="Voir">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <!-- Pagination -->
            <div class="d-flex justify-content-center mt-4">
                {{ $clients->appends(request()->all())->links() }}
            </div>
        </div>
    </div>
@endif