@extends('layouts.app')
@push('styles')
    <link rel="stylesheet" href="{{ asset('css/saisies-mensuelles.css') }}">
@endpush
@section('content')
@php
    /*
    |--------------------------------------------------------------------------
    | Détection du rôle juriste
    |--------------------------------------------------------------------------
    |
    | Certaines méthodes du contrôleur utilisent cette même vue.
    | On détermine donc directement ici si l'utilisateur connecté
    | est juriste.
    |
    */
    $estJuriste = $estJuriste
        ?? auth()->user()->role === 'juriste';
@endphp


<div
    class="container-fluid py-4"
    id="saisies-mensuelles-page"
	data-commentaire-url="{{ route('saisies-mensuelles.commentaire') }}"
    data-save-url="{{ route('saisies-mensuelles.enregistrer') }}"
	data-delete-url="{{ route('saisies-mensuelles.supprimer', ['saisie' => '__SAISIE_ID__']) }}"
    data-periode="{{ $periode }}"
>

    <div class="saisie-page-header d-flex flex-wrap justify-content-between align-items-center gap-3">

        <div>
           <h1 class="saisie-page-title">

				@if($modeClient)

					{{-- Un client précis est ouvert en saisie --}}
					Saisie client

				@elseif($vueGlobale ?? false)

					{{-- Tableau complet uniquement en consultation --}}
					Vue globale des saisies

				@else

					{{-- Écran principal léger --}}
					Rechercher un client

				@endif

			</h1>

			<p class="saisie-page-description">

				@if($modeClient)

					{{ $clients->first()->first()->nom }}

				@elseif($vueGlobale ?? false)

					Consultation des saisies du portefeuille pour le mois sélectionné.

				@elseif($estJuriste)

					Recherchez un client pour accéder à ses prestations juridiques.

				@else

					Recherchez un client pour accéder directement à sa saisie mensuelle.

				@endif

			</p>
			@if($modeClient && auth()->user()->role !== 'juriste')

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

					{{--
					|--------------------------------------------------------------------------
					| Retour à la recherche client
					|--------------------------------------------------------------------------
					--}}
					<a
						href="{{ route(
							'saisies-mensuelles.index',
							['periode' => $periode]
						) }}"
						class="btn btn-outline-secondary btn-sm"
					>
						<i class="bi bi-arrow-left me-1"></i>
						Retour à la recherche
					</a>


					{{--
					|--------------------------------------------------------------------------
					| Consultation du tableau global
					|--------------------------------------------------------------------------
					|
					| On conserve la période actuellement consultée afin que
					| l'utilisateur revienne sur le même mois.
					|
					--}}
					<a
						href="{{ route(
							'saisies-mensuelles.index',
							[
								'periode' => $periode,
								'vue' => 'globale',
							]
						) }}"
						class="btn btn-outline-primary btn-sm"
					>
						<i class="bi bi-table me-1"></i>
						Consulter le tableau global
					</a>

				</div>

			@endif
        </div>
		
        {{--
		|--------------------------------------------------------------------------
		| État et gestion de la période
		|--------------------------------------------------------------------------
		--}}

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

			@if($periodeCloturee)

				<span class="badge text-bg-danger">
					<i class="bi bi-lock-fill me-1"></i>
					Période clôturée
				</span>

			@else

				<span class="badge text-bg-success">
					<i class="bi bi-unlock-fill me-1"></i>
					Période ouverte
				</span>

			@endif


			{{--
			|--------------------------------------------------------------------------
			| Gestion admin / manager
			|--------------------------------------------------------------------------
			--}}
			@if(in_array(auth()->user()->role, ['admin', 'manager'], true))

				@if(!$periodeCloturee)

					{{--
					 * Période ouverte :
					 * possibilité de la clôturer.
					 --}}
					<form
						method="POST"
						action="{{ route('periodes.cloturer', $periodeModel) }}"
						onsubmit="return confirm(
							'Confirmer la clôture de cette période ? Les gestionnaires ne pourront plus modifier leurs saisies.'
						);"
					>
						@csrf

						<button
							type="submit"
							class="btn btn-sm btn-danger"
						>
							<i class="bi bi-lock-fill me-1"></i>
							Clôturer la période
						</button>

					</form>

				@else

					{{--
					 * Période clôturée :
					 * possibilité de la rouvrir.
					 --}}
					<form
						method="POST"
						action="{{ route('periodes.decloturer', $periodeModel) }}"
						onsubmit="return confirm(
							'Confirmer la réouverture de cette période ? Les gestionnaires pourront de nouveau modifier leurs saisies.'
						);"
					>
						@csrf

						<button
							type="submit"
							class="btn btn-sm btn-warning"
						>
							<i class="bi bi-unlock-fill me-1"></i>
							Déclôturer la période
						</button>

					</form>

				@endif

			@endif

		</div>
        <form
            method="GET"
            action="{{
				$modeClient
					? route(
						'saisies-mensuelles.client',
						$clients->first()->first()
					)
					: route('saisies-mensuelles.index')
			}}"
			class="periode-box"
        >
            <label for="periode" class="form-label mb-1">
                Période
            </label>
			@if(!$modeClient && ($vueGlobale ?? false))

				{{--
				 * Si l'utilisateur consulte le tableau global,
				 * on conserve ce mode lorsqu'il change de mois.
				 --}}
				<input
					type="hidden"
					name="vue"
					value="globale"
				>

			@endif
            <input
                type="month"
                name="periode"
                id="periode"
                value="{{ $periode }}"
                class="form-control"
                onchange="this.form.submit()"
            >
        </form>

    </div>
	{{--
		|--------------------------------------------------------------------------
		| Recherche rapide d'un client
		|--------------------------------------------------------------------------
		|
		| Permet d'accéder directement au tableau de saisie
		| d'un client particulier.
		|
		| Cette fonctionnalité est disponible pour tous les utilisateurs.
		| Les droits sont ensuite contrôlés par le contrôleur.
		|
		--}}
		@if(!$estJuriste || !$modeClient)
		<div class="card border-0 shadow-sm mb-3">

			<div class="card-body py-3">

				<form
					method="GET"
					action="{{ route('saisies-mensuelles.index') }}"
					class="row g-2 align-items-end"
				>

					{{--
					 * On conserve le mois actuellement sélectionné
					 * pendant la recherche.
					 --}}
					<input
						type="hidden"
						name="periode"
						value="{{ $periode }}"
					>

					<div class="col-md-6 col-lg-5">

						<label
							for="recherche-client"
							class="form-label fw-semibold"
						>
							<i class="bi bi-search me-1"></i>
							Rechercher un client
						</label>

						<input
							type="search"
							name="recherche"
							id="recherche-client"
							class="form-control"
							value="{{ $recherche ?? '' }}"
							placeholder="Nom du client..."
							autocomplete="off"
						>

					</div>

					<div class="col-auto">

						<button
							type="submit"
							class="btn btn-primary"
						>
							Rechercher
						</button>

					</div>
					{{--
						|--------------------------------------------------------------------------
						| Accès rapide par liste déroulante
						|--------------------------------------------------------------------------
						|
						| Cette liste contient uniquement les clients auxquels
						| l'utilisateur connecté a accès.
						|
						| Pour une gestionnaire en mode remplacement :
						| - ses propres clients ;
						| - + les clients de la gestionnaire remplacée.
						|
						--}}
						@if(isset($clientsDisponibles))
						<div class="col-md-6 col-lg-5">

							<label
								for="selection-client"
								class="form-label fw-semibold"
							>
								<i class="bi bi-person-lines-fill me-1"></i>
								Choisir directement un client
							</label>

							<select
								id="selection-client"
								class="form-select"
								onchange="
									if (this.value) {
										window.location.href = this.value;
									}
								"
							>

								<option value="">
									-- Sélectionner un client --
								</option>

								@foreach(($clientsDisponibles ?? collect()) as $clientDisponible)

									<option
										value="{{ route(
											'saisies-mensuelles.client',
											[
												'client' => $clientDisponible->id,
												'periode' => $periode,
											]
										) }}"
									>
										{{ $clientDisponible->nom }}
									</option>

								@endforeach

							</select>

						</div>
						@endif
				</form>


				{{--
				|--------------------------------------------------------------------------
				| Résultats de recherche
				|--------------------------------------------------------------------------
				--}}

				@if(($recherche ?? '') !== '')

					<div class="mt-3">

						@if($resultatsRecherche->isEmpty())

							<div class="small text-muted">
								Aucun client trouvé pour
								<strong>{{ $recherche }}</strong>.
							</div>

						@else

							<div class="list-group">

								@foreach($resultatsRecherche as $clientRecherche)

									<a
										href="{{ route(
											'saisies-mensuelles.client',
											[
												'client' => $clientRecherche,
												'periode' => $periode,
											]
										) }}"
										class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
									>

										<div>

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

											@if($clientRecherche->gestionnaire)
												<div class="small text-muted">
													Gestionnaire :
													{{ $clientRecherche->gestionnaire->nom
														?? $clientRecherche->gestionnaire->name }}
												</div>
											@endif

										</div>

										<i class="bi bi-chevron-right"></i>

									</a>

								@endforeach

							</div>

						@endif

					</div>

				@endif

			</div>

		</div>
		@endif
	{{-- 
		|--------------------------------------------------------------------------
		| Accès au tableau global
		|--------------------------------------------------------------------------
		|
		| Le tableau global sert uniquement à consulter
		| et contrôler les saisies du mois.
		|
		--}}
		@if(!$modeClient && !$estJuriste)

			<div class="d-flex justify-content-end mb-3">

				@if($vueGlobale ?? false)

					{{--
					 * Nous sommes dans le tableau global :
					 * on propose de revenir à l'écran principal léger.
					 --}}
					<a
						href="{{ route(
							'saisies-mensuelles.index',
							['periode' => $periode]
						) }}"
						class="btn btn-outline-secondary"
					>
						<i class="bi bi-arrow-left me-1"></i>
						Retour à la recherche client
					</a>

				@else

					{{--
					 * Nous sommes sur l'écran principal :
					 * accès volontaire au tableau global.
					 --}}
					<a
						href="{{ route(
							'saisies-mensuelles.index',
							[
								'periode' => $periode,
								'vue' => 'globale',
							]
						) }}"
						class="btn btn-outline-primary"
					>
						<i class="bi bi-table me-1"></i>
						Voir le tableau global
					</a>

				@endif

			</div>

		@endif


