{% if rep is defined %}
	{% set client = rep.client %}
	{% set object = rep %}
	{% set contenu = '' %}
{% elseif devis is defined %}
	{% set client = devis.client %}
	{% set object = devis %}
	{% set contenu = devis.getArticles() %}

{% elseif intervention is defined %}
	{% set client = intervention.client %}
	{% set object = intervention %}


{% else %}
	{% set client = cmd.client %}
	{% set object = cmd %}
	{% set contenu = cmd.getContenu() %}
{% endif %}


<div class="container">
	{% include 'client/banner.html.twig' with {client : client} %}


	{% if object.getEtapes() | length > 0 %}
		<div class="my-3">

			<h3>Etapes:
			</h3>
			<div class="container">
				<table class="table">
					<thead class="text-center">
						<tr>
							<th>Étape</th>
							<th>Date de l'étape</th>
							<th>Technicien</th>
						</tr>
					</thead>
					<tbody>
						{% for state in object.getEtapes() %}
							<tr class="bg-{{state.status.color}} rounded mb-3">
								<td data-label="Statut"  class="p-2">{{state.status}}
									{% if state.status.id in [1,7] %}
										<br>
										{{cmd.transporteur}}
									{% endif %}
								</td>
								<td data-label="Date de l'étape" >{{state.getFormattedDate()}}</td>
								<td data-label="Technicien" >{{state.technicien}}</td>
							</tr>
						{% endfor %}
					</tbody>


				</table>
			</div>


		</div>
	{% endif %}

	
	{% if object.getEchangeClients()  | length > 0 %}
		<div class="my-3">
			<h3>Echange Client :</h3>
			<table class="table table-striped">
				<thead>
					<tr class="text-center">
						<th>Date de l'échange</th>
						<th>Action</th>
						<th>Commentaire</th>
					</tr>
				</thead>
				<tbody>
					{% for item in object.getEchangeClients() %}

						<tr>
							<td data-label="Date de l'échange">{{item.date}}</td>
							<td data-label="Methode">{{item.methode}}</td>
							<td data-label="Raison">{{item.raison}}</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>

		</div>

	{% endif %}

	{% if client.getCommandes() | length > 0 %}
		<div class="my-3">
			<h3>Commande</h3>
			<table class="table table-striped">
				<thead>
					<tr class="text-center">
						<th>Date de création</th>
						<th>Numero</th>
						<th>Article</th>
						<th>Statut</th>
						<th>Accompte</th>
					</tr>
				</thead>
				<tbody>
					{% for item in client.getCommandes() | reverse  %}
						{% if loop.index < 6 %}
							<tr>
								<td data-label="Date de création">{{item.getFormattedDateOrder()}}</td>
								<td data-label="Numéro">
									<a href="{{ path('commande',{submenu : 'all'}) }}?q={{ item.numero }}">{{ item.numero }}</a>

								</td>
								<td data-label="Articles">
									{% for article in item.contenu %}
										({{article.quantite}}) -
										{{article.article}}

										{% if loop.index != item.contenu |length %}

											<br>
										{% endif %}
									{% endfor %}
								</td>
								<td data-label="Statut" class="bg-{{item.status.color}}">{{item.status}}</td>
								<td data-label="Accompte"> {% if item.isBoutique() %}
										{{ item.sumAccompte() }} €
									{% endif %}</td>
							</tr>
						{% endif %}

					{% endfor %}
				</tbody>

			</table>
		</div>
	{% endif %}


	{% if client.getReparations() | length > 0 %}
		<div class="my-3 container">
			<h3>Réparations</h3>
			<table class="table table-striped">
				<thead>
					<tr class="text-center">
						<th>Date</th>
						<th>Numero</th>
						<th>Equipement</th>
						<th>Statut</th>
						<th>Référence du Devis accepté
						</th>
						<th>Nombre de devis
						</th>
						<th>Montant</th>
					</tr>
				</thead>
				<tbody>
					{% for item in client.getReparations() | reverse %}
						{% if loop.index < 6 %}

							<tr>
								<td data-label="Date de création">{{item.date}}</td>
								<td data-label="Numéro">
									<a href="{{ path('reparations',{submenu : 'all'}) }}?q={{ item.numero }}">{{ item.numero }}</a>

								</td>
								<td data-label="Equipement">{{item.materiel}}</td>
								<td data-label="Statut" class="bg-{{item.status.color}}">{{item.status}}</td>
								<td data-label="Numéro du devis">
									{% if item.getValidateDevis() != null %}
										{{										item.getValidateDevis().numero										}}
									{% else %}
										N/C
									{% endif %}
								</td>
								<td data-label="">{{item.devis | length}}</td>
								<td data-label="Montant">{{item.getTTC()}}</td>

							</tr>
						{% endif %}

					{% endfor %}
				</tbody>
			</table>
		</div>
	{% endif %}


	{% if client.getInterventions() | length > 0  %}
		<div class="my-3">
			<h3>Interventions</h3>

			<table class="table table-striped text-center">
				<thead>
					<th>Date de création</th>
					<th>Type</th>
					<th>Numéro de l'intervention</th>
					<th>Description</th>
					<th>Heure</th>
					<th>Montant</th>
					<th>Statut</th>
				</thead>
				<tbody>
					{% for item in client.getInterventions() | reverse %}

						{% if loop.index < 6 %}
							<tr>
								<td data-label="Date">{{item.getFormattedDate()}}</td>
								<td data-label="Type">{{ item.type | replace({ '_' : ' '}) | capitalize }}</td>
								<td data-label="Numéro">
									<a href="{{ path('intervention',{submenu : 'all'}) }}?q={{ item.numero }}">{{ item.numero }}</a>
								</td>

								<td data-label="Description">{{item.getDescription()}}</td>
								<td data-label="Heure">{{item.heure}}</td>
								<td data-label="Montant">{{item.montant}}
									€</td>
								<td data-label="Statut" class="bg-{{item.status.color}}">{{item.status}}</td>

							</tr>


						{% endif %}

					{% endfor %}

				</tbody>
			</table>
		</div>
	{% endif %}

	{% if client.getDevis() | length > 0  %}
		<div class="my-3">
			<h3>Devis</h3>

			<table class="table table-striped">
				<thead>
					<tr class="text-center">
						<th>Date du devis</th>
						<th>Numero du devis</th>
						<th>Référence annexe</th>

						<th>Article</th>
						<th>Statut</th>
					</tr>
				</thead>
				<tbody>
					{% for item in client.getDevis() | reverse  %}
						{% if loop.index < 6 %}
							<tr>
								<td data-label="Date du devis">{{item.date}}</td>
								<td data-label="Numéro">
									{% set url = "#" %}
									{% if item.hasCommande() %}
										{% set url =  path('commande',{submenu : 'all'})~'?q='~item.commande %}
									{% elseif item.hasReparation() %}
										{% set url =  path('reparations',{submenu : 'all'})~'?q='~item.reparation %}
									{% elseif item.hasIntervention() %}
										{% set url =  path('intervention',{submenu : 'all'})~'?q='~item.intervention %}

									{% else %}
										{% set url =  path('commande.devis.edit',{num : item.numero}) %}
									{% endif %}
									<a href="{{ url }}">{{ item.numero }}</a>
								</td>
								<td data-label="Articles">
									{% for article in item.articles %}
										({{article.quantite}}) -
										{{article.article}}

										{% if loop.index != item.articles |length %}

											<br>
										{% endif %}
	{% else %}
		<br>
										
									{% endfor %}
								</td>
								<td data-label="Statut" class="bg-{{item.status.color}}">{{item.status}}</td>

							</tr>
						{% endif %}

					{% endfor %}
				</tbody>

			</table>
		</div>
	{% endif %}


</div>