{% extends 'base.html.twig' %}
{% block stylesheets %}
	<style>
		body {
			/* font-size: 1em; */
			background-color: rgb(231, 229, 229);
		}


		#table-pdf {
			width: 100%;
			border-collapse: collapse;
			margin: 0 auto;
			font-size: 0.5em !important;
		}

		#table-pdf .table-entete {
			background-color: white;
		}

		.table-entete table {
			width: 100%;
			border: 0;
		}

		#logo {
			height: 5cm;
		}

		.article {
			font-size: 0.7em !important;
		}

		.table-entete table td {
			border: 0 !important;
			font-weight: bold;
			font-size: 150%;
		}

		#table-pdf th,
		#table-pdf td {
			border: 1px solid #000;
			padding: 8px;
			text-align: center;
		}

		#table-pdf th {
			background-color: #ccc;
			font-weight: bold;
			font-size: 100%;
			text-align: left;
		}

		.chapitre {
			font-size: 150% !important;
			background-color: #C40E1F !important;
			color: white;
			padding-top: 0.5cm !important;
			padding-bottom: 0.5cm !important;
		}

		.chapitre:before {
			content: '### ';
		}

		#table-pdf td.article {
			background-color: #fff;
			font-weight: bold;
			border-radius: 12px;
			padding: 4px;
		}
		.sous-table {
			width: 100%;
			margin-bottom: 0.2cm;
			border-radius: 6px;
		}

		.adresse {
			text-align: center !important;
		}

		.camion-table {
			display: inline;
			width: 50%;
		}

		.img-pdf {
			height: 6cm;
			width: 5cm;
		}

		.commentaire {
			text-align: justify !important;
		}

		.signature {
			width: 100%;
			text-align: right !important;
			padding: 1cm !important;
			border: 0 !important;
			font-size: 120%;
			font-style: italic;
		}
		.confirmation {
			font-size: 150%;
		}

		/**
** Catégories
**/
		.categ-1 {
			background-color: grey !important;
			color: white;
		}

		.categ-2 {
			background-color: yellow !important;
			color: black;
		}

		.categ-3 {
			background-color: darkgrey !important;
			color: white;
		}

		.categ-4 {
			background-color: lightgreen !important;
			color: white;
		}

		.categ-5 {
			background-color: red !important;
			color: white;
		}

		.categ-6 {
			background-color: orange !important;
			color: white;
		}
	</style>
{% endblock %}

