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

{% block stylesheets %}
<style type="text/css">
	
/* Styles go here */

.page-header, .page-header-space {
  
}

.page-footer, .page-footer-space {
  height: 50px;

}

.page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid black; /* for demo */
  background: white;
  text-align:center;

  font-size:12px;
}

.page-header {
  position: fixed;
  top: 0mm;
  width: 100%;
  border-bottom: 1px solid black; /* for demo */
  background: yellow; /* for demo */
}

.page {
  page-break-after: always;
}

@page {
  margin: 5mm
}

@media print {
   thead {display: table-header-group;} 
   tfoot {display: table-footer-group;}
   
   button {display: none;}
   
   body {margin: 0;}
}

</style>

{% endblock %}

{% block body %}
<div class="page-footer">
	{{ magasin.footerDocuments|raw }}
</div>

<table style="width:100%;margin:auto;">
	<tbody style="width:100%;margin:auto;">
      <tr>
        <td>


	<div style="text-align:center;width:100%;margin:auto;">

		<table width="100%">
			<tr>
				<td width="40%">
					<img src="{{ asset('uploads/magasins/' ~ magasin.photo) }}" height="100px">
					<div style='border:1px solid;padding:5px 10px;text-align:left; border-radius: 10px;'>
						<b>{{ magasin.titre }}</b><br>
						{% if(magasin.adresse) %}{{ magasin.adresse }}<br>{% endif %}
						{% if(magasin.telephone) %}Téléphone: {{ magasin.telephone }}<br>{% endif %}
						{% if(magasin.fax) %}Télécopie: {{ magasin.fax }}<br>{% endif %}
					</div>
					<div style='border:1px solid;padding:5px 10px;text-align:left;margin-top:5px; border-radius: 10px;'>
						<b>Balance client</b><br>
						Etablie le: {{ 'now'|date("d/m/Y") }}
					</div>
				</td>
				<td width="60%" style='text-align:center;' valign="bottom">
					<b>{{ client.getRaisonSociale() }}</b><br>
						{% if(client.getAdresse()) %}{{ client.getAdresse() }}<br>{% endif %}
						{% if(client.getTelephone()) %}Téléphone: {{ client.getTelephone() }}<br>{% endif %}
						{% if(client.getIce()) %}<b>ICE: {{ client.getIce() }}</b><br>{% endif %}
				</td>
			</tr>
		</table>
		
		<table width="100%" class="table-produits">
			<tr>
				<th style="text-align:center;">Date</th>
				<th style="text-align:center;">Désignation</th>
				<th style="text-align:center;">Notes</th>
				<th style="text-align:center;">Quantité</th>
				<th style="text-align:center;">Prix Unit</th>
				<th style="text-align:center;">Total à payer</th>
				<th style="text-align:center;">Total payé</th>
			</tr>
			{% set total_quantite, total_ttc, total_paye, debit, credit = 0, 0, 0, 0, 0 %}
			{% if(solde > 0) %}
				{% set debit = solde %}
			{% else %}
				{% set credit = solde * -1 %}
			{% endif %}

				{% set total_ttc = (total_ttc + debit) %}
                {% set total_paye = (total_paye + credit) %}

			<tr style="font-weight:bold;">
				<td style="text-align:center;">{{ datedebut|date("d/m/Y") }}</td>
				<td>Solde jusqu'au {{ datedebut|date("d/m/Y") }}</td>
				<td></td>
				<td></td>
				<td></td>
				<td style="text-align:right;">{{ debit|number_format(2, '.', ' ') }}</td>
				<td style="text-align:right;">{{ credit|number_format(2, '.', ' ') }}</td>
			</tr>

			{% for vente in ventes %}
				
				{% set total_quantite = (total_quantite + vente.quantite) %}
				{% set total_ttc = (total_ttc + vente.total_ttc) %}
                {% set total_paye = (total_paye + vente.total_paye) %}
			<tr>
				<td style="text-align:center;">{{ vente.date_operation|date("d/m/Y") }}</td>
				<td style="text-align:left;">{{ vente.titre }}</td>
				<td style="text-align:left;">{{ vente.notes }}</td>
				<td style="text-align:center;">{% if(vente.quantite) %}{{ vente.quantite }}{% endif %}</td>
				<td style="text-align:right; width: 80px;">{% if(vente.prix_ht) %}{{ vente.prix_ht|number_format(2, '.', ' ') }}{% endif %}</td>
				<td style="text-align:right; width: 80px;">{% if(vente.total_ttc) %}{{ vente.total_ttc|number_format(2, '.', ' ') }}{% endif %}</td>
				<td style="text-align:right; width: 80px;">{% if(vente.total_paye) %}{{ vente.total_paye|number_format(2, '.', ' ') }}{% endif %}</td>
			</tr>
			{% endfor %}

			<tr>
				<th style="text-align:center;"></th>
				<th style="text-align:center;"></th>
				<th style="text-align:center;"></th>
				<th style="text-align:center;">{{ total_quantite }}</th>
				<th style="text-align:center;"></th>
				<th style="text-align:right;">{{ total_ttc|number_format(2, '.', ' ') }}</th>
				<th style="text-align:right;">{{ total_paye|number_format(2, '.', ' ') }}</th>
			</tr>
			<tr style="border-top:1px solid">
				<th style="text-align:center;"></th>
				<th style="text-align:center;"></th>
				<th style="text-align:center;"></th>
				<th colspan=2 style="text-align:center;">Reliquat</th>
				<th colspan=2 style="text-align:right;">{{ (total_ttc-total_paye)|number_format(2, '.', ' ') }}</th>
			</tr>

		</table>

		
		
	</div>



        </td>
      </tr>
    </tbody>

    <tfoot>
      <tr>
        <td>
          <!--place holder for the fixed-position footer-->
          <div class="page-footer-space"></div>
        </td>
      </tr>
    </tfoot>

</table>
{% endblock %}