{% set typeclient = 'Client de passage' %}

{% if detail.vente.typeClient == '2' %}
    {% set typeclient = 'Client site' %}
{% elseif detail.vente.typeClient == '3' %}
    {% set typeclient = 'Client recurrent' %}
{% endif %}

{# Variables for duration and session times #}
{% set duree = detail.duree.dureMinute %} {# Duration in minutes #}
{% set startTime = detail.dateSoin|date('H:i') %} {# Start time as H:i #}
{% set debutSession = detail.datesession %} {# Session start time (as a time string like "19:00") #}

{# Base calculation for end time #}
{% set baseDate = detail.dateSoin|date('Y-m-d') %} {# Use the date of dateSoin #}

{% if debutSession %}
    {# Create a full DateTime from debutSession by combining it with the base date #}
    {% set debutSessionDatetime = (baseDate ~ ' ' ~ debutSession)|date('Y-m-d H:i') %}
    {# Calculate end time based on debutSession #}
    {% set endTime = (debutSessionDatetime|date_modify("+" ~ duree ~ " minutes"))|date('H:i') %}
{% else %}
    {# Calculate end time based on dateSoin if debutSession is not set #}
    {% set endTime = (detail.dateSoin|date_modify("+" ~ duree ~ " minutes"))|date('H:i') %}
{% endif %}

{% set datesoin = detail.vente.dateDebutSoin|date('H:i') %}
{% set pickup = detail.vente.dateDebutSoin|date_modify('-15 minutes')|date('H:i') %}

<div class="flex">
		<div class="tooltip-header">{{ startTime }} - {{ endTime }} </div>
		<div class="reservation-status">Réservé</div>
	</div>
	<hr class="divider">
	<div class="flex3">
		<div class="client-circle">C</div>
		<div class="ms-2">
			<div class="tooltip-header"> {{ detail.vente.nom ~ ' ' ~ detail.vente.prenom }} ({{ typeclient }})</div>
			<div><a target="_blank" href="{{ path('admin_app_vente_edit', {'id': detail.vente.id}) }}">{{ detail.vente.numeReservation }}</a></div>
		</div>
	</div>
	<div class="flex1">
		<div class="warning-icon">⚠️</div>
		<div class="info-text">
			{% if detail.vente.transport %}
					{{ detail.vente.nbpersonne ~ ' Pers - ' ~ detail.vente.intituleHotel }} <br/>
					{{ 
							(detail.vente.chambreNumero is defined and detail.vente.chambreNumero != '') ? 
									"Chambre: " ~ detail.vente.chambreNumero ~ 
									(detail.vente.numeroNavette is defined and detail.vente.numeroNavette != '' ? ' - Numéro navette: ' ~ detail.vente.numeroNavette : '') 
							: 
							(detail.vente.numeroNavette is defined and detail.vente.numeroNavette != '' ? 'Numéro navette: ' ~ detail.vente.numeroNavette : '') 
					}} <br/>
					Pick-up à {{pickup}}
				{% else %}
					Sans transport	
			{% endif %}</br>
			{{ detail.vente.note }}
		</div>
	</div>

	
	{# Display grouped VenteDetails #}
	{% for clientId, items in groupedByClient %}

		{% if groupedByClient|length > 1 %}
			<h4> Client: {{ clientId }}</h4>
		{% else %}
			<hr class="divider">
		{% endif %}
		
		{% for item in items %}
			{% set isFormule = item.type == 'formule' %}
			{% set displayItems = isFormule ? item|childVenteItem : [item] %}

			{% for displayItem in displayItems %}
				<div class="flex2" id="{{ isFormule ? displayItem.packof : displayItem.client }}">
					<div>
						<div class="details-title">{{ displayItem.intituleProduit }}</div>
						<div class="details-info">{{ displayItem.genre }} - {{ displayItem.intituleDuree }}</div>
						<div class="details-info">
							{% if displayItem.employe %}
								{{ displayItem.employe.nom ~ ' ' ~ displayItem.employe.prenom }}
							{% else %}
								{% for ite in displayItem.venteDetailEmployes %}
									{{ ite.employer.nom ~ ' ' ~ ite.employer.prenom }} -
								{% endfor %}
							{% endif %}
						</div>
					</div>
					{% if displayItem.cabine %}
						<div class="price-info">
							{{ displayItem.cabine.nomCabine }} - Relax({{ displayItem.numeroderelax }})
						</div>
					{% endif %}
				</div>
			{% endfor %}
		{% endfor %}
	{% endfor %}


	{# {% for item in detail.vente.getVenteDetails %}
		{% if item.type != 'formule' %}
			<div class="flex2" id="{{ item.client}}">
				<div>
					<div class="details-title">{{ item.intituleProduit }}</div>
					<div class="details-info">{{ item.genre }} - {{ item.intituleDuree }} </div>
					<div class="details-info">
						{% if item.employe %}
							{{ item.employe.nom ~' '~ item.employe.prenom }}
						{% else %}
							{% for ite in item.venteDetailEmployes %}
								{{ ite.employer.nom ~' '~ ite.employer.prenom }} -
							{% endfor %}
						{% endif %}
					</div>
				</div>
				{% if item.cabine %}
					<div class="price-info">{{item.cabine.nomCabine}} - Relax({{item.numeroderelax }})</div>
				{% endif %}
			</div>
		{% else %}

			{% set childs = item|childVenteItem %}
			{% for child in childs %}

				<div class="flex2" id="{{ child.packof}}">
					<div>
						<div class="details-title">{{ child.intituleProduit }}</div>
						<div class="details-info">{{ child.genre }} - {{ child.intituleDuree }} </div>
						<div class="details-info">
							{% if child.employe %}
								{{ child.employe.nom ~' '~ child.employe.prenom }}
							{% else %}
								{% for ite in child.venteDetailEmployes %}
									{{ ite.employer.nom ~' '~ ite.employer.prenom }} -
								{% endfor %}
							{% endif %}
						</div>
					</div>
					{% if child.cabine %}
						<div class="price-info">{{child.cabine.nomCabine}} - Relax({{child.numeroderelax }})</div>
					{% endif %}
				</div>
			{% endfor %}
		{% endif %}
	{% endfor %} #}
	
	{# <hr class="divider">
	<div class="flex2">
		<div>
			<div class="details-title">{{ detail.intituleProduit }}</div>
			<div class="details-info">{{ detail.genre }} - {{ detail.intituleDuree }}</div>
			<div class="details-info">
				{% if detail.employe %}
					{{ detail.employe.nom ~' '~ detail.employe.prenom }}
				{% else %}
						{% for item in detail.venteDetailEmployes %}
							{{ item.employer.nom ~' '~ item.employer.prenom }} -
						{% endfor %}
				{% endif %}
			</div>
		</div>
		{% if detail.cabine %}
			<div class="price-info">{{detail.cabine.nomCabine}} - Relax({{detail.numeroderelax }})</div>
		{% endif %}
	</div> #}