@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('front.index') }}">Tableau de bord</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.applications') }}">Applications</a></li>
            <li class="breadcrumb-item active" aria-current="page">Clients</li>
        </ol>
    </nav>
@endsection

<div class="container-fluid py-4">
    <!-- Header Section -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-1 text-primary">
                        <i class="fas fa-user-friends me-2"></i>Clients
                        @if(!isset($allApplications) || $allApplications->count() === 1)
                            - {{ $application->name }}
                        @endif
                    </h1>
                    <p class="text-muted mb-0">
                        @if(isset($allApplications) && $allApplications->count() > 1)
                            Gérez les clients de vos applications
                        @else
                            Gérez les clients de votre application
                        @endif
                    </p>
                </div>
                @if(!isset($allApplications) || $allApplications->count() === 1)
                <div>
                    <a href="{{ route('partner.clients.create', $application) }}" class="btn btn-primary">
                        <i class="fas fa-user-plus me-2"></i>Créer un client
                    </a>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Filtres -->
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-light">
            <h6 class="mb-0">
                <i class="fas fa-filter me-2"></i>Filtres
            </h6>
        </div>
        <div class="card-body">
            <form method="GET" action="{{ route('partner.clients.with-app', $application) }}" class="row g-3">
                @if(isset($allApplications) && $allApplications->count() > 1)
                <div class="col-md-3">
                    <label for="application_id" class="form-label">Application</label>
                    <select name="application_id" id="application_id" class="form-select">
                        <option value="">Toutes les applications</option>
                        @foreach($allApplications as $app)
                            <option value="{{ $app->id }}" {{ request('application_id', $application->id) == $app->id ? 'selected' : '' }}>
                                {{ $app->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                @endif
                <div class="col-md-3">
                    <label for="program_id" class="form-label">Programme</label>
                    <select name="program_id" id="program_id" class="form-select">
                        <option value="">Tous les programmes</option>
                        @foreach($programs as $program)
                            <option value="{{ $program->id }}" {{ request('program_id') == $program->id ? 'selected' : '' }}>
                                {{ $program->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="user_id" class="form-label">Commercialisateur</label>
                    <select name="user_id" id="user_id" class="form-select">
                        <option value="">Tous les commercialisateurs</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                {{ $user->firstname }} {{ $user->lastname }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="status" class="form-label">Statut</label>
                    <select name="status" id="status" class="form-select">
                        <option value="">Tous les statuts</option>
                        <option value="option_en_cours" {{ request('status') == 'option_en_cours' ? 'selected' : '' }}>Option en cours</option>
                        <option value="resa_en_cours" {{ request('status') == 'resa_en_cours' ? 'selected' : '' }}>Résa en cours</option>
                        <option value="vente_cloturee" {{ request('status') == 'vente_cloturee' ? 'selected' : '' }}>Vente clôturée</option>
                    </select>
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="fas fa-search me-2"></i>Filtrer
                    </button>
                </div>
            </form>
        </div>
    </div>

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

    @if($hasMultipleApplications && isset($clientsByApplication))
        {{-- Affichage avec plusieurs tableaux (une par application) --}}
        @foreach($allApplications as $app)
            @php
                $appClients = $clientsByApplication[$app->id] ?? collect();
                $appPrograms = $app->programs()->get();
                $appUsers = $app->users()->get();
            @endphp
            @if($appClients->isNotEmpty() || $app->id == $application->id)
                <div class="card shadow mb-4">
                    <div class="card-header py-3 bg-primary text-primary">
                        <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>
                    </div>
                    <div class="card-body">
                        @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 table-bordered table-hover">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Nom</th>
                                            <th>Prénom</th>
                                            <th>Email</th>
                                            <th class="text-center">Nombre de dossiers actifs</th>
                                            <th class="text-center">Nombre de ventes signées</th>
                                            <th>Commercialisateur associé</th>
                                            <th>Date de création</th>
                                            <th class="text-center">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($appClients as $client)
                                        <tr class="cursor-pointer client-row" data-href="{{ route('partner.clients.show', ['application' => $app, '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>
                                                @php
                                                    $applicationUserIds = $app->users->pluck('id')->toArray();
                                                    $commercialisateur = $client->user ?: $client->options->first()?->user;
                                                    if ($commercialisateur && !in_array($commercialisateur->id, $applicationUserIds)) {
                                                        $commercialisateur = null;
                                                    }
                                                @endphp
                                                @if($commercialisateur)
                                                    <a href="{{ route('partner.user.show', ['application' => $app, 'user' => $commercialisateur]) }}" class="text-decoration-none">
                                                        {{ $commercialisateur->firstname }} {{ $commercialisateur->lastname }}
                                                    </a>
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                            <td>{{ $client->created_at->format('d/m/Y') }}</td>
                                            <td class="text-center">
                                                <div class="btn-group" role="group">
                                                    <a href="{{ route('partner.clients.show', ['application' => $app, 'client' => $client]) }}" class="btn btn-sm btn-outline-primary" title="Voir">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                    <a href="{{ route('partner.clients.edit', ['application' => $app, 'client' => $client]) }}" class="btn btn-sm btn-outline-secondary" title="Modifier">
                                                        <i class="fas fa-edit"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            @endif
        @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>
                <p class="text-muted mb-0">Vos clients apparaîtront ici une fois qu'ils seront associés à vos applications.</p>
            </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 des 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('partner.clients.with-app', array_merge(['application' => $application], request()->all(), ['sort_by' => 'lastname', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark">
                                            Nom
                                            @if(request('sort_by') == 'lastname')
                                                <i class="fas fa-sort-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }}"></i>
                                            @endif
                                        </a>
                                    </th>
                                    <th>
                                        <a href="{{ route('partner.clients.with-app', array_merge(['application' => $application], request()->all(), ['sort_by' => 'firstname', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark">
                                            Prénom
                                            @if(request('sort_by') == 'firstname')
                                                <i class="fas fa-sort-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }}"></i>
                                            @endif
                                        </a>
                                    </th>
                                    <th>
                                        <a href="{{ route('partner.clients.with-app', array_merge(['application' => $application], request()->all(), ['sort_by' => 'email', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark">
                                            Email
                                            @if(request('sort_by') == 'email')
                                                <i class="fas fa-sort-{{ request('sort_dir') == '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('partner.clients.with-app', array_merge(['application' => $application], request()->all(), ['sort_by' => 'commercialisateur', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark">
                                            Commercialisateur associé
                                            @if(request('sort_by') == 'commercialisateur')
                                                <i class="fas fa-sort-{{ request('sort_dir') == 'asc' ? 'up' : 'down' }}"></i>
                                            @endif
                                        </a>
                                    </th>
                                    <th>
                                        <a href="{{ route('partner.clients.with-app', array_merge(['application' => $application], request()->all(), ['sort_by' => 'created_at', 'sort_dir' => request('sort_dir') == 'asc' ? 'desc' : 'asc'])) }}" class="text-decoration-none text-dark">
                                            Date de création
                                            @if(request('sort_by') == 'created_at' || !request('sort_by'))
                                                <i class="fas fa-sort-{{ (request('sort_dir') ?? 'desc') == '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('partner.clients.show', ['application' => $application, '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>
                                        @php
                                            // Commercialisateur associé directement au client (champ user_id),
                                            // sinon on retombe sur le commercialisateur du premier dossier.
                                            // On vérifie que le commercialisateur appartient à l'application
                                            $applicationUserIds = $application->users->pluck('id')->toArray();
                                            $commercialisateur = $client->user ?: $client->options->first()?->user;
                                            // Filtrer pour ne garder que les users de l'application
                                            if ($commercialisateur && !in_array($commercialisateur->id, $applicationUserIds)) {
                                                $commercialisateur = null;
                                            }
                                        @endphp
                                        @if($commercialisateur)
                                            <a href="{{ route('partner.user.show', ['application' => $application, 'user' => $commercialisateur]) }}" class="text-decoration-none">
                                                {{ $commercialisateur->firstname }} {{ $commercialisateur->lastname }}
                                            </a>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>{{ $client->created_at->format('d/m/Y') }}</td>
                                    <td class="text-center">
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('partner.clients.show', ['application' => $application, 'client' => $client]) }}" class="btn btn-sm btn-outline-primary" title="Voir">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <a href="{{ route('partner.clients.edit', ['application' => $application, 'client' => $client]) }}" class="btn btn-sm btn-outline-secondary" title="Modifier">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

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

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('tr.client-row[data-href]').forEach(function (row) {
            row.addEventListener('click', function (event) {
                // Ne pas interférer avec les clics sur liens/boutons internes
                if (event.target.closest('a, button')) {
                    return;
                }
                const href = this.getAttribute('data-href');
                if (href) {
                    window.location.href = href;
                }
            });
        });
    });
</script>
@endpush

@endsection