{% 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/' ~ vente.getMagasin().photo) }}" height="100px">
					<div style='border:1px solid;padding:5px 10px;text-align:left; border-radius: 10px;'>
						<b>{{ vente.getMagasin().titre }}</b><br>
						{{ vente.getMagasin().adresse }}<br>
						Téléphone: {{ vente.getMagasin().telephone }}<br>
						Télécopie: {{ vente.getMagasin().fax }}<br>
					</div>
					<div style='border:1px solid;padding:5px 10px;text-align:left;margin-top:5px; border-radius: 10px;'>
						<b>Bon de reception</b><br>
						Etablie le: {{ vente.getDateCommande()|date("d/m/Y") }}
					</div>
				</td>
				<td width="60%" style='text-align:center;' valign="bottom">
					<b>{{ vente.getFournisseur().getRaisonSociale() }}</b><br>
					{% if(vente.getFournisseur().getAdresse()) %}{{ vente.getFournisseur().getAdresse() }}<br>{% endif %}
					{% if(vente.getFournisseur().getTelephone()) %}Téléphone: {{ vente.getFournisseur().getTelephone() }}<br>{% endif %}
				</td>
			</tr>
		</table>

		<br>
		
		<table width="100%" class="table-produits">
			<tr>
				<th width="50%" style="text-align:center;">Désignation</th>
				<th width="10%" style="text-align:center;">Quantité</th>
				<th width="15%" style="text-align:center;">Prix Unit</th>
				<th width="10%" style="text-align:center;">Remise</th>
				<th width="15%" style="text-align:center;">Total HT</th>
			</tr>
			{% for vp in vente.getAproduits() %}
			<tr>
				<td style="text-align:left;">
						{{ vp.getProduit().getTitre() }}
						{% if vp.getProduit().getReference() %}
							<div class='ref'>Réf: {{ vp.getProduit().getReference() }}</div>
						{% endif %}

						{% if vp.getProduit().getCategorie().getAfficherDetailsProduit() %}

							{% if vp.getProduit().getMarque() %}
								<div class='ref'>Marque: {{ vp.getProduit().getMarque() }}</div>
							{% endif %}
							{% if vp.getProduit().getModele() %}
								<div class='ref'>Modèle: {{ vp.getProduit().getModele() }}</div>
							{% endif %}

							{% for attribut in vp.getProduit().getAttributValues() %}
                            {% if attribut.getValue() %}
                                <div class='ref'>{{ attribut.getProduitAttribut.getLabel() }}: {{ attribut.getValue() }}</div>
                            {% endif %}
                            {% endfor %}

						{% endif %}

					</td>
				<td style="text-align:center;">{{ vp.getQuantite() }}</td>
				<td style="text-align:right;">{{ vp.getPrixVente()|number_format(2, '.', ' ') }}</td>
				<td style="text-align:right;">{{ vp.getRemise()|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="50%"></td>
				<td width="35%" colspan=3 style="text-align:right;">Total HT</td>
				<td width="15%" style="text-align:right;">{{ vente.getTotalHt()|number_format(2, '.', ' ') }}</td>
			</tr>
			<tr>
				<td></td>
				<td colspan=3 style="text-align:right;">Total TVA (20%)</td>
				<td style="text-align:right;">{{ vente.getTotalTva()|number_format(2, '.', ' ') }}</td>
			</tr>
			<tr>
				<td></td>
				<th colspan=3 style="text-align:right;border-bottom:1px solid black;">Total TTC</th>
				<th style="text-align:right;border-bottom:1px solid black;">{{ vente.getTotalTtc()|number_format(2, '.', ' ') }}</th>
			</tr>
		</table>
		<br>
		<div style="text-align:left;width:100%;"> 
			Arrêtée le présent bon à la somme de: <br>
			{{ chiffre_en_lettre.int2str(vente.getTotalTtc()|number_format(2, '.', ''))|upper }}

			<br><br>
			{% if vente.getPaiements() %}
			<b>Règlements:</b><br>
			{% for paiement in vente.getPaiements() %}
				{{ paiement.totalPaye|number_format(2, '.', ' ') }} DH {{ paiement.modePaiement }} {% if paiement.reference %}réf:{{ paiement.reference }} {% endif %} à règler le {{ paiement.getDatePaiement()|date("d/m/Y") }}<br>
			{% endfor %}
			{% endif %}
		</div>
		
		
		<div style="width:100%;position:absolute; bottom:10px;font-size:12px;">{{ vente.getMagasin().footerDocuments }}</div>
		
	</div>
{% endblock %}