{% 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%">
					<img src="{{ asset('uploads/magasins/' ~ app.user.getDefaultMagasin().photo) }}" height="100px">
					<div style='border:1px solid;padding:5px 10px;text-align:left; border-radius: 10px;'>
						<b>{{ app.user.getDefaultMagasin().titre }}</b><br>
						{{ app.user.getDefaultMagasin().adresse }}<br>
						Téléphone: {{ app.user.getDefaultMagasin().telephone }}<br>
						Télécopie: {{ app.user.getDefaultMagasin().fax }}<br>
					</div>
					<div style='border:1px solid;padding:5px 10px;text-align:left;margin-top:5px; border-radius: 10px;'>
						<b>Avoir N°: {{ retour.numRetour() }}</b><br>
						Etablie le: {{ retour.getDateRetour()|date("d/m/Y") }}
					</div>
				</td>
				<td width="60%" style='text-align:center;'>
					<b>{{ vente.getClient.getRaisonSociale() }}</b><br>
					{% if(vente.getClient.getAdresse()) %}{{ vente.getClient.getAdresse() }}<br>{% endif %}
					{% if(vente.getClient.getTelephone()) %}Téléphone: {{ vente.getClient.getTelephone() }}<br>{% endif %}
					{% if(vente.getClient.getIce()) %}<b>ICE: {{ vente.getClient.getIce() }}</b><br>{% endif %}
				</td>
			</tr>
		</table>

		{% if vente.getReparation() %}
		{% if vente.getReparation().getProduit() %}
		<table width="100%" class="table-produits" style="text-align:left;font-size:12px;">
			<tr>
				<th width="30%">
					Informations sur le véhicule
				</th>
				<th width="60%">
					
				</th>
			</tr>
			<tr>
				<td valign=top>
					{% if vente.getReparation().getProduit.getMarque() %}Marque: {{ vente.getReparation().getProduit.getMarque() }}<br>{% endif %}
					{% if vente.getReparation().getProduit.getModele() %}Modèle: {{ vente.getReparation().getProduit.getModele() }}<br>{% endif %}
				</td>
				<td valign=top>
					{% for attribut in vente.getReparation().getProduit().getAttributValues() %}
						{% if attribut.getValue() %}
							{{ attribut.getProduitAttribut.getLabel() }}: {{ attribut.getValue() }} / 
						{% endif %}
					{% endfor %}
				</td>
			</tr>
		</table>
		{% endif %}
		{% endif %}

		<br>
		
		<table width="100%" class="table-produits">
			<tr>
				<th width="55%" style="text-align:center;">Désignation</th>
				<th width="15%" style="text-align:center;">Quantité</th>
				<th width="15%" style="text-align:center;">Prix Unit</th>
				<th width="15%" style="text-align:center;">Montant HT</th>
			</tr>
			{% for vp in retour.getRproduits() %}
			<tr>
				<td style="text-align:left;">
					{{ vp.getVenteProduit().getProduit().getTitre() }}
					{% if vp.getVenteProduit().getProduit().getReference() %}
					<div class='ref'>Réf: {{ vp.getVenteProduit().getProduit().getReference() }}</div>{% endif %}
				</td>
				<td style="text-align:center;">- {{ vp.getQuantite() }}</td>
				<td style="text-align:right;">{{ vp.getPrixHt()|number_format(2, '.', ' ') }}</td>
				<td style="text-align:right;">- {{ vp.getPrixHt()*vp.getQuantite()|number_format(2, '.', ' ') }}</td>
			</tr>
			{% endfor %}
		</table>

		<table width="100%" class="table-totals">
			<tr>
				<td width="55%"></td>
				<td width="15%" style="border-right:1px solid white;"></td>
				<td width="15%" style="text-align:right;">Total HT</td>
				<td width="15%" style="text-align:right;">- {{ retour.getTotalHt()|number_format(2, '.', ' ') }}</td>
			</tr>
			<tr>
				<td></td>
				<td style="border-right:1px solid white;"></td>
				<td style="text-align:right;">Total TVA</td>
				<td style="text-align:right;">- {{ retour.getTotalTva()|number_format(2, '.', ' ') }}</td>
			</tr>
			{% if(retour.getTotalRemise() > 0) %}
			<tr>
				<td></td>
				<td style="border-right:1px solid white;"></td>
				<td style="text-align:right;">Total remise</td>
				<td style="text-align:right;">- {{ retour.getTotalRemise()|number_format(2, '.', ' ') }}</td>
			</tr>
			{% endif %}
			<tr>
				<td></td>
				<th style="border-right:1px solid #DCDCDC; border-bottom:1px solid black;"></th>
				<th style="text-align:right;border-bottom:1px solid black;">Total TTC</th>
				<th style="text-align:right;border-bottom:1px solid black;">- {{ retour.getTotalTtc()|number_format(2, '.', ' ') }}</th>
			</tr>
		</table>
		<br>
		<div style="text-align:left;width:100%;"> 
			Le présent avoir est arrêté à la somme de: moins {{ chiffre_en_lettre.int2str(retour.getTotalTtc()) }}
		</div>
		
		
		<div style="width:100%;position:absolute; bottom:10px;font-size:12px;">{{ app.user.getDefaultMagasin().footerDocuments }}</div>
		
	</div>
{% endblock %}