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

{% block stylesheets %}
<style type="text/css">
	body{padding:0;margin:0;font-family:arial;width:80%;margin:auto;}
	table{width:100%;border-collapse:collapse;}
	td{padding:4px 8px; border:1px solid #000; font-size:14px;}
	h1{font-size:24px; margin:0; padding:10px 0;}
	h3{margin:0; padding:5px 0; font-size:20px;}
</style>
{% endblock %}

{% block body %}
	<div style="text-align:center;">
		<p><img src="{{ asset('uploads/magasins/' ~ vente.getMagasin().photo) }}" height="80px"></p>
		<h3>{{ vente.getMagasin().titre }}</h3>
		<h1>Reçu de paiement</h1>
	</div>

		<table>
			<tr>
				<td><b>Réf commande</b></td>
				<td>{{ vente.numCommande }}</td>
			</tr>
			<tr>
				<td><b>Date commande</b></td>
				<td>{{ vente.dateCommande|date("d/m/Y") }}</td>
			</tr>
			<tr>
				<td><b>Client</b></td>
				<td>{{ vente.client }}</td>
			</tr>
			<tr>
				<td><b>Mode de paiement</b></td>
				<td>{{ paiement.getModePaiement()|capitalize }}</td>
			</tr>
			{% if paiement.getReference() %}
			<tr>
				<td><b>Référence de paiement</b></td>
				<td>{{ paiement.getReference() }}</td>
			</tr>
			{% endif %}
			<tr>
				<td><b>Total payé</b></td>
				<td>{{ paiement.getTotalPaye()|number_format(2, ',', ' ') }} DH</td>
			</tr>
		</table>
		<br><br><br><br>

	<div style="text-align:center;">
		<p style="font-size:10px">{{ vente.getMagasin().footerDocuments }}</p>
	</div>
{% endblock %}