@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.clients') }}">Clients</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $client->firstname ?? '-' }} {{ $client->lastname ?? '-' }}</li>
        </ol>
    </nav>
@endsection

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid py-2">
    <div class="container">
        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            @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-large me-3">{{ $initials }}</span>
                            @endif
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">{{ $client->firstname ?? '-' }} {{ $client->lastname ?? '-' }}</h1>
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                <span class="text-grey text-16"><span class="icon-mail icon icon-16 text-grey align-items-center justify-content-center mx-auto"></span> {{ $client->email }}</span>
                                <span class="separator-vertical"></span>
                                <span class="text-grey text-16"><span class="icon-phone icon icon-16 text-grey align-items-center justify-content-center mx-auto"></span> {{ format_phone_display($client->phones?->first()?->value ?? null) }}</span>
                                <span class="separator-vertical"></span>
                                <span class="text-grey text-16"><span class="icon-map-pin icon icon-16 text-grey align-items-center justify-content-center mx-auto"></span> {{ $client->address?->city ?? '-' }}</span>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <a href="{{ route('partner.clients.edit', ['client' => $client]) }}" class="btn btn-primary me-2">
                                <span class="icon-square-pen icon icon-16 text-white align-items-center justify-content-center mx-auto"></span> Modifier
                            </a>

                            <a href="{{ route('partner.clients') }}" class="btn btn-outline-secondary">
                                <span class="icon-arrow-left icon icon-16 text-primary align-items-center justify-content-center mx-auto"></span> Retour
                            </a>
                        </div>
                    </div>

                    <div class="d-flex gap-2 mb-4 d-none">
                        <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#mergeClientModal">
                            <i class="fas fa-code-branch me-2"></i>Fusionner avec une autre fiche client
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Onglets fiche client -->
    <div class="container pt-2">
        @php
            $notesCount = \App\Models\Note::where('noteable_type', \App\Models\Client::class)
                ->where('noteable_id', $client->id)
                ->count();
            $activeTab = session('open_tab') === 'documents' ? 'documents' : 'informations';
        @endphp
        <ul class="nav nav-tabs card-header-tabs" id="clientTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo" id="tab-dossiers-tab" data-bs-toggle="tab" data-bs-target="#tab-dossiers" type="button" role="tab" aria-controls="tab-dossiers" aria-selected="false">
                    Dossiers actifs <span class="badge">{{ $dossiersActifs->count() }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo" id="tab-historique-tab" data-bs-toggle="tab" data-bs-target="#tab-historique" type="button" role="tab" aria-controls="tab-historique" aria-selected="false">
                    Historique des ventes <span class="badge">{{ $historiqueVentes->count() }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'documents' ? 'active' : '' }}" id="tab-documents-tab" data-bs-toggle="tab" data-bs-target="#tab-documents" type="button" role="tab" aria-controls="tab-documents" aria-selected="{{ $activeTab === 'documents' ? 'true' : 'false' }}">
                    Documents <span class="badge">{{ $documents->count() }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo" id="tab-notes-tab" data-bs-toggle="tab" data-bs-target="#tab-notes" type="button" role="tab" aria-controls="tab-notes" aria-selected="false">
                    Notes internes <span class="badge">{{ $notesCount }}</span>
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo {{ $activeTab === 'informations' ? 'active' : '' }}" id="tab-informations-tab" data-bs-toggle="tab" data-bs-target="#tab-informations" type="button" role="tab" aria-controls="tab-informations" aria-selected="{{ $activeTab === 'informations' ? 'true' : 'false' }}">
                    Informations
                </button>
            </li>
        </ul>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="tab-content" id="clientTabsContent">
            <!-- Onglet Informations client (inclut les commercialisateurs rattachés) -->
            <div class="tab-pane fade {{ $activeTab === 'informations' ? 'show active' : '' }}" id="tab-informations" role="tabpanel" aria-labelledby="tab-informations-tab">
                <!-- Bloc 1 - Informations client -->
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row g-4">
                            <div class="col-md-3">

                                <p class="mb-1 text-navigo text-medium text-primary text-20">{{ $client->civility?->value ?? '-' }} {{ $client->firstname ?? '-' }} {{ $client->lastname ?? '-' }}</p>

                                <p>
                                    <span class="icon-cake icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> {{ $client->birthdate?->format('d/m/Y') ?? '-' }}
                                    @php
                                        $age = $client->birthdate ? \Carbon\Carbon::parse($client->birthdate)->age : null;
                                    @endphp
                                    @if($age !== null)
                                        <span class="separator-vertical-small mx-1"></span>
                                        <span class="age_client">
                                            {{ $age }} ans
                                        </span>
                                    @endif
                                </p>

                                @if($client->profession)
                                    <p><span class="icon-briefcase-business icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> {{ $client->profession ?? '-' }}</p>
                                @endif
                            </div>

                            <div class="col-md-7 separator-left">

                                <p><span class="icon-mail icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> {{ $client->email }}</p>

                                <p>
                                    @if($client->phones && $client->phones->count() > 0)
                                        @foreach($client->phones as $phone)
                                            <div><span class="icon-phone icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> {{ format_phone_display($phone->value) }} <span class="badge">{{ $phone->type?->label() ?? '-' }}</span></div>
                                        @endforeach
                                    @endif
                                </p>

                                <p>
                                @php
                                $address = $client->address?->line_1 ?? '' . ($client->address?->line_2 ? ', ' . $client->address->line_2 : '') . ($client->address?->zip_code || $client->address?->city ? ', ' . $client->address?->zip_code . ' ' . $client->address?->city : '');
                                @endphp
                                    <span class="icon-map-pin icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> {{ $client->address?->line_1 ?? '' }}
                                    
                                    @if($client->address?->line_2)
                                    {{ $client->address->line_2 ? ', ' . $client->address->line_2 : '' }}
                                    @endif

                                    @if($client->address?->zip_code || $client->address?->city)
                                    , {{ $client->address?->zip_code ?? '-' }} {{ $client->address?->city ?? '-' }}
                                @endif
                                </p>

                                <!-- Informations matrimoniales -->
                                @if($client->situation_matrimoniale)
                                    <hr>
                                    <p class="mb-1 text-primary"><span class="icon-heart icon icon-16 align-items-center justify-content-center mx-auto"></span> Situation matrimoniale</p>
                                    
                                    @if($client->date_mariage_pacs)
                                        <p class="mb-0">{{ $client->situation_matrimoniale?->label() ?? '' }} le {{ $client->date_mariage_pacs?->format('d/m/Y') ?? '-' }} {{ $client->lieu_mariage_pacs ? 'à ' . $client->lieu_mariage_pacs : '' }}</p>
                                        @if($client->regime_matrimonial)
                                            <p class="mb-0">Sous le régime matrimonial de la {{ $client->regime_matrimonial?->label() ?? '-' }}</p>
                                        @endif
                                    @else
                                        <p class="mb-0">{{ $client->situation_matrimoniale?->label() ?? '' }}</p>
                                    @endif

                                    @if($client->date_divorce)
                                        <p class="mb-0">Date de divorce : {{ $client->date_divorce?->format('d/m/Y') ?? '-' }}</p>
                                    @endif
                                    
                                @endif

                            </div>

                            <div class="col-md-2 text-end">
                                <p class="badge">#{{ $client->id }}</p>
                                <p class="text-14 text-grey">Ajouté le {{ $client->created_at->format('d/m/Y H:i') }}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-body">

                        <div class="row g-4">

                            <div class="col-md-3">
                                <p class="text-navigo text-bold text-18">Commercialisateurs</p>
                            </div>

                            <div class="col-md-6 separator-left">
                                <div class="mb-2">
                                    <div>
                                        @php
                                            // Commercialisateur associé directement au client (champ user_id),
                                            // sinon on retombe sur le commercialisateur du premier dossier.
                                            // Si le client a un user_id directement associé, on l'affiche toujours
                                            // car le client lui-même appartient à l'application.
                                            // Sinon, on vérifie que le commercialisateur appartient à l'application
                                            // et qu'il a bien le rôle ROLE_COMMERCIALISATEUR.
                                            $applicationUserIds = $application->users->pluck('id')->toArray();

                                            if ($client->user) {
                                                // Le client a un user_id directement associé, on l'affiche
                                                $commercialisateur = $client->user;
                                            } else {
                                                // Sinon, on cherche dans les options et on vérifie l'appartenance à l'application
                                                $commercialisateur = $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)
                                            <div class="card border-info mt-2">
                                                <div class="card-body bg-grey d-flex align-items-center flex-wrap gap-2">
                                                        <span class="avatar-note me-1">{{ $commercialisateur->firstname[0] }} {{ $commercialisateur->lastname[0] }}</span>
                                                        {{ $commercialisateur->firstname }} {{ $commercialisateur->lastname }}
                                                        <div class="d-flex align-items-center flex-wrap gap-2 ms-auto">
                                                            <span class="separator-vertical"></span>
                                                            <a href="{{ route('partner.commercialisateur.show', ['user' => $commercialisateur]) }}" class="btn btn-sm btn-outline-secondary">
                                                                <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                            </a>
                                                        </div>
                                                </div>
                                            </div>
                                        @else
                                            <span class="text-muted">Pas de commercialisateur associé</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-none">
                    <!-- Section Commercialisateurs rattachés (intégrée aux informations client) -->
                    <hr>
                    <h5 class="mb-3">
                        <i class="fas fa-users me-2"></i>Commercialisateurs rattachés
                    </h5>
                    @if($commercialisateurs->isEmpty())
                        <p class="text-muted mb-0">Aucun commercialisateur rattaché</p>
                    @else
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead class="table-light">
                                    <tr>
                                        <th>Nom du commercialisateur</th>
                                        <th>Réseau</th>
                                        <th>Lien vers le dossier de vente</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($commercialisateurs as $user)
                                        @php
                                            $options = $client->options()->where('user_id', $user->id)->get();
                                        @endphp
                                        <tr>
                                            <td>{{ $user->firstname }} {{ $user->lastname }}</td>
                                            <td>
                                                @if($user->companies->first())
                                                    {{ $user->companies->first()->name }}
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                @if($options->isNotEmpty())
                                                    @foreach($options as $opt)
                                                        <a href="{{ route('partner.options.show', ['application' => $application, 'option' => $opt]) }}" class="btn btn-sm btn-outline-secondary me-1 mb-1">
                                                            Dossier #{{ $opt->id }}
                                                        </a>
                                                    @endforeach
                                                @else
                                                    -
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Onglet Notes promoteur -->
            <div class="tab-pane fade" id="tab-notes" role="tabpanel" aria-labelledby="tab-notes-tab">
                <div class="card mb-3">
                    <div class="card-body pb-0">
                        <form action="{{ route('partner.clients.notes.store', ['client' => $client]) }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-10">
                                    <textarea class="form-control bg-grey" id="note_content" name="content" rows="5" required placeholder="Saisissez une note interne..." resize="none" style="resize: none; height: inherit;"></textarea>
                                </div>
                                <div class="col-md-2">
                                    <button type="submit" class="btn btn-success w-100">Publier</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                @php
                    // Charger les notes explicitement avec l'utilisateur
                    $notes = \App\Models\Note::where('noteable_type', \App\Models\Client::class)
                        ->where('noteable_id', $client->id)
                        ->with('user')
                        ->orderBy('created_at', 'desc')
                        ->get();
                @endphp
                @if($notes->isEmpty())
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="text-center py-4">
                                <i class="fas fa-sticky-note fa-3x text-muted mb-3"></i>
                                <p class="text-muted">Aucune note</p>
                            </div>
                        </div>
                    </div>
                @else
                    @foreach($notes->sortByDesc('created_at') as $note)
                        <div class="card mb-4 note-card" data-note-token="{{ $note->token }}" data-update-url="{{ route('partner.clients.notes.update', ['client' => $client, 'note' => $note]) }}">
                            <div class="card-body">
                                <div class="note-view">
                                    <p class="mb-1 text-16 note-content-display">{{ $note->content }}</p>
                                </div>
                                <form class="note-edit d-none note-edit-form" method="POST" action="{{ route('partner.clients.notes.update', ['client' => $client, 'note' => $note]) }}">
                                    @csrf
                                    @method('PUT')
                                    <textarea class="form-control bg-grey note-content-edit mb-2" name="content" rows="5" required style="resize: none;">{{ $note->content }}</textarea>
                                    <div class="d-flex gap-2">
                                        <button type="submit" class="btn btn-success btn-sm note-save">
                                            <i class="fas fa-check me-1"></i>Enregistrer
                                        </button>
                                        <button type="button" class="btn btn-outline-secondary btn-sm note-cancel">
                                            <i class="fas fa-times me-1"></i>Annuler
                                        </button>
                                    </div>
                                </form>
                                <hr class="my-2">
                                <div class="d-flex align-items-center flex-wrap gap-2">
                                    <span class="text-grey text-14">
                                        {{ $note->created_at->format('d/m/Y') }}
                                    </span>
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-14">
                                        @if($note->user)
                                        @php
                                            $firstInitial = strtoupper(substr($note->user->firstname ?? '', 0, 1));
                                            $lastInitial = strtoupper(substr($note->user->lastname ?? '', 0, 1));
                                            $initials = $firstInitial . $lastInitial;
                                        @endphp
                                        @if($initials)
                                            <span class="avatar-note me-1">{{ $initials }}</span>
                                        @endif
                                        {{ $note->user->firstname }} {{ $note->user->lastname }}
                                        @endif
                                    </span>
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-14">
                                        <button type="button" class="btn btn-sm note-edit-btn" title="Modifier">
                                            <span class="icon-square-pen icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> Modifier
                                        </button>
                                    </span>
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-14">
                                        <button type="button" class="btn btn-sm note-delete-btn" title="Supprimer"
                                            data-url="{{ route('partner.clients.notes.destroy', ['client' => $client, 'note' => $note]) }}"
                                            data-csrf="{{ csrf_token() }}"
                                            data-confirm="Supprimer cette note ?">
                                            <span class="icon-trash icon icon-16 text-black align-items-center justify-content-center mx-auto"></span> Supprimer
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>

            <!-- Onglet Dossiers actifs -->
            <div class="tab-pane fade" id="tab-dossiers" role="tabpanel" aria-labelledby="tab-dossiers-tab">
                <!-- <div class="card-header bg-info">
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-folder-open me-2"></i>Dossiers actifs
                        </h5>
                        <button type="button" class="btn btn-light btn-sm" data-bs-toggle="modal" data-bs-target="#linkDossierModal">
                            <i class="fas fa-link me-2"></i>Relier un dossier existant
                        </button>
                    </div>
                </div> -->
                @if($dossiersActifs->isEmpty())
                    <div class="text-center py-4">
                        <i class="fas fa-folder-open fa-3x text-muted mb-3"></i>
                        <p class="text-muted">Aucun dossier actif</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>Programme</th>
                                    <th>Fiscalité</th>
                                    <th>Commercialisateur</th>
                                    <th>Option</th>
                                    <th>Réservation</th>
                                    <th>Prix</th>
                                    <th>Statut du dossier</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($dossiersActifs as $option)
                                    @php
                                        $product = $option->product;
                                        $program = $product?->program;
                                        // Fiscalité : d'abord celle du lot, sinon celle du programme
                                        $fiscalite = $product?->fiscalites->first();
                                        if (!$fiscalite && $program && $program->fiscalites && $program->fiscalites->count() > 0) {
                                            $fiscalite = $program->fiscalites->first();
                                        }
                                        $prix = $option->prices->where('type', 'prix_ttc')->first() ?? $product?->prices->where('type', 'prix_ttc')->first();
                                        $currentState = $option->state;
                                        $dateReservation = $option->states()->where('type', \App\Enums\OptionState::CONFIRMED->value)->first()?->created_at;
                                    @endphp
                                    <tr>
                                        <td>{{ $program?->name ?? '-' }}<br>{{ $product?->name ?? 'Lot ' . ($product?->number ?? '-') }}</td>
                                        <td>{{ $fiscalite?->type?->label() ?? '-' }}</td>
                                        <td>
                                            @if($option->user)
                                                {{ $option->user->firstname }} {{ $option->user->lastname }}
                                            @else
                                                Aucun utilisateur
                                            @endif
                                        </td>
                                        <td>{{ $option->created_at->format('d/m/Y') }}</td>
                                        <td>{{ $dateReservation?->format('d/m/Y') ?? '-' }}</td>
                                        <td class="nowrap">
                                            @if($prix)
                                                {{ number_format($prix->value, 0, ',', ' ') }} €
                                            @else
                                                -
                                            @endif
                                        </td>
                                        @php
                                            $reservation = $option->latestReservation;
                                            $currentTaskReservation = $reservation
                                                ? $reservation->taskReservations
                                                    ->where('state', \App\Enums\TaskState::EN_COURS)
                                                    ->first()
                                                : null;
                                        @endphp
                                        <td>
                                            @if($currentTaskReservation && $currentTaskReservation->task)
                                                <span class="badge">{{ $currentTaskReservation->task->name }}</span>
                                            @elseif($reservation)
                                                <span class="badge">Aucune tâche en cours</span>
                                            @else
                                                <span class="badge">{{ $currentState?->label() ?? '-' }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($reservation)
                                                <a href="{{ route('partner.reservations.show', $reservation) }}" class="btn btn-sm btn-outline-secondary">
                                                    <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                </a>
                                            @else
                                                <a href="{{ route('partner.options.show', ['application' => $application, 'option' => $option]) }}" class="btn btn-sm btn-outline-secondary">
                                                    <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>

            <!-- Onglet Historique des ventes -->
            <div class="tab-pane fade" id="tab-historique" role="tabpanel" aria-labelledby="tab-historique-tab">
                @if($historiqueVentes->isEmpty())
                    <div class="text-center py-4">
                        <i class="fas fa-history fa-3x text-muted mb-3"></i>
                        <p class="text-muted">Aucune vente dans l'historique</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>Programme</th>
                                    <th>Archivage</th>
                                    <th>Commercialisateur</th>
                                    <th>Prix</th>
                                    <th>Statut du dossier</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($historiqueVentes as $option)
                                    @php
                                        $product = $option->product;
                                        $program = $product?->program;
                                        $prix = $option->prices->where('type', 'prix_ttc')->first() ?? $product?->prices->where('type', 'prix_ttc')->first();
                                        $currentState = $option->state;
                                        $dateArchivage = $option->states()->whereIn('type', [
                                            \App\Enums\OptionState::CANCELED->value,
                                            \App\Enums\OptionState::CONFIRMED->value,
                                        ])->first()?->created_at ?? $option->updated_at;
                                        $reservation = $option->latestReservation;
                                        // Pour l'historique des ventes, afficher en priorité la tâche CONTRAT_SIGNE si elle existe
                                        $currentTaskReservation = null;
                                        if ($reservation) {
                                            $currentTaskReservation = $reservation->taskReservations
                                                ->filter(function ($taskReservation) {
                                                    return $taskReservation->task
                                                        && $taskReservation->task->type === \App\Enums\TaskType::CONTRAT_SIGNE;
                                                })
                                                ->sortByDesc('created_at')
                                                ->first();
                                        }
                                    @endphp
                                    <tr>
                                        <td>{{ $program?->name ?? '-' }}<br>{{ $product?->name ?? 'Lot ' . ($product?->number ?? '-') }}</td>
                                        <td>{{ $dateArchivage->format('d/m/Y') }}</td>
                                        <td>
                                            @if($option->user)
                                                {{ $option->user->firstname }} {{ $option->user->lastname }}
                                            @else
                                                Aucun utilisateur
                                            @endif
                                        </td>
                                        <td>
                                            @if($prix)
                                                {{ number_format($prix->value, 0, ',', ' ') }} €
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td>
                                            @if($currentTaskReservation && $currentTaskReservation->task)
                                                <span class="badge">{{ $currentTaskReservation->task->name }}</span>
                                            @elseif($reservation)
                                                <span class="badge">Aucune tâche en cours</span>
                                            @else
                                                <span class="badge">{{ $currentState?->label() ?? '-' }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            <a href="{{ route('partner.options.show', ['application' => $application, 'option' => $option]) }}" class="btn btn-sm btn-outline-secondary">
                                                <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>

            <!-- Onglet Documents -->
            <div class="tab-pane fade {{ $activeTab === 'documents' ? 'show active' : '' }}" id="tab-documents" role="tabpanel" aria-labelledby="tab-documents-tab">
                @if($documents->isNotEmpty())
                    <a href="{{ route('partner.clients.documents.download', ['client' => $client]) }}" class="btn btn-light btn-outline-secondary btn-sm me-2">
                        <span class="icon-download icon icon-16 text-primary align-items-center justify-content-center mx-auto"></span> Télécharger le dossier ZIP
                    </a>
                    <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#uploadDocumentModal">
                        <span class="icon-upload icon icon-16 text-white align-items-center justify-content-center mx-auto"></span> Upload de documents
                    </button>
                @endif
                
                @if($documents->isEmpty())
                    <div class="text-center py-4">
                        <i class="fas fa-file-alt fa-3x text-muted mb-3"></i>
                        <p class="text-muted">Aucun document</p>
                        <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#uploadDocumentModal">
                            <span class="icon-upload icon icon-16 text-white align-items-center justify-content-center mx-auto"></span> Upload de documents
                        </button>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table-personnalisee table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>Titre du document</th>
                                    <th>Type de document</th>
                                    <th>Ajouté le</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($documents as $document)
                                    <tr>
                                        <td><span class="picto">
                                            <span class="icon-file-text icon icon-18 text-black align-items-center justify-content-center mx-auto"></span>
                                        </span> {{ $document->name }}</td>
                                        <td><span class="badge">{{ $document->type }}</span></td>
                                        <td><small class="text-grey text-12">{{ $document->created_at->format('d/m/Y H:i') }}</small></td>
                                        <td>
                                            <a href="{{ route('partner.clients.documents.download-one', ['client' => $client, 'document' => $document]) }}" class="btn btn-sm btn-outline-secondary">
                                                <span class="icon-download icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                            </a>
                                            <a href="{{ route('partner.clients.documents.download-one', ['client' => $client, 'document' => $document]) }}" class="btn btn-sm btn-outline-secondary d-none">
                                                <span class="icon-eye icon icon-16 text-black align-items-center justify-content-center mx-auto"></span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal Fusion Client -->
<div class="modal fade" id="mergeClientModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('partner.clients.merge', ['client' => $client]) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Fusionner avec une autre fiche client</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        Cette action est irréversible. Toutes les options et documents du client actuel seront transférés vers le client cible.
                    </div>
                    <div class="mb-3">
                        <label for="target_client_id" class="form-label">Client cible</label>
                        <select name="target_client_id" id="target_client_id" class="form-select" required>
                            <option value="">Sélectionner un client</option>
                            @foreach($application->clients()->where('id', '!=', $client->id)->get() as $targetClient)
                                <option value="{{ $targetClient->id }}">
                                    {{ $targetClient->fullName() ?: $targetClient->email }} (ID: {{ $targetClient->id }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-warning">Fusionner</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Relier Dossier -->
<div class="modal fade" id="linkDossierModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form action="{{ route('partner.clients.link-option', ['client' => $client]) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Relier un dossier existant</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i>
                        Sélectionnez un dossier (option) existant à relier à ce client.
                    </div>
                    <div class="mb-3">
                        <label for="option_id" class="form-label">Dossier (Option)</label>
                        <select name="option_id" id="option_id" class="form-select" required>
                            <option value="">Sélectionner un dossier</option>
                            @php
                                $availableOptions = \App\Models\Option::where('application_id', $application->id)
                                    ->where(function($q) use ($client) {
                                        $q->where('client_id', '!=', $client->id)
                                            ->orWhereNull('client_id');
                                    })
                                    ->with(['product.program', 'user'])
                                    ->get();
                            @endphp
                            @if($availableOptions->isEmpty())
                                <option value="" disabled>Aucun dossier disponible</option>
                            @else
                                @foreach($availableOptions as $option)
                                    @php
                                        $product = $option->product;
                                        $program = $product?->program;
                                    @endphp
                                    <option value="{{ $option->id }}">
                                        Option #{{ $option->id }} -
                                        {{ $program?->name ?? 'Programme inconnu' }} -
                                        {{ $product?->name ?? 'Lot inconnu' }}
                                        @if($option->user)
                                            ({{ $option->user->firstname }} {{ $option->user->lastname }})
                                        @endif
                                        - {{ $option->state?->label() ?? 'Statut inconnu' }}
                                    </option>
                                @endforeach
                            @endif
                        </select>
                        <small class="text-muted">Seuls les dossiers de cette application non liés à ce client sont affichés</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Relier le dossier</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Upload Documents -->
<div class="modal fade" id="uploadDocumentModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('partner.clients.documents.upload', ['client' => $client]) }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Upload de documents</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="documents" class="form-label">Documents</label>
                        <input type="file" name="documents[]" id="documents" class="form-control" multiple accept=".pdf,.doc,.docx,.jpg,.jpeg,.png" required>
                        <small class="text-muted">Formats acceptés : PDF, DOC, DOCX, JPG, JPEG, PNG (max 50MB par fichier)</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Uploader</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Ajouter Note -->
<div class="modal fade" id="addNoteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('partner.clients.notes.store', ['client' => $client]) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Ajouter une note</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="note_content" class="form-label">Contenu de la note</label>
                        <textarea class="form-control" id="note_content" name="content" rows="5" required placeholder="Saisissez votre note..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Ajouter la note</button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.note-card').forEach(function(card) {
        var viewBlock = card.querySelector('.note-view');
        var editBlock = card.querySelector('.note-edit');
        var editBtn = card.querySelector('.note-edit-btn');
        var cancelBtn = card.querySelector('.note-cancel');
        var contentEdit = card.querySelector('.note-content-edit');
        var actionsBlock = card.querySelector('.note-actions');
        var originalContent = contentEdit ? contentEdit.value : '';

        function enterEditMode() {
            if (viewBlock) viewBlock.classList.add('d-none');
            if (editBlock) editBlock.classList.remove('d-none');
            if (actionsBlock) actionsBlock.classList.add('d-none');
            if (contentEdit) contentEdit.focus();
        }

        function exitEditMode() {
            if (viewBlock) viewBlock.classList.remove('d-none');
            if (editBlock) editBlock.classList.add('d-none');
            if (actionsBlock) actionsBlock.classList.remove('d-none');
            if (contentEdit) contentEdit.value = originalContent;
        }

        if (editBtn) {
            editBtn.addEventListener('click', function() {
                originalContent = contentEdit ? contentEdit.value : '';
                enterEditMode();
            });
        }

        if (cancelBtn) {
            cancelBtn.addEventListener('click', function() {
                exitEditMode();
            });
        }
    });

    document.querySelectorAll('.note-delete-btn').forEach(function(btn) {
        btn.addEventListener('click', function() {
            if (!confirm(this.dataset.confirm || 'Supprimer cette note ?')) {
                return;
            }
            var form = document.createElement('form');
            form.method = 'POST';
            form.action = this.dataset.url;
            var tokenInput = document.createElement('input');
            tokenInput.type = 'hidden';
            tokenInput.name = '_token';
            tokenInput.value = this.dataset.csrf;
            form.appendChild(tokenInput);
            var methodInput = document.createElement('input');
            methodInput.type = 'hidden';
            methodInput.name = '_method';
            methodInput.value = 'DELETE';
            form.appendChild(methodInput);
            document.body.appendChild(form);
            form.submit();
        });
    });
});
</script>
@endpush
@endsection