@if($estJuriste && $modeClient)


    @php
        /*
        |--------------------------------------------------------------------------
        | Fiche de saisie Juriste
        |--------------------------------------------------------------------------
        |
        | La vue "client()" ne contient qu'un seul client.
        | On le récupère donc directement depuis la collection groupée.
        |
        */
        $clientJuriste = $clients->first()->first();

        /*
         * Les saisies du client sont indexées par service.
         * Cela permet de retrouver très facilement
         * la saisie correspondant au service 35 ou 36.
         */
        $saisiesJuridiques = $clientJuriste->saisies
            ->keyBy('service_id');

        /*
         * Total des prestations juridiques du client
         * pour la période affichée.
         */
        $totalJuridique = 0;
    @endphp


    {{-- 
    |--------------------------------------------------------------------------
    | Informations client
    |--------------------------------------------------------------------------
    --}}
    <div class="card border-0 shadow-sm mb-4">

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

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

                <div>

                    <div class="small text-muted text-uppercase fw-semibold mb-1">
                        Client sélectionné
                    </div>

                    <h2 class="h4 mb-1">
                        {{ $clientJuriste->nom }}
                    </h2>

                    <div class="text-muted small">

                        @if($clientJuriste->partenaire)

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

                            {{ $clientJuriste->partenaire->cabinet
                                ?? $clientJuriste->partenaire->contact }}

                        @endif


                        @if($clientJuriste->gestionnaire)

                            <span class="mx-2">•</span>

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

                            Gestionnaire :
                            {{ $clientJuriste->gestionnaire->nom
                                ?? $clientJuriste->gestionnaire->name }}

                        @endif

                    </div>

                </div>


                {{-- Retour vers la recherche --}}
                <a
                    href="{{ route(
                        'saisies-mensuelles.index',
                        ['periode' => $periode]
                    ) }}"
                    class="btn btn-outline-secondary"
                >
                    <i class="bi bi-search me-1"></i>
                    Rechercher un autre client
                </a>

            </div>

        </div>

    </div>


    {{-- Titre de la zone de saisie --}}
    <div class="mb-3">

        <h2 class="h5 mb-1">
            Prestations juridiques
        </h2>

        <div class="text-muted small">

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

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

        </div>

    </div>


    {{-- 
    |--------------------------------------------------------------------------
    | Cartes des services juridiques
    |--------------------------------------------------------------------------
    --}}
    <div class="row g-4">

        @foreach($services as $service)

            @php
                /*
                 * Normalement la méthode client() ne renvoie déjà
                 * que les services 35 et 36 pour une juriste.
                 *
                 * On conserve malgré tout cette protection visuelle.
                 */
                if (!in_array((int) $service->id, [35, 36], true)) {
                    continue;
                }

                $saisie = $saisiesJuridiques->get($service->id);

                $quantite = $saisie?->quantite;
                $prixUnitaire = $saisie?->prix_unitaire ?? 0;
                $montant = $saisie?->montant ?? 0;

                /*
                 * Construction du total des prestations.
                 */
                $totalJuridique += (float) $montant;
            @endphp


            <div class="col-12 col-lg-6">

                <div class="
						card
						border-0
						shadow-sm
						h-100
						juridique-service-card
						{{ (int) $service->id === 35
							? 'juridique-service-mission'
							: 'juridique-service-standard'
						}}
					">

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

                        {{-- Nom du service --}}
                        <div
                            class="d-flex justify-content-between
                                   align-items-start gap-3 mb-4"
                        >

                            <div>

                                <div class="small text-muted text-uppercase fw-semibold mb-1">
                                    Prestation
                                </div>

                                <h3 class="h5 mb-0">
                                    {{ $service->libelle }}
                                </h3>

                            </div>

                            <span class="badge rounded-pill text-bg-light">
                                Service {{ $service->id }}
                            </span>

                        </div>


                        {{-- Quantité --}}
                        <div class="mb-4">

                            <label
                                class="form-label fw-semibold"
                                for="juridique-service-{{ $service->id }}"
                            >
                                Quantité
                            </label>

                            <input
                                type="number"
                                min="0"
                                step="1"

                                id="juridique-service-{{ $service->id }}"

                                class="
                                    form-control
                                    form-control-lg
                                    text-center
                                    saisie-quantite
                                    champ-quantite-large
                                "

                                value="{{ $quantite }}"

                                data-client-id="{{ $clientJuriste->id }}"
                                data-service-id="{{ $service->id }}"
                                data-prix-unitaire="{{ $prixUnitaire }}"
                                data-saisie-id="{{ $saisie?->id }}"

                                placeholder="0"

                                @if($saisieVerrouillee)
                                    disabled
                                    title="Période clôturée"
                                @endif
                            >

                        </div>


                        {{-- Commentaire --}}
                        {{-- 
							|--------------------------------------------------------------------------
							| Commentaire de la prestation
							|--------------------------------------------------------------------------
							|
							| Le bouton est placé dans une ligne dédiée afin d'éviter
							| qu'il soit décalé ou collé dans le coin de la carte.
							|
							--}}
							<div class="d-flex align-items-center mt-2 mb-3">

								<button
									type="button"

									class="
										btn
										btn-outline-secondary
										btn-sm
										commentaire-bulle
										commentaire-juriste
										{{ $saisie?->commentaire
											? 'avec-commentaire'
											: 'sans-commentaire'
										}}
									"

									title="{{
										$saisieVerrouillee
											? 'Période clôturée'
											: (
												$saisie?->commentaire
													?: 'Ajouter un commentaire'
											)
									}}"

									data-saisie-id="{{ $saisie?->id }}"
									data-client-id="{{ $clientJuriste->id }}"
									data-service-id="{{ $service->id }}"
									data-client-nom="{{ $clientJuriste->nom }}"
									data-service-nom="{{ $service->libelle }}"
									data-commentaire="{{ $saisie?->commentaire }}"

									@if($saisieVerrouillee)
										disabled
									@endif
								>

									<i class="bi bi-chat-left-text me-1"></i>

									{{ $saisie?->commentaire
										? 'Modifier le commentaire'
										: 'Ajouter un commentaire'
									}}

								</button>

							</div>


                        {{-- Montant du service --}}
                        <div class="border-top mt-4 pt-3">

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

                                <span class="text-muted">
                                    Montant
                                </span>

                                <strong>
                                    {{ number_format(
                                        $montant,
                                        2,
                                        ',',
                                        ' '
                                    ) }} €
                                </strong>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        @endforeach

    </div>


    {{-- Total juridique du client --}}
    <div class="card total-general-card mt-4 mb-4">

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

            <div>

                <div class="total-general-label">
                    Total des prestations juridiques
                </div>

                <div class="small text-white-50">
                    {{ $clientJuriste->nom }}
                </div>

            </div>

            <strong class="total-general-montant">
                {{ number_format(
                    $totalJuridique,
                    2,
                    ',',
                    ' '
                ) }} €
            </strong>

        </div>

    </div>

