{% extends 'impression/base.html.twig' %}

{% block stylesheets %}
<style type="text/css">

</style>

{% endblock %}

{% block body %}
	<div style="text-align:center;width:100%;margin:auto;">
		
		<table width="100%" >
			<tr>
				<td width="40%" valign=top>
					<div style='border:1px solid;padding:5px 10px;text-align:left; border-radius: 10px;'>
						<b style="font-size:18px;">{{ reparation.getMagasin().titre }}</b><br>
						{% if(reparation.getMagasin().getAdresse()) %}{{ reparation.getMagasin().adresse }}<br>{% endif %}
						{% if(reparation.getMagasin().getTelephone()) %}Téléphone: {{ reparation.getMagasin().telephone }}<br>{% endif %}
						{% if(reparation.getMagasin().getFax()) %}Télécopie: {{ reparation.getMagasin().fax }}<br>{% endif %}
						{% if(reparation.getMagasin().getEmail()) %}{{ reparation.getMagasin().email }}<br>{% endif %}
					</div>
					<div style='border:1px solid;padding:5px 10px;text-align:left;margin-top:5px; border-radius: 10px;'>
						<b style="font-size:20px;">O.R. N°: {{ reparation.numReparation() }}</b><br>
						Etablie le: {% if reparation.getDateReparation() %}{{ reparation.getDateReparation()|date("d/m/Y") }}{% else %}{{ "now"|date("d/m/Y") }}{% endif %}<br>
						Reçu par: {{ reparation.getUtilisateur() }}
					</div>
				</td>
				<td width="60%" style='text-align:center;'>
					<div style="text-align:right;">
						<img src="{{ asset('uploads/magasins/' ~ reparation.getMagasin().photo) }}" height="80px">
					</div>
					<div style="margin-top:10px;">
						<b>{{ reparation.getClient.getRaisonSociale() }}</b><br>
						{% if(reparation.getClient.getAdresse()) %}{{ reparation.getClient.getAdresse() }}<br>{% endif %}
						{% if(reparation.getClient.getTelephone()) %}Téléphone: {{ reparation.getClient.getTelephone() }}<br>{% endif %}
						{% if(reparation.getClient.getEmail()) %}Email: {{ reparation.getClient.getEmail() }}<br>{% endif %}
						{% if(reparation.getClient.getIce()) %}<b>ICE: {{ reparation.getClient.getIce() }}</b><br>{% endif %}
					</div>
				</td>
			</tr>
			<tr>
				<td>
					
				</td>
				<td valign=bottom>
					<div style="text-align:right;font-size:12px;">
						<b>Date d'entrée:</b> {{ reparation.getDateTimeEntree()|date("d/m/Y H:i") }}<br>
						<b>Date prévue de sortie:</b> {{ reparation.getDateTimePrevueSortie()|date("d/m/Y H:i") }}<br>
					</div>
				</td>
			</tr>
		</table>

		<br>
		
		{% if reparation.getVehicule %}
		<table width="100%" class="table-produits" style="text-align:left;font-size:18px;">
			<tr>
				<th width="50%">
					Informations sur le véhicule
				</th>
				<th width="50%" align=right>
					<b>Immatriculation: {{ reparation.getVehicule.getImmatriculation() }}</b>
				</th>
			</tr>
			<tr>
				<td valign=top>
					Marque: {{ reparation.getVehicule.getMarque() }}<br>
					Modèle: {{ reparation.getVehicule.getModele() }}<br>
					Kilometrage: {{ reparation.getKilometrage() }}<br>
					Mise en circulation: {{ reparation.getVehicule.getDateMiseEnCirculation()|date("d/m/Y") }}<br>
				</td>
				<td valign=top>
					N chassis: {{ reparation.getVehicule.getNumChassis() }}<br>
					Type: {{ reparation.getVehicule.getType() }}<br>
					N moteur: {{ reparation.getVehicule.getNumMoteur() }}<br>
					N B.V: {{ reparation.getVehicule.getNumBoiteAVitesse() }}<br>
				</td>
			</tr>
		</table>
		{% endif %}
		
		<!--
		<table width="100%" class="table-produits" style="text-align:left;font-size:12px;border-top:none;">
			<tr>
				<th>
					Personne à contacter
				</th>
				<th colspan=2>
					Informations sinistre
				</th>
			</tr>
			<tr>
				<td valign=top>
					Nom: <br>
					Mobile: <br>
					Fixe: <br>
					E-mail: <br>
				</td>
				<td valign=top>
					Assurance: <br>
					N° de sinistre: <br>
					1er expert: <br>
					2nd expert: <br>
				</td>
				<td valign=top>
					Date sinistre: <br>
					<br>
					Date de passage: <br>
					Date de passage: <br>
				</td>
			</tr>
		</table>
	-->

		<br>
		
		<table width="100%" class="table-produits" style="text-align:left;">
			<tr>
				<th width="100%">Demande du client:</th>
			</tr>
			<tr>
				<td style="min-height:150px" valign=top>{{ reparation.getDemandeClient()|nl2br|raw }}</td>
			</tr>
			<tr>
				<th>Observations:</th>
			</tr>
			<tr>
				<td style="min-height:50px" valign=top>{{ reparation.getObservations()|nl2br|raw }}</td>
			</tr>
		</table>

		<br>

		<table width="100%" class="table-produits borderless" style="text-align:left;">
			<tr>
				<td valign=top style="font-size:10px;">
					Montant approximatif des réparations: {{ reparation.getMontantApproximatif() }} Dhs<br>
					Mode de règlement: <i class="fa fa-square-o"></i> Chèque <i class="fa fa-square-o"></i> Espèce <i class="fa fa-square-o"></i> En compte
					<table width="100%" class="simpletable borderless" style="text-align:center;font-size:10px;">
						<tr>
							<td width="30%">Etat du véhicule
								<table width="100%" class="simpletable" style="text-align:center;font-size:10px;">
									<tr><td>Choc</td><td>B</td></tr>
									<tr><td>Claquement</td><td>C</td></tr>
									<tr><td>Bosse</td><td>D</td></tr>
									<tr><td>Fuite</td><td>L</td></tr>
									<tr><td>Corrossion</td><td>R</td></tr>
									<tr><td>Rayures</td><td>S</td></tr>
									<tr><td>Eclat de pierre</td><td>T</td></tr>
								</table>
							</td>
							<td>
								<img src="{{ asset('assets/global/img/car-drawing.png') }}" height="100px">
							</td>
						</tr>
					</table>
				</td>
				<td width="25%" valign=top>
					<table width="100%" class="simpletable" style="text-align:center;font-size:10px;border:none;">
						<tr><th></th><th width="20px">Oui</th><th width="20px">Non</th></tr>
						<tr><td>Carte grise</td><td></td><td></td></tr>
						<tr><td>Outils</td><td></td><td></td></tr>
						<tr><td>Roue de secours</td><td></td><td></td></tr>
						<tr><td>Antenne</td><td></td><td></td></tr>
						<tr><td>Façade radio</td><td></td><td></td></tr>
						<tr><td>Chargeur CD</td><td></td><td></td></tr>
						<tr><td>Livret de bord</td><td></td><td></td></tr>
						<tr><td>Restitution pieces</td><td></td><td></td></tr>
					</table>
				</td>
				<td width="25%" valign=top>
					<table width="100%" class="simpletable height35" style="text-align:center;font-size:10px;border:none;">
						<tr><th>Signature du conseiller service</th></tr>
						<tr><td></td></tr>
						<tr><th>Signature du client</th></tr>
						<tr><td></td></tr>
						<tr><th>Signature client après reparation</th></tr>
						<tr><td></td></tr>
					</table>
				</td>
			</tr>
		</table>

		
		<!--div style="width:100%;font-size:12px;">
			{{ reparation.getMagasin().footerDocuments }}
		</div-->
		
	</div>

	<div class="page-break"></div>

	<div style="text-align:center;width:100%;margin:auto;">
		
		<div style='border:1px solid;padding:5px 10px;text-align:center;margin-top:5px;'>
			<h1>FICHE SUIVI REPARATIONS</h1>
		</div>

		<div style="text-align:right;margin-top:10px;">Ordre de réparation: {{ reparation.numReparation() }}</div>

		<h3>INTERVENTIONS MAIN D'OEUVRE</h3>

		<table width="100%" class="simpletable">
			<tr>
				<th width="60%">Opérations</th>
				<th width="20%">Nom opérateur</th>
				<th width="20%">Date d'opération</th>
			</tr>

			{% for i in 0..20 %}
			<tr>
				<td></td><td></td><td></td>
			</tr>
			{% endfor %}
		</table>

		<h3>TRAVAUX EXTERIEURS</h3>

		<table width="100%" class="simpletable">
			<tr>
				<th width="20%">N° commande</th>
				<th width="10%">N° BL</th>
				<th width="50%">Désignation</th>
				<th width="20%">Montant</th>
			</tr>

			{% for i in 0..10 %}
			<tr>
				<td></td><td></td><td></td><td></td>
			</tr>
			{% endfor %}
		</table>
		
	</div>
{% endblock %}