{% extends 'base-pdf.html.twig' %}
{% block body %}
	<style>

		body {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			font-size:0.8rem;
		}
		h1 {
			text-align: center;
		}
		p {
			margin: 5px;
			padding: 0;
		}
		.container-entreprise {
			border: 1px solid black;
			border-radius: 10px;
			padding: 10px;
			float: left;
		}
		.container-client {
			background-color: #f4f4f4;
			border: 1px solid black;
			border-radius: 10px;
			padding: 10px;
			float: right;
		}
		table {
			border-collapse: collapse;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			border: 2px solid gray;
		}
		table,
		th,
		td {
			border: 1px solid lightgray;
		}
		th,
		td {
			padding: 5px;
		}
		.container-libelle {
			width: 100%;
			border: 1px solid black;
			border-radius: 10px;
			margin: 10px;
			padding: 10px;
			clear: both;
		}
		.entete {
			display: flex;
			flex-direction: column;
			width: 100%;
			justify-content: space-between;
		}
		.totaux {
			float: right;
		}
		.text-right {
			text-align: right;
		}
		.quantite{width:5%;}
		.remise,.prixht{
			width:10%;
		}
		.totalligne{
			width:15%;
		}
		.description{
			width:100%;
		}
		.detailsligne{
			width:100%;
		}
	</style>
	<h1>{{ecriture.typedocument}}&nbsp;
		{{ecriture.numdocument}}</h1>

	<section class="entete">
		<div class="container-entreprise">
			<p>
				<strong>{{entreprise.nom}}</strong>
			</p>
			<p>{{entreprise.adresse}}</p>
			<p>{{entreprise.codepostal}}&nbsp;{{entreprise.ville}}</p>
			<p>{{entreprise.telephone1}}</p>
			<p>{{entreprise.mail1}}</p>
			<p>{{entreprise.agrement}}</p>
		</div>
		<div class="container-client">
			<p>Client :</p>
			<p>
				<strong>{{client.nom}}&nbsp;{{client.prenom}}</strong>
			</p>
			<p>{{client.adresse}}</p>
			<p>{{client.codepostal}}&nbsp;{{client.ville}}</p>
			<p>{{client.mail1}}</p>
		</div>
	</section>
	<p>Etat document :
		<strong>{{ecriture.etatdocument}}</strong>
	</p>
	<p>Mode de paiement :
		{{ecriture.modepaiement.code}}</p>
	<p>Intervenant :
		<strong>{{ecriture.vendeur.Nom}}&nbsp;{{ecriture.vendeur.prenom}}</strong>
	</p>
	<section class="libelle">
		<div class="container-libelle">
			{% if ecriture.libelle %}
				<p>{{ecriture.libelle}}</p>
			{% endif %}
		</div>
	</section> 
	<div class="container-lignes-ecriture">
		{% if (lignes is defined) and (lignes|length >0) %}
			<table>
				<thead>					
					<th>Qté</th>
					<th>Description</th>
					<th>Prix HT</th>
					<th>Remise</th>
					<th>Total ligne</th>
				</thead>
				<tbody>
					{% for l in lignes %}
						<tr>							
							<td class="text-right quantite">{{l.quantite}}</td>
							<td class="description">{{l.article.description}}</td>							
							
							<td class="text-right prixht">{{l.prixht|format_currency('EUR')}}</td>
							<td class="text-right remise">{{l.remise|format_currency('EUR')}}</td>
							<td class="text-right totalligne">{{l.getTotalHTLigne|format_currency('EUR')}}</td>
						</tr>
							{% if l.detailsligne %}
								<tr>
									<td class="detailsligne">{{l.detailsligne}}</td>
								</tr>
							{% endif %}
					{% endfor %}
				</tbody>
			</table>
		{% else %}
			<p>Aucune ligne d'écriture n'a encore été enregistrée.</p>
		{% endif %}
		<section class="totaux">
			<div class="container-totaux-ecriture">
				<table>
					<tbody>
						<tr>
							<td class="text-right">Total HT :</td>
							<td class="text-right">{{ecriture.getTotalHtEcriture()|format_currency('EUR') }}</td>
						</tr>
						<tr>
							<td class="text-right">Total TTC :</td>
							<td class="text-right">{{ecriture.getTotalTTCEcriture()|format_currency('EUR') }}</td>
						</tr>
						<tr>
							<td class="text-right">Remise globale :</td>
							<td class="text-right">{{ecriture.getRemiseGlobale()|format_currency('EUR') }}</td>
						</tr>
						<tr>
							<td class="text-right">Déjà payé :</td>
							<td class="text-right">{{ecriture.getTotalAcomptesEcriture()|format_currency('EUR') }}</td>
						</tr>
						<tr>
							<td class="text-right">Total TVA</td>
							<td class="text-right">{{ecriture.getTotalTVAEcriture()|format_currency('EUR') }}</td>
						</tr>
						<tr>
							<td class="text-right">Reste à payer :</td>
							<td class="text-right">{{ecriture.getResteAPayer()|format_currency('EUR') }}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</section>
	</div>

{% endblock %}