@endif
@php
    /*
     * Initialisation du chiffre d'affaires affiché
     * dans le tableau.
     */
    $totalGeneral = 0;
@endphp


{{--
|--------------------------------------------------------------------------
| Tableau des saisies
|--------------------------------------------------------------------------
|
| Le tableau est affiché :
| - pour les utilisateurs classiques ;
| - pour une juriste uniquement lorsqu'elle a ouvert un client précis.
|
| Sur l'écran de recherche d'une juriste, on ne veut surtout pas
| afficher "Aucun client actif à afficher".
|
--}}
@if(
    !$estJuriste
    && (
        $modeClient
        || ($vueGlobale ?? false)
    )
)

    @if($clients->isEmpty())

        <div class="alert alert-info">
            Aucun client actif à afficher.
        </div>

    @else

    <div class="card saisies-global-card">

        <div class="saisie-table-wrapper">
			
			@php
				/*
				|--------------------------------------------------------------------------
				| Totaux par colonne
				|--------------------------------------------------------------------------
				|
				| Pour chaque service nous conservons :
				| - la quantité totale ;
				| - le montant total facturé.
				|
				*/
				$totauxParService = [];
				$montantsParService = [];

				foreach ($services as $service) {
					$totauxParService[$service->id] = 0;
					$montantsParService[$service->id] = 0;
				}
			@endphp
            <table class="table table-bordered table-sm align-middle mb-0 saisie-table">

                {{-- En-tête unique du grand tableau --}}
                <thead>
                    <tr>
                        <th class="sticky-client-column bg-light">
                            Client
                        </th>

                        @foreach($services as $service)
                            @php
								if ($service->lettre_mission_requise) {
									$classeEnteteService = 'service-lettre-mission';
								} elseif ((int) $service->ordre_affichage >= 1 && (int) $service->ordre_affichage <= 16) {
									$classeEnteteService = 'service-courant';
								} elseif ((int) $service->ordre_affichage >= 16 && (int) $service->ordre_affichage <= 24) {
									$classeEnteteService = 'service-embauche';
								} else {
									$classeEnteteService = 'bg-light';
								}
							@endphp

							<th
								class="text-center service-header {{ $classeEnteteService }}"
								title="{{ $service->libelle }}"
							>
								{{ $service->libelle }}
							</th>
                        @endforeach

                        <th class="text-end bg-light total-column">
                            Total
                        </th>
                    </tr>
                </thead>

                <tbody>

                    @foreach($clients as $clientsPartenaire)

                        @php
                            $partenaire = $clientsPartenaire->first()->partenaire;
                            $totalPartenaire = 0;
                        @endphp

                        {{-- Ligne de séparation du partenaire --}}
                        <tr class="partenaire-separator">
                            <th colspan="{{ $services->count() + 2 }}">

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

                                    <span class="partenaire-nom">
                                        @if($partenaire)

                                            {{ $partenaire->contact }}

                                            @if($partenaire->cabinet)
                                                <span class="fw-normal opacity-75">
                                                    ({{ $partenaire->cabinet }})
                                                </span>
                                            @endif

                                        @else
                                            Sans partenaire
                                        @endif
                                    </span>

                                </div>

                            </th>
                        </tr>

                        {{-- Clients du partenaire --}}
                        @foreach($clientsPartenaire as $client)

                            @php
                                $totalClient = 0;

                                /*
                                 * Indexation des saisies par service_id.
                                 */
                                $saisiesParService = $client->saisies
                                    ->keyBy('service_id');
                            @endphp

                            <tr
								class="client-row"
								data-client-id="{{ $client->id }}"
								data-partenaire-id="{{ $partenaire?->id ?? 0 }}"
							>

                                {{-- Colonne client fixe --}}
                                <td class="sticky-client-column bg-white">

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

                                        <span
                                            class="badge client-status
                                                {{ $client->saisies->isNotEmpty()
                                                    ? 'text-bg-success'
                                                    : 'text-bg-secondary'
                                                }}"
                                            title="{{ $client->saisies->isNotEmpty()
                                                ? 'Au moins une saisie ce mois-ci'
                                                : 'Aucune saisie ce mois-ci'
                                            }}"
                                        >
                                            {{ $client->saisies->isNotEmpty() ? '✓' : '–' }}
                                        </span>

                                        <div>

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

												@if($client->multi_etablissements)
													<span
														class="toggle-etablissements text-secondary"
														style="cursor:pointer;"
														data-client-id="{{ $client->id }}"
													>
														<i class="bi bi-caret-right-fill"></i>
													</span>
												@else
													<span style="width:14px;"></span>
												@endif

												<a
													href="{{
														($vueGlobale ?? false)
															? route(
																'saisies-mensuelles.client',
																[
																	'client' => $client,
																	'periode' => $periode,
																]
															)
															: route('clients.show', $client)
													}}"
													class="client-link"
													title="{{
														($vueGlobale ?? false)
															? 'Modifier les saisies de ce client'
															: 'Voir la fiche du client'
													}}"
												>
													{{ $client->nom }}
												</a>

											</div>
											
                                            @if($client->gestionnaire)
                                                <div class="client-gestionnaire">
                                                    {{ $client->gestionnaire->nom
                                                        ?? $client->gestionnaire->name }}
                                                </div>
                                            @endif

                                        </div>

                                    </div>

                                </td>

                                {{-- Cellules de services --}}
                                @foreach($services as $service)

                                    @php
                                        $saisie = $saisiesParService->get($service->id);

                                        $quantite = $saisie?->quantite;
                                        $prixUnitaire = $saisie?->prix_unitaire ?? 0;
                                        $montant = $saisie?->montant ?? 0;

                                        $totalClient += (float) $montant;
                                    @endphp
									@php
										/*
										|--------------------------------------------------------------------------
										| Total montant de la colonne
										|--------------------------------------------------------------------------
										|
										| Le montant réellement enregistré en base est utilisé.
										| On ne recalcule surtout pas quantité × tarif ici.
										|
										| Cela permet de respecter exactement les tarifs historiques
										| enregistrés dans chaque saisie.
										|
										*/
										$montantsParService[$service->id] += (float) $montant;
									@endphp
									@php
										/*
										|--------------------------------------------------------------------------
										| Valeur utilisée pour le total de la colonne
										|--------------------------------------------------------------------------
										|
										| Par défaut, on additionne la quantité du service.
										|
										| Deux cas particuliers :
										|
										| - Bulletin (1) avec établissements :
										|   la quantité réelle sera calculée plus bas à partir
										|   des établissements.
										|
										| - DSN calculée (48) :
										|   la colonne affiche un montant et non une quantité.
										|
										*/
										$valeurTotalColonne = (int) ($quantite ?? 0);

										/*
										 * DSN calculée :
										 * on totalise les montants affichés.
										 */
										if ((int) $service->id === 48) {
											$valeurTotalColonne = (float) $montant;
										}

										/*
										 * Pour le Bulletin multi-établissements,
										 * on ne l'ajoute pas encore.
										 * Il sera ajouté après le calcul de $totalBulletins.
										 */
										if (
											(int) $service->id === 1
											&& $client->etablissements->isNotEmpty()
										) {
											$valeurTotalColonne = 0;
										}

										$totauxParService[$service->id] += $valeurTotalColonne;
									@endphp
                                    @php
										if ($service->lettre_mission_requise) {
											$classeCelluleService = 'service-lettre-mission-light';
										} elseif ((int) $service->ordre_affichage >= 1 && (int) $service->ordre_affichage <= 15) {
											$classeCelluleService = 'service-courant-light';
										} elseif ((int) $service->ordre_affichage >= 16 && (int) $service->ordre_affichage <= 24) {
											$classeCelluleService = 'service-embauche-light';
										} else {
											$classeCelluleService = '';
										}
									@endphp

									<td class="saisie-cell {{ $classeCelluleService }}">

                                       <div class="cell-content">

										@if($vueGlobale ?? false)

											{{--
											|--------------------------------------------------------------------------
											| Vue globale : consultation uniquement
											|--------------------------------------------------------------------------
											|
											| Dans la vue globale, aucune saisie n'est autorisée.
											| On affiche uniquement la valeur déjà enregistrée.
											|
											--}}

											<div class="text-center fw-semibold">

												@if((int) $service->id === 48)

													{{-- DSN calculée : on affiche son montant --}}
													{{ number_format(
														$montant,
														2,
														',',
														' '
													) }} €

												@elseif($quantite !== null)

													{{-- Tous les autres services : quantité enregistrée --}}
													{{ number_format(
														$quantite,
														0,
														',',
														' '
													) }}

												@else

													{{-- Aucune saisie pour ce service --}}
													<span class="text-muted">—</span>

												@endif

											</div>

										@elseif((int) $service->id === 26)

												{{--
													SERVICE 26 : DSN

													La DSN est représentée par une case à cocher :
													- cochée = quantité 1
													- décochée = quantité 0
												--}}
												<input
													type="checkbox"
													class="form-check-input saisie-active-dsn"
													value="1"
													data-client-id="{{ $client->id }}"
													data-service-id="{{ $service->id }}"
													data-saisie-id="{{ $saisie?->id }}"
													@checked((int) $quantite === 1)
													@if($saisieVerrouillee)
														disabled
														title="Période clôturée"
													@endif
												>

											@elseif((int) $service->id === 43)

												{{--
													SERVICE 43 : DEMAT

													La DEMAT ne doit jamais être saisie manuellement.

													Elle sera calculée automatiquement uniquement lorsque
													l’option DEMAT est activée sur la fiche du client.

													La règle de calcul sera :

													DEMAT = service 1 + service 2 + service 31
												--}}

												@if((int) $client->option_demat === 1)

													{{--
														L’option DEMAT est activée sur le client.

														Le champ est en lecture seule car sa valeur sera
														calculée automatiquement par le JavaScript.
													--}}
													<input
														type="number"
														min="0"
														step="1"
														class="form-control form-control-sm text-center saisie-quantite total-demat-client champ-calcul-auto"
														value="{{ $quantite }}"
														data-client-id="{{ $client->id }}"
														data-service-id="{{ $service->id }}"
														data-saisie-id="{{ $saisie?->id }}"
														readonly
														tabindex="-1"
														placeholder="0"
														title="Calcul automatique"
													>

												@else

													{{--
														L’option DEMAT n’est pas activée sur la fiche client.

														Le champ reste vide et complètement désactivé.
														Aucun calcul ni enregistrement ne devra être effectué.
													--}}
													<input
														type="number"
														class="form-control form-control-sm text-center saisie-quantite champ-calcul-auto"
														value=""
														disabled
														tabindex="-1"
														placeholder="0"
														title="Option DEMAT non activée pour ce client"
													>

												@endif
											@elseif((int) $service->id === 48)

												{{--
												|--------------------------------------------------------------------------
												| SERVICE 48 : DSN
												|--------------------------------------------------------------------------
												|
												| Cette colonne est calculée automatiquement.
												|
												| Elle affiche uniquement le montant total de la facturation DSN
												| du client pour la période.
												|
												| Le calcul est réalisé établissement par établissement puis
												| additionné sur la ligne principale.
												|
												| Aucune saisie manuelle n'est autorisée.
												|
												--}}

												<input
													type="text"
													class="form-control form-control-sm text-center saisie-quantite champ-calcul-auto total-dsn-client"
													value="{{ number_format($montant ?? 0, 2, ',', ' ') }} €"
													data-client-id="{{ $client->id }}"
													data-service-id="{{ $service->id }}"
													readonly
													tabindex="-1"
													title="Montant DSN calculé automatiquement"
												>

											@elseif(
												(int) $service->id === 1
												&& $client->etablissements->where('actif', 1)->isNotEmpty()
											)

												{{--
													SERVICE 1 : BULLETIN DE PAIE

													Lorsque le client possède des établissements,
													la quantité ne doit pas être saisie sur la ligne principale.

													Le champ affiche la somme des bulletins saisis
													dans les lignes établissements.
												--}}

												@php
													/*
													|--------------------------------------------------------------------------
													| Total Bulletin pour un client multi-établissements
													|--------------------------------------------------------------------------
													|
													| On calcule :
													| - la quantité totale de bulletins ;
													| - le montant total facturé.
													|
													| Ces informations proviennent des saisies des établissements,
													| car la ligne principale du client ne contient pas directement
													| les bulletins dans ce cas.
													|
													*/

													/*
													 * Quantité totale de bulletins.
													 */
													$totalBulletins = $client->etablissements->sum(
														function ($etablissement) use ($periode) {
															return $etablissement->saisies
																->filter(function ($saisie) use ($periode) {
																	return (int) $saisie->service_id === 1
																		&& $saisie->periode?->format('Y-m-d')
																			=== \Carbon\Carbon::parse($periode)
																				->format('Y-m-d');
																})
																->sum('quantite');
														}
													);

													/*
													 * Montant total facturé pour les bulletins
													 * de tous les établissements.
													 */
													$montantBulletins = $client->etablissements->sum(
														function ($etablissement) use ($periode) {
															return $etablissement->saisies
																->filter(function ($saisie) use ($periode) {
																	return (int) $saisie->service_id === 1
																		&& $saisie->periode?->format('Y-m-d')
																			=== \Carbon\Carbon::parse($periode)
																				->format('Y-m-d');
																})
																->sum('montant');
														}
													);

													/*
													 * Ajout de la quantité au total de la colonne Bulletin.
													 */
													$totauxParService[$service->id] +=
														(int) $totalBulletins;

													/*
													 * Ajout du montant au total de la colonne Bulletin.
													 */
													$montantsParService[$service->id] +=
														(float) $montantBulletins;
												@endphp

												{{--
													Champ total Bulletin de la ligne client.

													La classe total-bulletins-client permet au JavaScript
													de mettre à jour cette valeur sans recharger la page.

													Le champ reste readonly afin d’empêcher toute saisie manuelle.
												--}}
												<input
													type="number"
													min="0"
													step="1"
													class="form-control form-control-sm text-center saisie-quantite total-bulletins-client champ-calcul-auto"
													value="{{ $totalBulletins }}"
													data-client-id="{{ $client->id }}"
													readonly
													tabindex="-1"
													placeholder="0"
													title="Total des bulletins saisis dans les établissements"
												>
											@elseif(in_array((int) $service->id, [46, 45, 47], true))

												{{--
												|--------------------------------------------------------------------------
												| Services automatiques liés aux options client
												|--------------------------------------------------------------------------
												|
												| Ces services sont calculés automatiquement :
												| - 46 : Silae RH Pro
												| - 45 : VIP
												| - 47 : MySilae
												|
												| Ils sont affichés mais ne doivent jamais être saisis manuellement.
												|
												--}}
												<input
													type="number"
													min="0"
													step="1"
													class="form-control form-control-sm text-center saisie-quantite champ-calcul-auto service-auto-client"
													value="{{ $quantite }}"
													data-client-id="{{ $client->id }}"
													data-service-id="{{ $service->id }}"
													readonly
													tabindex="-1"
													placeholder="0"
													title="Valeur calculée automatiquement"
												>
											@else

												{{--
													TOUS LES AUTRES SERVICES

													Champ de saisie classique modifiable par l’utilisateur.
												--}}
												@php
													/*
													|--------------------------------------------------------------------------
													| Services nécessitant un champ plus large
													|--------------------------------------------------------------------------
													|
													| Ces services peuvent contenir des quantités importantes
													| (100, 500, 1500, ...).
													|
													*/
													$champLarge = in_array((int) $service->id, [4, 23, 35, 36], true);
												@endphp
												@php
													/*
													 * Les services 39 et 41 deviennent non modifiables
													 * lorsque le client est en DEMAT.
													 */
													$champDematVerrouille =
														$client->option_demat
														&& in_array((int) $service->id, [39, 41], true);
												@endphp
												
												<input
													type="number"
													min="0"
													step="1"
													class="form-control form-control-sm text-center saisie-quantite {{ $champLarge ? 'champ-quantite-large' : '' }}"
													value="{{ $quantite }}"
													data-client-id="{{ $client->id }}"
													data-service-id="{{ $service->id }}"
													data-prix-unitaire="{{ $prixUnitaire }}"
													data-saisie-id="{{ $saisie?->id }}"
													placeholder="0"
													{{ $champDematVerrouille ? 'readonly' : '' }}
													@if($champDematVerrouille)
														readonly
														title="Ce service est désactivé car le client est en dématérialisation."
													@endif
													@if($saisieVerrouillee)
														disabled
														title="Période clôturée"
													@endif
												>

											@endif

                                            <button
												type="button"
												class="commentaire-bulle {{ $saisie?->commentaire ? 'avec-commentaire' : 'sans-commentaire' }}"

												title="{{
													$saisieVerrouillee
														? 'Période clôturée'
														: ($saisie?->commentaire ?: 'Ajouter un commentaire')
												}}"

												aria-label="{{ $saisie?->commentaire ? 'Modifier le commentaire' : 'Ajouter un commentaire' }}"

												data-saisie-id="{{ $saisie?->id }}"
												data-client-id="{{ $client->id }}"
												data-service-id="{{ $service->id }}"
												data-client-nom="{{ $client->nom }}"
												data-service-nom="{{ $service->libelle }}"
												data-commentaire="{{ $saisie?->commentaire }}"

												@if($saisieVerrouillee)
													disabled
												@endif
											>
												<i class="bi {{ $saisie?->commentaire ? 'bi-chat-fill' : 'bi-chat' }}"></i>
											</button>

                                        </div>

                                    </td>

                                @endforeach

                                @php
                                    $totalPartenaire += $totalClient;
                                    $totalGeneral += $totalClient;
                                @endphp

                                {{-- Total du client --}}
                                <td class="text-end fw-semibold total-client">
                                    {{ number_format($totalClient, 2, ',', ' ') }} €
                                </td>

                            </tr>
							@if($client->multi_etablissements)
								@foreach($client->etablissements as $etablissement)
									@php
										$saisieBulletinsEtablissement = $client->saisies
											->first(function ($saisie) use ($etablissement) {
												return (int) $saisie->service_id === 1
													&& (int) $saisie->etablissement_id === (int) $etablissement->id;
											});
									@endphp
									<tr
										class="etablissement-row d-none"
										data-parent-client-id="{{ $client->id }}"
									>
										<td class="sticky-client-column bg-light">

											<div class="etablissement-label">

												<span class="etablissement-tree"></span>

												<i class="bi bi-building text-primary"></i>

												<span>{{ $etablissement->nom }}</span>

											</div>

										</td>

										@foreach($services as $service)

											<td class="bg-light">

												@if((int) $service->id === 1)

													<input
														type="number"
														min="0"
														step="1"
														class="form-control form-control-sm text-center saisie-quantite saisie-quantite-etablissement"
														value="{{ $saisieBulletinsEtablissement?->quantite }}"
														data-client-id="{{ $client->id }}"
														data-etablissement-id="{{ $etablissement->id }}"
														data-service-id="{{ $service->id }}"
														data-saisie-id="{{ $saisieBulletinsEtablissement?->id }}"
														placeholder="0"
														@if($saisieVerrouillee)
															disabled
															title="Période clôturée"
														@endif
													>

												@endif

											</td>

										@endforeach

										<td class="bg-light"></td>
									</tr>
								@endforeach<strong></strong>
							@endif
                        @endforeach

                        {{-- Sous-total du partenaire --}}
                        <tr class="partenaire-footer">

                            <th
                                colspan="{{ $services->count() + 1 }}"
                                class="text-end"
                            >
                                Sous-total

                                @if($partenaire)
                                    {{ $partenaire->contact }}
                                @else
                                    sans partenaire
                                @endif
                            </th>

                            <th
                                class="text-end partenaire-total"
                                id="total-partenaire-{{ $partenaire?->id ?? 0 }}"
                            >
                                {{ number_format($totalPartenaire, 2, ',', ' ') }} €
                            </th>

                        </tr>

                    @endforeach
					{{--
						|--------------------------------------------------------------------------
						| Ligne TOTAL des colonnes
						|--------------------------------------------------------------------------
						|
						| Pour chaque service :
						| - quantité totale en principal ;
						| - montant total en dessous.
						|
						| Cas particulier :
						| - DSN (48) : on affiche uniquement le montant,
						|   car la quantité enregistrée est technique.
						|
						--}}
						<tr class="fw-bold table-secondary total-services-row">

							<td class="sticky-client-column bg-light">
								TOTAL
							</td>

							@foreach($services as $service)

								<td class="text-center">

									@if((int) $service->id === 48)

										{{--
											SERVICE 48 : DSN

											La quantité technique n'a pas d'intérêt à l'affichage.
											On affiche uniquement le montant total DSN.
										--}}
										<div
											class="fw-bold total-quantite-service"
											data-service-id="{{ $service->id }}"
										>
											{{ number_format(
												$totauxParService[$service->id] ?? 0,
												0,
												',',
												' '
											) }}
										</div>

									@else

										{{--
											Quantité totale du service.
										--}}
										<div
											class="fw-bold total-quantite-service"
											data-service-id="{{ $service->id }}"
										>
											{{ number_format(
												$totauxParService[$service->id] ?? 0,
												0,
												',',
												' '
											) }}
										</div>

										{{--
											Montant total du service,
											affiché plus petit sous la quantité.
										--}}
										<div class="small text-muted fw-normal">
											{{ number_format(
												$montantsParService[$service->id] ?? 0,
												2,
												',',
												' '
											) }} €
										</div>

									@endif

								</td>

							@endforeach

						</tr>
                </tbody>

                {{-- Total général unique --}}
                <tfoot>
                    <tr class="total-general-row">

                        <th
                            colspan="{{ $services->count() + 1 }}"
                            class="text-end"
                        >
                            Total général
                        </th>

                        <th
                            class="text-end"
                            id="total-general"
                        >
                            {{ number_format($totalGeneral, 2, ',', ' ') }} €
                        </th>

                    </tr>
                </tfoot>

            </table>

        </div>

    </div>

