@php
    $hasMultipleApplications = isset($allApplications) && $allApplications->count() > 1;
    $canClientsWrite = auth()->user()->canAccessPartnerClientsWrite();
@endphp

@if($hasMultipleApplications && isset($clientsByApplication))
    {{-- Affichage avec plusieurs tableaux (une par application) --}}
    @foreach($allApplications as $app)
    <div class="mb-5">
        @php
            $appClients = $clientsByApplication[$app->id] ?? collect();
        @endphp
        @if($appClients->isNotEmpty() || $app->id == $application->id)
            <h6 class="m-0 font-weight-bold">
                <i class="fas fa-table me-2"></i>{{ $app->name }} ({{ $appClients->count() }} client{{ $appClients->count() > 1 ? 's' : '' }})
            </h6>
            @if($appClients->isEmpty())
                <div class="text-center py-4">
                    <p class="text-muted mb-0">Aucun client pour cette application</p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table-personnalisee table-hover" id="table_clients">
                        <thead class="table-light">
                            <tr>
                                <th>
                                    <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'lastname', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                        @if(request('sort_by') == 'lastname')
                                            <span class="icon-chevron-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }} icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        @else
                                            <span class="icon-chevrons-up-down icon icon-16 text-muted align-items-center justify-content-center mx-auto"></span>
                                        @endif
                                        Client
                                    </a>
                                </th>
                                <th>
                                    <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'email', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                        @if(request('sort_by') == 'email')
                                            <span class="icon-chevron-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }} icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        @else
                                            <span class="icon-chevrons-up-down icon icon-16 text-muted align-items-center justify-content-center mx-auto"></span>
                                        @endif
                                        Email
                                    </a>
                                </th>
                                <th>
                                    <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'commercialisateur', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                        @if(request('sort_by') == 'commercialisateur')
                                            <span class="icon-chevron-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }} icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        @else
                                            <span class="icon-chevrons-up-down icon icon-16 text-muted align-items-center justify-content-center mx-auto"></span>
                                        @endif
                                        Commercialisateur
                                    </a>
                                </th>
                                <th class="text-center">Dossiers</th>
                                <th class="text-center">Ventes</th>
                                <th>
                                    <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'created_at', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                        @if(request('sort_by') == 'created_at' || !request('sort_by'))
                                            <span class="icon-chevron-{{ (request('sort_dir') ?? 'desc') == 'asc' ? 'up' : 'down' }} icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        @else
                                            <span class="icon-chevrons-up-down icon icon-16 text-muted align-items-center justify-content-center mx-auto"></span>
                                        @endif
                                        Ajouté le
                                    </a>
                                </th>
                                <th class="text-center"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($appClients as $client)
                            <tr class="cursor-pointer client-row" data-href="{{ route('partner.clients.show', ['client' => $client]) }}">
                                <td>
                                    <div class="d-flex align-items-center">
                                        @php
                                            $firstInitial = strtoupper(substr($client->firstname ?? '', 0, 1));
                                            $lastInitial = strtoupper(substr($client->lastname ?? '', 0, 1));
                                            $initials = $firstInitial . $lastInitial;
                                        @endphp
                                        @if($initials)
                                            <span class="client-avatar me-2">{{ $initials }}</span>
                                        @endif
                                        <span class="text-navigo">{{ ($client->firstname ?? '') . ' ' . ($client->lastname ?? '') ?: '-' }}</span>
                                    </div>
                                </td>
                                <td>
                                    <a href="mailto:{{ $client->email }}" class="text-decoration-none text-roboto text-medium text-grey text-14">
                                        {{ $client->email }}
                                    </a>
                                </td>
                                <td>
                                    @php
                                        $applicationUserIds = $app->users->pluck('id')->toArray();
                                        $commercialisateur = $client->user ?: $client->options->first()?->user;
                                        if ($commercialisateur && !in_array($commercialisateur->id, $applicationUserIds)) {
                                            $commercialisateur = null;
                                        }
                                        if ($commercialisateur && !$commercialisateur->isRole(\App\Enums\Role::ROLE_COMMERCIALISATEUR->name)) {
                                            $commercialisateur = null;
                                        }
                                    @endphp
                                    @if($commercialisateur)
                                        <a href="{{ route('partner.commercialisateur.show', ['user' => $commercialisateur->token]) }}" class="text-decoration-none text-roboto text-medium text-grey text-14">
                                            {{ $commercialisateur->firstname }} {{ $commercialisateur->lastname }}
                                        </a>
                                    @else
                                        <span class="text-muted">Aucun commercialisateur</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    <span class="badge">{{ $client->active_dossiers_count ?? 0 }} actifs</span>
                                </td>
                                <td class="text-center">
                                    <span class="badge">{{ $client->ventes_count ?? 0 }} signées</span>
                                </td>
                                <td><span class="text-roboto text-medium text-grey text-14">{{ $client->created_at->format('d/m/Y') }}</span></td>
                                <td class="text-center">
                                    <div class="btn-group" role="group">
                                        <a href="{{ route('partner.clients.show', ['client' => $client]) }}" class="btn btn-action btn-outline-secondary" title="Voir">
                                            <img src="{{ asset('images/pictos/eye.svg') }}" alt="Voir">
                                        </a>
                                        @if($canClientsWrite)
                                        <a href="{{ route('partner.clients.edit', ['client' => $client]) }}" class="btn btn-action btn-outline-secondary" title="Modifier">
                                            <span class="icon-square-pen icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                        </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        @endif
    </div>
    @endforeach
