@extends('layouts.app')

@section('content')

<style>
    .client-header {
        border-radius: 18px;
    }

    .info-label {
        color: #64748b;
        font-size: .8rem;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .25rem;
    }

    .info-value {
        color: #0f172a;
        font-weight: 500;
    }

    .soft-card {
        border-radius: 16px;
    }

    .badge-option {
        background: #eef2ff;
        color: #4338ca;
        padding: .5rem .75rem;
        border-radius: 999px;
        font-weight: 500;
    }

    .empty-value {
        color: #94a3b8;
    }

    .nav-tabs .nav-link {
        color: #64748b;
        border: 0;
        border-bottom: 3px solid transparent;
    }

    .nav-tabs .nav-link.active {
        color: #0d6efd;
        border-bottom-color: #0d6efd;
        background: transparent;
        font-weight: 600;
    }
</style>

<div class="mb-3">
    <a href="{{ route('clients.index') }}" class="text-decoration-none">
        <i class="bi bi-arrow-left me-1"></i>
        Retour à la liste
    </a>
</div>

<div class="card border-0 shadow-sm client-header mb-4">

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

        <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">

            <div>

                <div class="d-flex align-items-center gap-2 mb-2">

                    <h1 class="h3 mb-0">
                        {{ $client->nom }}
                    </h1>

                    @if($client->actif)
                        <span class="badge rounded-pill text-bg-success">
                            Actif
                        </span>
                    @else
                        <span class="badge rounded-pill text-bg-secondary">
                            Inactif
                        </span>
                    @endif

                </div>

                <div class="text-muted">

                    @if($client->code_client)
                        {{ $client->code_client }}
                    @endif

                    @if($client->code_client && $client->ville)
                        ·
                    @endif

                    {{ $client->ville }}

                </div>

            </div>

            <a
                href="{{ route('clients.edit', $client) }}"
                class="btn btn-outline-primary"
            >
                <i class="bi bi-pencil me-1"></i>
                Modifier
            </a>

        </div>

        <hr class="my-4">

        <div class="row g-4">

            <div class="col-md-4">

                <div class="info-label">
                    Partenaire
                </div>

                <div class="info-value">
                    {{ $client->partenaire?->cabinet ?? 'Non renseigné' }}
                </div>

            </div>

            <div class="col-md-4">

                <div class="info-label">
                    Gestionnaire
                </div>

                <div class="info-value">
                    {{ $client->gestionnaire?->nom ?? 'Non affecté' }}
                </div>

            </div>

            <div class="col-md-4">

                <div class="info-label">
                    Convention collective
                </div>

                <div class="info-value">
                    {{ $client->conventionCollective?->libelle ?? 'Non renseignée' }}
                </div>

            </div>

        </div>

    </div>

</div>

<ul class="nav nav-tabs mb-4" id="clientTabs" role="tablist">

    <li class="nav-item">
        <button
            class="nav-link active"
            data-bs-toggle="tab"
            data-bs-target="#informations"
            type="button"
        >
            <i class="bi bi-card-list me-1"></i>
            Informations
        </button>
    </li>

    <li class="nav-item">
        <button
            class="nav-link"
            data-bs-toggle="tab"
            data-bs-target="#etablissements"
            type="button"
        >
            <i class="bi bi-buildings me-1"></i>
            Établissements
            <span class="badge text-bg-light ms-1">
                {{ $client->etablissements->where('actif', 1)->count() }}
            </span>
        </button>
    </li>

    <li class="nav-item">
        <button
            class="nav-link"
            data-bs-toggle="tab"
            data-bs-target="#tarifs"
            type="button"
        >
            <i class="bi bi-currency-euro me-1"></i>
            Tarifs spécifiques
            <span class="badge text-bg-light ms-1">
                {{ $client->tarifsClients->count() }}
            </span>
        </button>
    </li>

    <li class="nav-item">
        <button
            class="nav-link"
            data-bs-toggle="tab"
            data-bs-target="#historique"
            type="button"
        >
            <i class="bi bi-clock-history me-1"></i>
            Historique
        </button>
    </li>
	<li class="nav-item" role="presentation">
		<button
			class="nav-link"
			id="documents-tab"
			data-bs-toggle="tab"
			data-bs-target="#documents"
			type="button"
			role="tab"
			aria-controls="documents"
			aria-selected="false"
		>
			Documents
			<span class="badge text-bg-secondary ms-1">
				{{ $client->documents->count() }}
			</span>
		</button>
	</li>

</ul>