@endif
	@endif
@if(
    !$estJuriste
    && (
        $modeClient
        || ($vueGlobale ?? false)
    )
)
    <div class="card total-general-card">
        <div class="card-body d-flex flex-wrap justify-content-between align-items-center gap-3">

			<div>
				<div class="total-general-label">
					Chiffre d'affaires total du mois
				</div>

				<div class="small text-white-50">
					 {{ \Carbon\Carbon::createFromFormat('Y-m', $periode)
					->locale('fr')
					->translatedFormat('F Y') }}
				</div>
			</div>

			<strong class="total-general-montant">
				{{ number_format($totalGeneral, 2, ',', ' ') }} €
			</strong>

		</div>
    </div>
@endif

</div>
<div
    class="modal fade"
    id="commentaireModal"
    tabindex="-1"
    aria-labelledby="commentaireModalLabel"
    aria-hidden="true"
>
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title" id="commentaireModalLabel">
                    Commentaire
                </h5>

                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Fermer"
                ></button>
            </div>

            <div class="modal-body">

				<div class="mb-3 small text-muted">

					<div>
						<strong>Client :</strong>
						<span id="commentaireClientNom"></span>
					</div>

					<div>
						<strong>Service :</strong>
						<span id="commentaireServiceNom"></span>
					</div>

					<div>
						<strong>Période :</strong>
						{{ \Carbon\Carbon::parse($periode)->translatedFormat('F Y') }}
					</div>

				</div>

				<textarea
					id="commentaireTexte"
					class="form-control"
					rows="5"
					placeholder="Saisissez votre commentaire..."
				></textarea>

				<input type="hidden" id="commentaireSaisieId">
				<input type="hidden" id="commentaireClientId">
				<input type="hidden" id="commentaireServiceId">

			</div>

            <div class="modal-footer">

                <button
					type="button"
					class="btn btn-secondary"
					id="fermerCommentaire"
				>
					Annuler
				</button>

                <button
                    type="button"
                    class="btn btn-primary"
                    id="enregistrerCommentaire"
                >
                    Enregistrer
                </button>

            </div>

        </div>
    </div>
</div>
@push('scripts')
    <script src="{{ asset('js/saisies-mensuelles.js') }}"></script>
@endpush
@endsection