{% 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">
	{% if entete %}
	{{ vente.getMagasin().footerDocuments }}
	{% endif %}
</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%">
					{% if entete %}
						<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>
					{% else %}
						<div style="height:100px;"></div>
					{% endif %}

					<div style='border:1px solid;padding:5px 10px;text-align:left;margin-top:5px; border-radius: 10px;'>
						<b>Facture Proforma</b><br>
						Etablie le: {{ vente.getDateCommande()|date("d/m/Y") }}
					</div>
				</td>
				<td width="60%" style='text-align:center;' valign="bottom">
					{% if vente.getOrganisme() %}
						<b>{{ vente.getOrganisme.getRaisonSociale() }}</b><br>
						<b>Pour le compte de: {{ vente.getClient.getRaisonSociale() }}</b><br>
						{% if(vente.getOrganisme.getAdresse()) %}{{ vente.getOrganisme.getAdresse() }}<br>{% endif %}
						{% if(vente.getOrganisme.getTelephone()) %}Téléphone: {{ vente.getOrganisme.getTelephone() }}<br>{% endif %}
						{% if(vente.getOrganisme.getIce()) %}<b>ICE: {{ vente.getOrganisme.getIce() }}</b><br>{% endif %}
					{% else %}
						<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 %}
					{% endif %}

					{{ vente.getObjet() }}
				</td>
			</tr>
		</table>

		{% if vente.getReparation() and afficher_or %}
			{% if vente.getReparation().getVehicule() %}
			<table width="100%" class="table-produits" style="text-align:left;font-size:16px;">
				<tr>
					<th width="50%">
						Informations sur le véhicule
					</th>
					<th width="50%" align=right>
						Immatriculation: {{ vente.getReparation().getVehicule.getImmatriculation() }}
					</th>
				</tr>
				<tr>
					<td valign=top>
						Marque: {{ vente.getReparation().getVehicule.getMarque() }}<br>
						Modèle: {{ vente.getReparation().getVehicule.getModele() }}<br>
						Kilometrage: {{ vente.getReparation().getKilometrage() }}<br>
						Mise en circulation: {{ vente.getReparation().getVehicule.getDateMiseEnCirculation()|date("d/m/Y") }}<br>
					</td>
					<td valign=top>
						N chassis: {{ vente.getReparation().getVehicule.getNumChassis() }}<br>
						Type: {{ vente.getReparation().getVehicule.getType() }}<br>
						N moteur: {{ vente.getReparation().getVehicule.getNumMoteur() }}<br>
						N B.V: <br>
					</td>
				</tr>
			</table>
			{% endif %}
		{% endif %}

		<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;">Qtt</th>
				<th width="15%" style="text-align:center;">Prix U.</th>
				<th width="10%" style="text-align:center;">Remise</th>
				<th width="15%" style="text-align:center;">Total HT</th>
			</tr>
			{% if vente.getReparation() and afficher_or %}
				{% if vente.getReparation().getVehicule() %}
				<tr>
					<td>
						{% if vente.getReparation().getDemandeClient() %}
							{{ vente.getReparation().getDemandeClient()|upper|nl2br|raw }}<hr>
						{% endif %}
					</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				{% endif %}
			{% endif %}

		</table>


		{% if cat %}

		{% for categorie in vente.getCategories() %}
			<div style="text-align:left;margin-top:5px;text-decoration:underline;font-weight:bold;">
				{{ categorie.titre }}
			</div>
			<table width="100%" class="table-produits">
			{% set total_cat = 0 %}
			{% for vproduit in vente.getProduitsParCategorie(categorie) %}
				{% set total_cat = total_cat + vproduit.getTotalHt() %}
				<tr>
					<td width="50%">
						{{ vproduit.getProduit().getTitre() }}
						{% if vproduit.getProduit().getReference() %}
							<div class='ref'>Réf: {{ vproduit.getProduit().getReference() }}</div>
						{% endif %}
					</td>
					<td width="10%" style="text-align:center;">{{ vproduit.getQuantite() }}</td>
					<td width="15%" style="text-align:right;">{{ vproduit.getPrixHt()|number_format(2, '.', ' ') }}</td>
					<td width="10%" style="text-align:right;">{{ vproduit.getTauxRemise()|number_format(2, '.', ' ') }}</td>
					<td width="15%" style="text-align:right;">{{ vproduit.getTotalHt()|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;border-bottom:1px solid black;">Total {{ categorie.titre }}</td>
					<td width="15%" style="text-align:right;border-bottom:1px solid black;">{{ total_cat|number_format(2, '.', ' ') }}</td>
				</tr>
			</table>
		{% endfor %}
		<br>

		{% else %}

		<table width="100%" class="table-produits">

			{% for vp in vente.getVproduits() %}
			<tr>
				<td width="50%" 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()) and (not vp.getProduit().getEstService()) %}

						{% 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 width="10%" style="text-align:center;">{{ vp.getQuantite() }}</td>
				<td width="15%" style="text-align:right;">{{ vp.getPrixHt()|number_format(2, '.', ' ') }}</td>
				<td width="10%" style="text-align:right;">{{ vp.getTauxRemise()|number_format(2, '.', ' ') }}</td>
				<td width="15%" style="text-align:right;">{{ vp.getTotalHt()|number_format(2, '.', ' ') }}</td>
			</tr>
			{% endfor %}
			{% if vente.getReparation() and afficher_or %}
				{% if vente.getReparation().getVehicule() %}
				<tr>
					<td>
						{% if vente.getReparation().getObservations() %}
							<hr>{{ vente.getReparation().getObservations()|upper|nl2br|raw }}
						{% endif %}
					</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				{% endif %}
			{% endif %}
		</table>

		{% endif %}

		<table width="100%" class="table-totals">
			<tr>
				<td width="50%"></td>
				<td width="35%" colspan=3 style="text-align:right;border-top:1px solid black;">Total HT</td>
				<td width="15%" style="text-align:right;border-top:1px solid black;">{{ 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 la présente facture à la somme de: <br>
			{{ chiffre_en_lettre.int2str(vente.getTotalTtc()|number_format(2, '.', ''))|upper }}
		</div>
		
	</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 %}