<div class="tab-content">

    <div class="tab-pane fade show active" id="informations">

        <div class="row g-4">

            <div class="col-lg-8">

                <div class="card border-0 shadow-sm soft-card h-100">

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

                        <h2 class="h5 mb-4">
                            Informations générales
                        </h2>

                        <div class="row g-4">

                            <div class="col-md-6">
                                <div class="info-label">SIRET</div>
                                <div class="info-value">
                                    {{ $client->siret ?: 'Non renseigné' }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="info-label">Date de création</div>
                                <div class="info-value">
                                    {{ $client->date_creation?->format('d/m/Y') ?? 'Non renseignée' }}
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="info-label">Adresse</div>

                                <div class="info-value">

                                    @if($client->adresse)
                                        {{ $client->adresse }}<br>

                                        @if($client->complement_adresse)
                                            {{ $client->complement_adresse }}<br>
                                        @endif

                                        {{ $client->code_postal }}
                                        {{ $client->ville }}
                                    @else
                                        <span class="empty-value">
                                            Non renseignée
                                        </span>
                                    @endif

                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="info-label">Contact</div>
                                <div class="info-value">
                                    {{ $client->contact_nom ?: 'Non renseigné' }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="info-label">Téléphone</div>
                                <div class="info-value">
                                    {{ $client->contact_telephone ?: 'Non renseigné' }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="info-label">Email</div>
                                <div class="info-value">
                                    {{ $client->contact_email ?: 'Non renseigné' }}
                                </div>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="col-lg-4">

                <div class="card border-0 shadow-sm soft-card mb-4">

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

                        <h2 class="h5 mb-3">
                            Options
                        </h2>

                        <div class="d-flex flex-wrap gap-2">

                            @if($client->option_silae_rh)
                                <span class="badge-option">Silae RH</span>
                            @endif

                            @if($client->option_silae_rh_pro)
                                <span class="badge-option">Silae RH Pro</span>
                            @endif

                            @if($client->option_vip)
                                <span class="badge-option">VIP</span>
                            @endif

                            @if($client->option_demat)
                                <span class="badge-option">Démat</span>
                            @endif

                            @if($client->option_mysilae)
                                <span class="badge-option">MySilae</span>
                            @endif

                            @if(
                                !$client->option_silae_rh
                                && !$client->option_silae_rh_pro
                                && !$client->option_vip
                                && !$client->option_demat
                                && !$client->option_mysilae
                            )
                                <span class="text-muted">
                                    Aucune option
                                </span>
                            @endif

                        </div>

                    </div>

                </div>

                <div class="card border-0 shadow-sm soft-card">

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

                        <h2 class="h5 mb-3">
                            Informations de connexion
                        </h2>

                        <div style="white-space: pre-line;">
                            {{ $client->infos_connexion ?: 'Aucune information enregistrée.' }}
                        </div>

                    </div>

                </div>

            </div>

            <div class="col-12">

                <div class="card border-0 shadow-sm soft-card">

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

                        <h2 class="h5 mb-3">
                            Commentaires
                        </h2>

                       <div class="client-commentaire">
							@if($client->commentaire)
								{!! $client->commentaire !!}
							@else
								<span class="text-muted">Aucun commentaire.</span>
							@endif
						</div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="tab-pane fade" id="etablissements">

        <div class="card border-0 shadow-sm soft-card">

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

                <div class="d-flex justify-content-between align-items-center mb-4">

					<h2 class="h5 mb-0">
						Établissements
					</h2>

					<button
						type="button"
						class="btn btn-primary btn-sm"
						data-bs-toggle="collapse"
						data-bs-target="#formNouvelEtablissement"
						aria-expanded="false"
						aria-controls="formNouvelEtablissement"
					>
						<i class="bi bi-plus-circle me-1"></i>
						Nouvel établissement
					</button>

				</div>
				{{--
				|--------------------------------------------------------------------------
				| Formulaire d'ajout d'un établissement
				|--------------------------------------------------------------------------
				--}}
				<div
					class="collapse mb-4"
					id="formNouvelEtablissement"
				>
					<div class="card bg-light border-0">

						<div class="card-body">

							<form
								method="POST"
								action="{{ route('clients.etablissements.store', $client) }}"
							>
								@csrf
								
								@if($saisieBulletinMoisCourant)

									<div class="alert alert-warning">

										<div class="fw-semibold mb-1">
											<i class="bi bi-exclamation-triangle me-1"></i>
											Attention : des bulletins sont déjà saisis pour le mois en cours
										</div>

										<div>
											Une saisie de
											<strong>
												{{ $saisieBulletinMoisCourant->quantite }}
												bulletin{{ (int) $saisieBulletinMoisCourant->quantite > 1 ? 's' : '' }}
											</strong>
											existe déjà pour ce client.
										</div>

										<div class="small mt-2">
											La création d'un établissement passera le client en mode
											multi-établissements. Lors de la première saisie de bulletins
											sur un établissement, la saisie principale du mois sera supprimée
											automatiquement afin d'éviter tout doublon.
										</div>

									</div>

								@endif
								<div class="row g-3">

									{{-- Nom --}}
									<div class="col-md-6">
										<label class="form-label">
											Nom de l'établissement *
										</label>

										<input
											type="text"
											name="nom"
											class="form-control"
											required
										>
									</div>

									{{-- SIRET --}}
									<div class="col-md-6">
										<label class="form-label">
											SIRET
										</label>

										<input
											type="text"
											name="siret"
											class="form-control"
										>
									</div>

									{{-- Adresse --}}
									<div class="col-md-8">
										<label class="form-label">
											Adresse
										</label>

										<input
											type="text"
											name="adresse"
											class="form-control"
										>
									</div>

									{{-- Complément --}}
									<div class="col-md-4">
										<label class="form-label">
											Complément
										</label>

										<input
											type="text"
											name="complement_adresse"
											class="form-control"
										>
									</div>

									{{-- Code postal --}}
									<div class="col-md-3">
										<label class="form-label">
											Code postal
										</label>

										<input
											type="text"
											name="code_postal"
											class="form-control"
										>
									</div>

									{{-- Ville --}}
									<div class="col-md-5">
										<label class="form-label">
											Ville
										</label>

										<input
											type="text"
											name="ville"
											class="form-control"
										>
									</div>

									{{-- Téléphone --}}
									<div class="col-md-4">
										<label class="form-label">
											Téléphone
										</label>

										<input
											type="text"
											name="telephone"
											class="form-control"
										>
									</div>

									{{-- Email --}}
									<div class="col-md-6">
										<label class="form-label">
											Email
										</label>

										<input
											type="email"
											name="email"
											class="form-control"
										>
									</div>

									{{-- Commentaire --}}
									<div class="col-12">
										<label class="form-label">
											Commentaire
										</label>

										<textarea
											name="commentaire"
											rows="3"
											class="form-control"
										></textarea>
									</div>

								</div>

								<div class="d-flex justify-content-end gap-2 mt-3">

									<button
										type="button"
										class="btn btn-outline-secondary"
										data-bs-toggle="collapse"
										data-bs-target="#formNouvelEtablissement"
									>
										Annuler
									</button>

									<button
										type="submit"
										class="btn btn-primary"
									>
										<i class="bi bi-check-lg me-1"></i>
										Ajouter l'établissement
									</button>

								</div>

							</form>

						</div>

					</div>
				</div>

                @forelse($client->etablissements->where('actif', 1) as $etablissement)

                    <div class="border rounded-3 p-3 mb-3">

					{{--
					|--------------------------------------------------------------------------
					| Résumé de l'établissement
					|--------------------------------------------------------------------------
					--}}
					<div class="d-flex justify-content-between align-items-start gap-3">

						<div>

							<div class="fw-semibold">
								{{ $etablissement->nom }}
							</div>

							<div class="text-muted small">
								{{ $etablissement->code_postal }}
								{{ $etablissement->ville }}
							</div>

							@if($etablissement->commentaire)
								<div class="mt-2">
									{{ $etablissement->commentaire }}
								</div>
							@endif

						</div>

						<button
							type="button"
							class="btn btn-sm btn-outline-primary"
							data-bs-toggle="collapse"
							data-bs-target="#modifierEtablissement{{ $etablissement->id }}"
							aria-expanded="false"
						>
							<i class="bi bi-pencil me-1"></i>
							Modifier
						</button>

					</div>


					{{--
					|--------------------------------------------------------------------------
					| Formulaire de modification
					|--------------------------------------------------------------------------
					--}}
					<div
						class="collapse mt-4"
						id="modifierEtablissement{{ $etablissement->id }}"
					>

						<hr>

						<form
							method="POST"
							action="{{ route('etablissements.update', $etablissement) }}"
						>
							@csrf
							@method('PUT')

							<div class="row g-3">

								{{-- Nom --}}
								<div class="col-md-6">
									<label class="form-label">
										Nom de l'établissement *
									</label>

									<input
										type="text"
										name="nom"
										class="form-control"
										value="{{ $etablissement->nom }}"
										required
									>
								</div>

								{{-- SIRET --}}
								<div class="col-md-6">
									<label class="form-label">
										SIRET
									</label>

									<input
										type="text"
										name="siret"
										class="form-control"
										value="{{ $etablissement->siret }}"
									>
								</div>

								{{-- Adresse --}}
								<div class="col-md-8">
									<label class="form-label">
										Adresse
									</label>

									<input
										type="text"
										name="adresse"
										class="form-control"
										value="{{ $etablissement->adresse }}"
									>
								</div>

								{{-- Complément d'adresse --}}
								<div class="col-md-4">
									<label class="form-label">
										Complément
									</label>

									<input
										type="text"
										name="complement_adresse"
										class="form-control"
										value="{{ $etablissement->complement_adresse }}"
									>
								</div>

								{{-- Code postal --}}
								<div class="col-md-3">
									<label class="form-label">
										Code postal
									</label>

									<input
										type="text"
										name="code_postal"
										class="form-control"
										value="{{ $etablissement->code_postal }}"
									>
								</div>

								{{-- Ville --}}
								<div class="col-md-5">
									<label class="form-label">
										Ville
									</label>

									<input
										type="text"
										name="ville"
										class="form-control"
										value="{{ $etablissement->ville }}"
									>
								</div>

								{{-- Téléphone --}}
								<div class="col-md-4">
									<label class="form-label">
										Téléphone
									</label>

									<input
										type="text"
										name="telephone"
										class="form-control"
										value="{{ $etablissement->telephone }}"
									>
								</div>

								{{-- Email --}}
								<div class="col-md-6">
									<label class="form-label">
										Email
									</label>

									<input
										type="email"
										name="email"
										class="form-control"
										value="{{ $etablissement->email }}"
									>
								</div>

								{{-- Commentaire --}}
								<div class="col-12">
									<label class="form-label">
										Commentaire
									</label>

									<textarea
										name="commentaire"
										rows="3"
										class="form-control"
									>{{ $etablissement->commentaire }}</textarea>
								</div>

							</div>

							<div class="d-flex justify-content-between align-items-center mt-3">

								{{--
								 * Désactivation de l'établissement.
								 *
								 * Le bouton ne supprime pas réellement l'établissement :
								 * il passe simplement son champ actif à 0.
								 --}}
								<button
									type="button"
									class="btn btn-outline-danger"
									onclick="if(confirm('Voulez-vous vraiment désactiver cet établissement ?')) {
										document.getElementById(
											'form-desactiver-etablissement-{{ $etablissement->id }}'
										).submit();
									}"
								>
									<i class="bi bi-x-circle me-1"></i>
									Désactiver
								</button>


								<div class="d-flex gap-2">

									<button
										type="button"
										class="btn btn-outline-secondary"
										data-bs-toggle="collapse"
										data-bs-target="#modifierEtablissement{{ $etablissement->id }}"
									>
										Annuler
									</button>

									<button
										type="submit"
										class="btn btn-primary"
									>
										<i class="bi bi-check-lg me-1"></i>
										Enregistrer
									</button>

								</div>

							</div>

						</form>
						{{--
							|--------------------------------------------------------------------------
							| Formulaire de désactivation
							|--------------------------------------------------------------------------
							--}}
							<form
								id="form-desactiver-etablissement-{{ $etablissement->id }}"
								method="POST"
								action="{{ route('etablissements.destroy', $etablissement) }}"
								class="d-none"
							>
								@csrf
								@method('DELETE')
							</form>
					</div>

				</div>

                @empty

                    <div class="text-muted">
                        Ce client ne possède aucun établissement complémentaire.
                    </div>

                @endforelse
				{{--
				|--------------------------------------------------------------------------
				| Établissements désactivés
				|--------------------------------------------------------------------------
				|
				| Les établissements désactivés sont conservés afin de préserver
				| l'historique des anciennes saisies multi-établissements.
				|
				--}}
				@if($client->etablissements->where('actif', 0)->isNotEmpty())

					<div class="mt-5">

						<div class="d-flex align-items-center gap-2 mb-3">

							<h3 class="h6 text-muted mb-0">
								Établissements désactivés
							</h3>

							<span class="badge text-bg-secondary">
								{{ $client->etablissements->where('actif', 0)->count() }}
							</span>

						</div>

						<div class="border rounded-3 bg-light">

							@foreach($client->etablissements->where('actif', 0) as $etablissement)

								<div
									class="p-3
									{{ !$loop->last ? 'border-bottom' : '' }}"
								>

									<div class="d-flex justify-content-between align-items-center">

										<div>

											<div class="fw-semibold text-muted">
												{{ $etablissement->nom }}
											</div>

											<div class="small text-muted">

												@if($etablissement->siret)
													SIRET : {{ $etablissement->siret }}
												@endif

												@if(
													$etablissement->siret
													&& ($etablissement->code_postal || $etablissement->ville)
												)
													·
												@endif

												{{ $etablissement->code_postal }}
												{{ $etablissement->ville }}

											</div>

										</div>

										<div class="d-flex align-items-center gap-2">

											<span class="badge text-bg-secondary">
												Désactivé
											</span>

											<form
												method="POST"
												action="{{ route('etablissements.reactiver', $etablissement) }}"
												onsubmit="return confirm(
													@if($saisieBulletinMoisCourant)
														'Attention : une saisie de {{ $saisieBulletinMoisCourant->quantite }} bulletin(s) existe déjà pour le mois en cours.\n\nLa réactivation de cet établissement va repasser le client en multi-établissements. Lors de la première saisie sur un établissement, la saisie principale sera supprimée.\n\nVoulez-vous continuer ?'
													@else
														'Voulez-vous réactiver cet établissement ?'
													@endif
												);"
											>
												@csrf

												<button
													type="submit"
													class="btn btn-sm btn-outline-success"
												>
													<i class="bi bi-arrow-counterclockwise me-1"></i>
													Réactiver
												</button>

											</form>

										</div>

									</div>

								</div>

							@endforeach

						</div>

					</div>

				@endif
            </div>

        </div>

    </div>

    <div class="tab-pane fade" id="tarifs">

        <div class="card border-0 shadow-sm soft-card">
			{{--
				|--------------------------------------------------------------------------
				| Ajout d'un tarif spécifique
				|--------------------------------------------------------------------------
				--}}
				<div class="card-body border-bottom">

					<h2 class="h5 mb-3">
						Ajouter une nouvelle tarification
					</h2>
					@if(auth()->user()->peutGererTarifsClients())
					<form
						method="POST"
						action="{{ route('clients.tarifs.store', $client) }}"
					>
						@csrf

						<div class="row g-3 align-items-end">

							{{-- Service --}}
							<div class="col-md-7">

								<label
									for="tarif_service_id"
									class="form-label"
								>
									Service
								</label>

								<select
									name="service_id"
									id="tarif_service_id"
									class="form-select"
									required
								>
									<option value="">
										Sélectionner un service
									</option>

									@foreach($services as $service)

										<option
											value="{{ $service->id }}"
											@selected(old('service_id') == $service->id)
										>
											{{ $service->libelle }}
										</option>

									@endforeach

								</select>

							</div>

							{{-- Date de début d'application --}}
							<div class="col-md-3">

								<label
									for="tarif_date_debut"
									class="form-label"
								>
									Applicable à partir de
								</label>

								<input
									type="month"
									name="date_debut"
									id="tarif_date_debut"
									class="form-control @error('date_debut') is-invalid @enderror"
									value="{{ old('date_debut') }}"
									required
								>

								@error('date_debut')
									<div class="invalid-feedback">
										{{ $message }}
									</div>
								@enderror

							</div>
							{{-- 
								|--------------------------------------------------------------------------
								| Type de tarification
								|--------------------------------------------------------------------------
								|
								| L'utilisateur peut :
								| - définir un nouveau tarif spécifique ;
								| - remettre le client au tarif standard public/partenaire.
								|
								--}}
								<div class="col-md-3">

									<label class="form-label">
										Type de tarif
									</label>

									<select
										name="retour_standard"
										id="tarif_retour_standard"
										class="form-select"
									>
										{{-- Tarif spécifique classique --}}
										<option value="0" selected>
											Tarif spécifique
										</option>

										{{-- Fin du tarif spécifique --}}
										<option value="1">
											Tarif standard
										</option>
									</select>

								</div>
							{{-- Prix --}}
							<div class="col-md-3" id="bloc_tarif_specifique">

								<label
									for="tarif_prix_unitaire"
									class="form-label"
								>
									Tarif spécifique
								</label>

								<div class="input-group">

									<input
										type="number"
										name="prix_unitaire"
										id="tarif_prix_unitaire"
										class="form-control"
										min="0"
										step="0.01"
										value="{{ old('prix_unitaire') }}"
										
									>

									<span class="input-group-text">
										€
									</span>

								</div>

							</div>


							{{-- Enregistrement --}}
							<div class="col-md-2">

								<button
									type="submit"
									class="btn btn-primary w-100"
								>
									<i class="bi bi-plus-circle me-1"></i>
									Ajouter
								</button>

							</div>

						</div>

					</form>
					@endif

				</div>

            <div class="table-responsive">

                <table class="table align-middle mb-0">

                    <thead class="table-light">
						<tr>
							<th>Service</th>
							<th>Applicable à partir de</th>
							<th class="text-end">Tarif spécifique</th>
							<th class="text-end">Actions</th>
						</tr>
					</thead>

                    <tbody>

    @forelse(
        $client->tarifsClients
            ->groupBy('service_id')
            ->sortBy(function ($tarifsDuService) {
                return $tarifsDuService->first()?->service?->libelle ?? '';
            })
        as $serviceId => $tarifsDuService
    )

        @php
            /*
            |--------------------------------------------------------------------------
            | Informations du service
            |--------------------------------------------------------------------------
            |
            | Tous les tarifs présents dans ce groupe concernent
            | le même service.
            |
            */
            $service = $tarifsDuService->first()?->service;

            /*
            |--------------------------------------------------------------------------
            | Tri des tarifs du plus récent au plus ancien
            |--------------------------------------------------------------------------
            |
            | Les tarifs datés apparaissent en premier.
            | Les anciens tarifs historiques sans date apparaissent à la fin.
            |
            */
            $tarifsTries = $tarifsDuService->sortByDesc(function ($tarif) {
                return $tarif->date_debut?->timestamp ?? 0;
            });
        @endphp

        {{-- Ligne de séparation par service --}}
        <tr class="table-light">
            <td colspan="4" class="fw-semibold">

                <i class="bi bi-tag me-1"></i>

                {{ $service?->libelle ?? 'Service introuvable' }}

            </td>
        </tr>

        @foreach($tarifsTries as $tarif)

            @php
                /*
                |--------------------------------------------------------------------------
                | Vérification d'un tarif plus récent
                |--------------------------------------------------------------------------
                |
                | Comme nous sommes déjà dans le groupe du même service,
                | il suffit de vérifier si un tarif daté plus récent existe.
                |
                | Aucune requête SQL supplémentaire n'est exécutée.
                |
                */
                $aUnTarifPlusRecent = $tarifsDuService->contains(
                    function ($autreTarif) use ($tarif) {

                        /*
                         * On ignore la ligne elle-même.
                         */
                        if ((int) $autreTarif->id === (int) $tarif->id) {
                            return false;
                        }

                        /*
                         * Un tarif historique sans date
                         * n'est jamais considéré comme plus récent.
                         */
                        if ($autreTarif->date_debut === null) {
                            return false;
                        }

                        /*
                         * Si le tarif actuel n'a pas de date,
                         * tout tarif daté est forcément plus récent.
                         */
                        if ($tarif->date_debut === null) {
                            return true;
                        }

                        /*
                         * Sinon on compare simplement les dates.
                         */
                        return $autreTarif->date_debut->gt(
                            $tarif->date_debut
                        );
                    }
                );
            @endphp

            <tr>

                <td>
                    {{-- Le service est déjà affiché dans l'en-tête du groupe --}}
                    <span class="text-muted">
                        —
                    </span>
                </td>

                <td>

                    @if($tarif->date_debut)

                        {{ $tarif->date_debut
                            ->locale('fr')
                            ->translatedFormat('F Y') }}

                    @else

                        <span class="badge text-bg-secondary">
                            Tarif historique
                        </span>

                    @endif

                </td>

                <td class="text-end fw-semibold">

                    @if($tarif->prix_unitaire === null)

                        <span class="badge text-bg-success">
                            <i class="bi bi-arrow-counterclockwise me-1"></i>
                            Tarif standard
                        </span>

                    @else

                        {{ number_format(
                            $tarif->prix_unitaire,
                            2,
                            ',',
                            ' '
                        ) }} €

                    @endif

                </td>

                <td class="text-end">

                    @if(
                        auth()->user()->peutGererTarifsClients()
                        && $tarif->prix_unitaire !== null
                        && !$aUnTarifPlusRecent
                    )

                        <button
                            type="button"
                            class="btn btn-sm btn-outline-primary"
                            data-bs-toggle="collapse"
                            data-bs-target="#modifierTarif{{ $tarif->id }}"
                            aria-expanded="false"
                        >
                            <i class="bi bi-pencil me-1"></i>
                            Modifier
                        </button>

                    @else

                        <span class="text-muted small">
                            —
                        </span>

                    @endif

                </td>

            </tr>

            @if(
                auth()->user()->peutGererTarifsClients()
                && $tarif->prix_unitaire !== null
                && !$aUnTarifPlusRecent
            )

                <tr
                    class="collapse"
                    id="modifierTarif{{ $tarif->id }}"
                >
                    <td colspan="4">

                        <form
                            method="POST"
                            action="{{ route('tarifs.update', $tarif) }}"
                            class="row g-3 align-items-end"
                        >
                            @csrf
                            @method('PUT')

                            <div class="col-md-4">

                                <label class="form-label">
                                    Service
                                </label>

                                <input
                                    type="text"
                                    class="form-control"
                                    value="{{ $tarif->service?->libelle }}"
                                    readonly
                                >

                            </div>

                            <div class="col-md-3">

                                <label class="form-label">
                                    Applicable à partir de
                                </label>

                                <input
                                    type="text"
                                    class="form-control"
                                    value="{{
                                        $tarif->date_debut
                                            ? $tarif->date_debut->format('m/Y')
                                            : 'Historique'
                                    }}"
                                    readonly
                                >

                            </div>

                            <div class="col-md-3">

                                <label class="form-label">
                                    Tarif
                                </label>

                                <div class="input-group">

                                    <input
                                        type="number"
                                        name="prix_unitaire"
                                        class="form-control"
                                        step="0.01"
                                        min="0"
                                        value="{{ $tarif->prix_unitaire }}"
                                        required
                                    >

                                    <span class="input-group-text">
                                        €
                                    </span>

                                </div>

                            </div>

                            <div class="col-md-2">

                                <button
                                    type="submit"
                                    class="btn btn-primary w-100"
                                >
                                    Enregistrer
                                </button>

                            </div>

                        </form>

                    </td>
                </tr>

            @endif

        @endforeach

    @empty

        <tr>
            <td colspan="4" class="text-center py-4 text-muted">
                Aucun tarif spécifique.
            </td>
        </tr>

    @endforelse

</tbody>

                    </tbody>

                </table>

            </div>

        </div>

    </div>

    <div class="tab-pane fade" id="historique">

    <div class="card border-0 shadow-sm soft-card">

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

            <div class="d-flex justify-content-between align-items-center mb-4">

                <div>
                    <h2 class="h5 mb-1">
                        Historique des saisies
                    </h2>

                    <p class="text-muted mb-0">
                        Quantités et montants enregistrés pour ce client
                    </p>
                </div>
				<form
					method="GET"
					action="{{ route('clients.show', $client) }}#historique"
					class="d-flex align-items-center gap-2"
				>
					<label for="annee" class="form-label mb-0">
						Année
					</label>

					<select
						name="annee"
						id="annee"
						class="form-select"
						onchange="this.form.submit()"
					>
						@foreach($anneesDisponibles as $anneeDisponible)
							<option
								value="{{ $anneeDisponible }}"
								@selected((int) $annee === (int) $anneeDisponible)
							>
								{{ $anneeDisponible }}
							</option>
						@endforeach
					</select>
				</form>
            </div>

            @php
                $saisiesParPeriode = $client->saisies
                    ->sortByDesc('periode')
                    ->groupBy(function ($saisie) {
                        return $saisie->periode?->format('Y-m');
                    });
            @endphp

            @forelse($saisiesParPeriode as $periode => $saisies)

                <div class="border rounded-4 mb-4 overflow-hidden">

                    <div class="bg-light px-4 py-3 d-flex justify-content-between">

                        <strong>
                            {{ \Carbon\Carbon::createFromFormat('Y-m', $periode)
                                ->locale('fr')
                                ->translatedFormat('F Y') }}
                        </strong>

                        <span class="fw-semibold">
                            {{ number_format($saisies->sum('montant'), 2, ',', ' ') }} €
                        </span>

                    </div>

                    <div class="table-responsive">

                        <table class="table align-middle mb-0">

                            <thead>
                                <tr>
                                    <th>Service</th>
                                    <th>Établissement</th>
                                    <th class="text-end">Quantité</th>
                                    <th class="text-end">Prix unitaire</th>
                                    <th class="text-end">Montant</th>
                                    <th>Commentaire</th>
                                </tr>
                            </thead>
							
                            <tbody>

                                @foreach($saisies as $saisie)

                                    <tr>

                                        <td>
                                            {{ $saisie->service?->libelle ?? 'Service introuvable' }}
                                        </td>

                                        <td>
                                            @if($saisie->etablissement)
                                                <span class="badge rounded-pill text-bg-info">
                                                    {{ $saisie->etablissement->nom }}
                                                </span>
                                            @else
                                                <span class="text-muted">
                                                    Client principal
                                                </span>
                                            @endif
                                        </td>

                                        <td class="text-end">
                                            {{ $saisie->quantite }}
                                        </td>

                                        <td class="text-end">
                                            {{ number_format($saisie->prix_unitaire, 2, ',', ' ') }} €
                                        </td>

                                        <td class="text-end fw-semibold">
                                            {{ number_format($saisie->montant, 2, ',', ' ') }} €
                                        </td>

                                        <td>
                                            {{ $saisie->commentaire ?: '—' }}
                                        </td>

                                    </tr>

                                @endforeach

                            </tbody>

                        </table>

                    </div>

                </div>

            @empty

                <div class="text-center py-5 text-muted">

                    <i class="bi bi-clock-history fs-2 d-block mb-2"></i>

                    Aucune saisie enregistrée pour ce client.

                </div>

            @endforelse

        </div>

    </div>

</div>
<div
    class="tab-pane fade"
    id="documents"
    role="tabpanel"
    aria-labelledby="documents-tab"
    tabindex="0"
>
    <div class="row g-4">

        {{-- Formulaire d'ajout --}}
        <div class="col-xl-4">
            <div class="card shadow-sm">
                <div class="card-header">
                    <strong>Ajouter un document</strong>
                </div>

                <div class="card-body">
                    <form
                        method="POST"
                        action="{{ route('clients.documents.store', $client) }}"
                        enctype="multipart/form-data"
                    >
                        @csrf

                        <div class="mb-3">
                            <label for="type" class="form-label">
                                Type de document
                            </label>

                            <select
                                name="type"
                                id="type"
                                class="form-select @error('type') is-invalid @enderror"
                                required
                            >
                                <option value="">Sélectionner</option>

                                @foreach([
                                    'Lettre de mission',
                                    'Avenant',
                                    'Contrat',
                                    'Mandat',
                                    'Courrier',
                                    'Autre'
                                ] as $type)
                                    <option
                                        value="{{ $type }}"
                                        @selected(old('type') === $type)
                                    >
                                        {{ $type }}
                                    </option>
                                @endforeach
                            </select>

                            @error('type')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="nom" class="form-label">
                                Nom du document
                            </label>

                            <input
                                type="text"
                                name="nom"
                                id="nom"
                                value="{{ old('nom') }}"
                                class="form-control @error('nom') is-invalid @enderror"
                                placeholder="Ex. Lettre de mission DUE"
                                required
                            >

                            @error('nom')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="service_id" class="form-label">
                                Service concerné
                            </label>

                            <select
                                name="service_id"
                                id="service_id"
                                class="form-select @error('service_id') is-invalid @enderror"
                            >
                                <option value="">
                                    Aucun service précis
                                </option>

                                @foreach($services as $service)
                                    <option
                                        value="{{ $service->id }}"
                                        @selected(
                                            old('service_id') == $service->id
                                        )
                                    >
                                        {{ $service->libelle }}
                                    </option>
                                @endforeach
                            </select>

                            @error('service_id')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="date_document" class="form-label">
                                Date du document
                            </label>

                            <input
                                type="date"
                                name="date_document"
                                id="date_document"
                                value="{{ old('date_document') }}"
                                class="form-control @error('date_document') is-invalid @enderror"
                            >

                            @error('date_document')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="commentaire_document" class="form-label">
                                Commentaire
                            </label>

                            <textarea
                                name="commentaire"
                                id="commentaire_document"
                                rows="3"
                                class="form-control @error('commentaire') is-invalid @enderror"
                            >{{ old('commentaire') }}</textarea>

                            @error('commentaire')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="fichier" class="form-label">
                                Fichier PDF
                            </label>

                            <input
                                type="file"
                                name="fichier"
                                id="fichier"
                                accept="application/pdf,.pdf"
                                class="form-control @error('fichier') is-invalid @enderror"
                                required
                            >

                            <div class="form-text">
                                PDF uniquement, 10 Mo maximum.
                            </div>

                            @error('fichier')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

                        <button type="submit" class="btn btn-primary w-100">
                            Ajouter le document
                        </button>
                    </form>
                </div>
            </div>
        </div>

        {{-- Liste des documents --}}
        <div class="col-xl-8">
            <div class="card shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <strong>Documents du client</strong>

                    <span class="badge text-bg-secondary">
                        {{ $client->documents->count() }}
                    </span>
                </div>

                <div class="card-body p-0">
                    @forelse(
                        $client->documents->sortByDesc('date_document')
                        as $document
                    )
                        <div class="p-3 border-bottom">
                            <div class="d-flex justify-content-between gap-3">

                                <div>
                                    <div class="d-flex align-items-center flex-wrap gap-2 mb-1">
                                        <strong>
                                            {{ $document->nom }}
                                        </strong>

                                        <span class="badge text-bg-primary">
                                            {{ $document->type }}
                                        </span>

                                        @if($document->service)
                                            <span class="badge text-bg-light border">
                                                {{ $document->service->libelle }}
                                            </span>
                                        @endif
                                    </div>

                                    <div class="small text-muted">
                                        @if($document->date_document)
                                            Document du
                                            {{ $document->date_document->format('d/m/Y') }}
                                        @else
                                            Date non renseignée
                                        @endif

                                        @if($document->createur)
                                            · Ajouté par
                                            {{ $document->createur->nom ?? $document->createur->name }}
                                        @endif
                                    </div>

                                    @if($document->commentaire)
                                        <p class="mb-0 mt-2">
                                            {{ $document->commentaire }}
                                        </p>
                                    @endif
                                </div>

                                <div class="d-flex align-items-start gap-2 flex-shrink-0">
                                    <a
                                        href="{{ route('documents.download', $document) }}"
                                        class="btn btn-sm btn-outline-primary"
                                    >
                                        Télécharger
                                    </a>

                                    <form
                                        method="POST"
                                        action="{{ route('documents.destroy', $document) }}"
                                        onsubmit="return confirm('Supprimer définitivement ce document ?')"
                                    >
                                        @csrf
                                        @method('DELETE')

                                        <button
                                            type="submit"
                                            class="btn btn-sm btn-outline-danger"
                                        >
                                            Supprimer
                                        </button>
                                    </form>
                                </div>

                            </div>
                        </div>
                    @empty
                        <div class="text-center text-muted py-5">
                            Aucun document n’a encore été ajouté.
                        </div>
                    @endforelse
                </div>
            </div>
        </div>

    </div>
</div>

</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    if (window.location.hash) {
        const trigger = document.querySelector(
            `[data-bs-target="${window.location.hash}"]`
        );

        if (trigger) {
            const tab = new bootstrap.Tab(trigger);
            tab.show();
        }
    }
	/*
	|--------------------------------------------------------------------------
	| Gestion du retour au tarif standard
	|--------------------------------------------------------------------------
	|
	| Lorsque "Tarif standard" est sélectionné :
	| - le champ prix disparaît ;
	| - son contenu est vidé.
	|
	| Lorsque "Tarif spécifique" est sélectionné :
	| - le champ prix réapparaît ;
	| - il redevient obligatoire.
	|
	*/
	const selectTypeTarif = document.getElementById(
		'tarif_retour_standard'
	);

	const blocTarifSpecifique = document.getElementById(
		'bloc_tarif_specifique'
	);

	const champPrixTarif = document.getElementById(
		'tarif_prix_unitaire'
	);

	function actualiserTypeTarif() {

		/*
		 * Sélection de "Tarif standard".
		 */
		if (selectTypeTarif.value === '1') {

			blocTarifSpecifique.style.display = 'none';

			champPrixTarif.required = false;
			champPrixTarif.value = '';

			return;
		}

		/*
		 * Sélection de "Tarif spécifique".
		 */
		blocTarifSpecifique.style.display = '';

		champPrixTarif.required = true;
	}

	/*
	 * Réaction immédiate lorsque l'utilisateur
	 * change le type de tarif.
	 */
	selectTypeTarif.addEventListener(
		'change',
		actualiserTypeTarif
	);

	/*
	 * Mise en place correcte au chargement de la page.
	 */
	actualiserTypeTarif();
});
</script>

@endsection