@else
    {{-- Affichage classique avec pagination (une seule application) --}}
    @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="py-3 d-flex justify-content-between align-items-center d-none">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-table me-2"></i>Liste des clients ({{ $clients->total() }})
            </h6>
        </div>
        <div class="table-responsive">
            <table class="table-personnalisee table-hover">
                <thead class="table-light">
                    <tr>
                        <th>
                            <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'lastname', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                @if(request('sort_by') == 'lastname')
                                    <i class="fas fa-sort-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }}"></i>
                                @else
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                @endif
                                Client
                            </a>
                        </th>
                        <th>
                            <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'email', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                @if(request('sort_by') == 'email')
                                    <i class="fas fa-sort-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }}"></i>
                                @else
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                @endif
                                Email
                            </a>
                        </th>
                        <th>
                            <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'commercialisateur', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                @if(request('sort_by') == 'commercialisateur')
                                    <i class="fas fa-sort-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }}"></i>
                                @else
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                @endif
                                Commercialisateur
                            </a>
                        </th>
                        <th class="text-center">Dossiers</th>
                        <th class="text-center">Ventes</th>
                        <th>
                            <a href="{{ route('partner.clients', array_merge(request()->except('application_id'), ['sort_by' => 'created_at', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none sort-link">
                                @if(request('sort_by') == 'created_at' || !request('sort_by'))
                                    <i class="fas fa-sort-{{ (request('sort_dir') ?? 'desc') == 'asc' ? 'up' : 'down' }}"></i>
                                @else
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg> 
                                @endif
                                Ajouté le
                            </a>
                        </th>
                        <th class="text-center"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($clients as $client)
                    <tr class="cursor-pointer client-row" data-href="{{ route('partner.clients.show', ['client' => $client]) }}">
                        <td>
                            <div class="d-flex align-items-center">
                                @php
                                    $firstInitial = strtoupper(substr($client->firstname ?? '', 0, 1));
                                    $lastInitial = strtoupper(substr($client->lastname ?? '', 0, 1));
                                    $initials = $firstInitial . $lastInitial;
                                @endphp
                                @if($initials)
                                    <span class="client-avatar me-2">{{ $initials }}</span>
                                @endif
                                <span class="text-navigo">{{ ($client->firstname ?? '') . ' ' . ($client->lastname ?? '') ?: '-' }}</span>
                            </div>
                        </td>
                        <td>
                            <a href="mailto:{{ $client->email }}" class="text-decoration-none text-roboto text-medium text-grey text-14">
                                {{ $client->email }}
                            </a>
                        </td>
                        <td>
                            @php
                                $applicationUserIds = $application->users->pluck('id')->toArray();
                                $commercialisateur = $client->user ?: $client->options->first()?->user;
                                if ($commercialisateur && !in_array($commercialisateur->id, $applicationUserIds)) {
                                    $commercialisateur = null;
                                }
                                if ($commercialisateur && !$commercialisateur->isRole(\App\Enums\Role::ROLE_COMMERCIALISATEUR->name)) {
                                    $commercialisateur = null;
                                }
                            @endphp
                            @if($commercialisateur)
                                <a href="{{ route('partner.commercialisateur.show', ['user' => $commercialisateur->token]) }}" class="text-decoration-none text-roboto text-medium text-grey text-14">
                                    {{ $commercialisateur->firstname }} {{ $commercialisateur->lastname }}
                                </a>
                            @else
                                <span class="text-muted">Aucun commercialisateur</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <span class="badge">{{ $client->active_dossiers_count ?? 0 }} actifs</span>
                        </td>
                        <td class="text-center">
                            <span class="badge">{{ $client->ventes_count ?? 0 }} signées</span>
                        </td>
                        <td><span class="text-roboto text-medium text-grey text-14">{{ $client->created_at->format('d/m/Y') }}</span></td>
                        <td class="text-center">
                            <div class="btn-group" role="group">
                                <a href="{{ route('partner.clients.show', ['client' => $client]) }}" class="btn btn-action btn-outline-secondary" title="Voir">
                                    <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                </a>
                                @if($canClientsWrite)
                                <a href="{{ route('partner.clients.edit', ['client' => $client]) }}" class="btn btn-action btn-outline-secondary" title="Modifier">
                                    <span class="icon-square-pen icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

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