{% block body %}
	<table id="table-pdf">
		<tr>
			<th class="table-entete">
				<table>
					<tr>
						<td width="30%"><img id="logo" src="{{baseDirPhotos}}web/assets/img/logo_bonifay.png" alt=""></td>
						<td valign="top">
							COMPTE RENDU<br/>DE VISITE CHANTIER<br/><br/>
							DEVIS N°
							{{ info_devis['numDevis'] }}</td>
					</tr>
				</table>
			</th>
		</tr>
		<tr>
			<td>
				<table class="sous-table">
					<tr>
						<th>Client :
							{{ info_devis['nomClient'] }}</th>
						<th>Contact :
							{% for tel_client in tels_client %}
								{% if tel_client != ' ' %}
									{{ tel_client }}
								{% endif %}
							{% endfor %}
						</th>
					</tr>
				</table>
				<table class="sous-table">
					<tr>
						<th>Crée par
							{{ info_supp.infos[0].PRENOMUSR_0 }}
							{{ info_supp.infos[0].NOMUSR_0 }}</th>
						<th>le
							{{ info_devis['dateCrea'] }}</th>
						<th>Expire le
							{{ info_devis['expire'] }}</th>
					</tr>
				</table>
				<table class="sous-table">
					<tr>
						<th class="adresse">{{ info_devis['adresse1'] }}
							{{ info_devis['adresse2'] }}
							{{ info_devis['adresse3'] }}<br/>{{ info_devis['cp'] }}
							{{ info_devis['ville'] }}</th>
						<th>Heure prévue :
							{{ info_devis['heurePlan'] }}</th>
					</tr>
				</table>
				{% if info_supp.infos[0].ENTETE or info_supp.infos[0].PIED %}
					<table class="sous-table">
						<tr>
							<th id="remplir">Notes</th>
						</tr>
						<tr>
							<td id="remplir">
								{{ info_supp.infos[0].ENTETE | raw}}
								{{ info_supp.infos[0].PIED | raw}}
							</td>
						</tr>
					</table>
				{% endif %}
			</td>
		</tr>

		{% if modifs_planif %}
		<tr>
			<th class="chapitre">!!! ATTENTION  : CHAMPS À CHANGER !!!</th>
		</tr>
		<tr>
			<td style="font-size: 170%;">
				<table class="sous-table">
					<thead>
						<th>Champs</th>
						<th>Modif</th>
					</thead>
					<tbody>
						{% for modif in modifs_planif %}
							<tr>
								<td>{{ modif.champ }}</td>
								<td>{{ modif.newValeur }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</td>
		</tr>
		{% endif %}

		{# <tr style="page-break-after: always;"></tr> #}
		{% if info_sur_place %}
		<tr>
			<th class="chapitre">
				Personne sur place
			</th>
		</tr>
		<tr>
			<td style="font-size: 170%;">
				{{ info_sur_place.infos }}
			</td>
		</tr>
		{% endif %}
		<tr>
			<th class="chapitre">
				Les Camions
			</th>
		</tr>
		<tr>
			<td>
				<table class="camion-table">
					<tr>
						<th>
							Toupies
						</th>
						{% for toupie in camionsToupie %}
							{# <tr> #}
							<td>
								{{ toupie.libelle }}
							</td>
							{# </tr> #}
						{% endfor %}
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table class="camion-table">
					<tr>
						<th colspan="3">
							Pompes
						</th>
					</tr>
					{% for pompe in camionsPompe %}
						<tr>
							<td>
								{{ pompe.libelle }}, Tuyauterie :
								{{ pompe.metrage }}m

								{% if amorcages[pompe.id] != [] %}
									<br>Amorcage :
									{% for amorcage in amorcages[pompe.id]%}
										{{ amorcage.libelle }}
									{% endfor %}
								{% endif %}
								
								{% if lavages[pompe.id] != [] %}
									<br>Lavages :
									{% for lavage in lavages[pompe.id]%}
										{{ lavage.libelle }}
									{% endfor %}

								{% endif %}
							</td>
						</tr>
					{% endfor %}
				</table>
			</td>
		</tr>
		<tr>
			<th class="chapitre">
				Photos et Commentaires
			</th>
		</tr>
		<tr>
			<td>
				<table class="sous-table">
					{% for photo_com in photos_coms %}
						<tr>
							<td>
								<table class="sous-table">
									{% if photo_com.nomPhoto != '' %}
										<td
											width="30%">
											{# {{ photo_com.nomPhoto }} <br> #}
											{% if html_view %}
												<img src="{{ asset('uploadedFiles/planif' ~ info_devis['planif'] ~ '/' ~ photo_com.nomPhoto) }}" class="img-pdf">
											{% else %}
												<img src="{{ base_dir_photos }}web/uploadedFiles/planif{{ info_devis['planif']}}/{{ photo_com.nomPhoto }}" class="img-pdf">
											{% endif %}
										</td>
									{% endif %}
									<td class="commentaire">
										{{ photo_com.commentaire|raw }}
									</td>
								</table>
							</td>
						</tr>
					{% endfor %}
				</table>
			</td>
		</tr>
		<tr>
			<td class="signature">
				<p class="confirmation">
					Merci de bien vouloir confirmer cubage, formule et cadence avec le client...
				</p>
			</td>
		</tr>
		<tr>
			<th class="chapitre">
				Liste des Articles du Devis Initial
			</th>
		</tr>
		<tr>
			<td>
				<table class="sous-table">
					<tr>
						<th>Reference</th>
						<th>Libelle Description</th>
						<th>Quantite</th>
					</tr>
					{% for ligne in info_supp.listeLignes  %}
						<tr>
							<td>{{ ligne.ITMREF_0 }}</td>
							<td class="article">{{ ligne.SEAKEY_0 }}
								{{ ligne.ITMDES1_0 }}</td>
							<td>{{ ligne.QTY_0 }}</td>
						</tr>
					{% endfor %}
				</table>
			</td>
		</tr>
		<tr>
			<td class="signature">
				<p>
					Rapport généré le
					{{ "now"|date("d/m/Y") }}
					à
					{{ "now"|date("H\\hi") }}
					par
					{{ infos_user[0].PRENOMUSR_0}}
					{{ infos_user[0].NOMUSR_0}}.
				</p>
			</td>
		</tr>
	</table>
{% endblock %}

{% block javascripts %}
	{# {{ parent() }} #}
{% endblock %}