%PDF-
%PDF-
Mini Shell
Mini Shell
<style>
.traite {
width: 755px;
height: 350px;
margin-bottom: 10px;
position: relative;
border-bottom: 1px dashed #000000;
}
.traite_left {
padding: 10px;
width: 230px;
height: 330px;
position: absolute;
}
.traite_left .info {
text-align: center;
width: 230px;
}
.traite_right {
padding: 10px;
width: 465px;
height: 330px;
left: 250px;
top: 0;
position: absolute;
}
.text_traite{
text-align: justify;
width: 230px;
margin-top: 20px;
}
.mahdi{
font-size: 16px;
font-weight: bold;
}
.signature{
margin-top: 10px;
font-weight: bold;
text-align: center;
width: 230px;
}
.tire{
position: absolute;
top:180px;
left: 10px;
padding: 10px;
border:1px solid #000000;
width: 465px;
height: 100px;
}
.text_tire{
height: 25px;
width: 465px;
position: absolute;
top:10px;
left: 10px;
font-weight: bold;
text-align: center;
font-size: 16px;
}
.nom_prenom{
height: 25px;
width: 465px;
position: absolute;
top:25px;
left: 10px;
}
.cin{
height: 25px;
width: 265px;
position: absolute;
top:50px;
left: 10px;
}
.date_cin{
height: 25px;
width: 200px;
position: absolute;
top:50px;
left: 270px;
}
.tel{
height: 25px;
width: 465px;
position: absolute;
top:75px;
left: 10px;
}
.adresse{
height: 25px;
width: 465px;
position: absolute;
top:100px;
left: 10px;
}
.modele{
position: absolute;
top:155px;
left: 10px;
width: 465px;
height: 20px;
}
.ordre{
position: absolute;
top:135px;
left: 10px;
width: 465px;
height: 20px;
}
.somme{
position: absolute;
top:105px;
left: 10px;
width: 465px;
height: 40px;
font-size: 16px;
}
.payer{
position: absolute;
top:75px;
left: 10px;
width: 465px;
height: 20px;
text-align: center;
font-weight: bold;
}
.echeance{
position: absolute;
top:40px;
left: 10px;
width: 230px;
height: 20px;
border:1px solid #000;
padding-left: 10px;
padding-top: 5px;
}
.num_traite{
position: absolute;
top:20px;
left: 290px;
width: 200px;
height: 20px;
}
.montant_traite{
position: absolute;
top:40px;
left: 290px;
width: 200px;
height: 20px;
padding-left: 10px;
padding-top: 5px;
background-color: #dddddd;
font-size: 16px;
font-weight: bold;
}
.barcode{
position: absolute;
top:305px;
left: 10px;
padding-top: 5px;
width: 465px;
}
.barcode div{
height: 25px!important;
}
.barcode div div{
height: 25px!important;
}
.barcode_text{
position: absolute;
top:30px;
padding-top: 5px;
width: 465px;
font-size: 12px;
color: #000;
}
</style>
{% set compt=1 %}
{% for ligneTraite in traite.ligneTraites %}
<div class="traite">
<div class="traite_left">
<div class="info">
<span class="mahdi">Mahdi Maimoun</span><br>
EL AMRA ELECTRO-MOBILE<br>
EL AMRA - SFAX<br>
Tél.: 74 899 162<br>
Mobile: 26 243 228<br>
</div>
<div class="text_traite">
Le défaut de paiement de cette lettre de change à l'échéance, rend sans préavis, de lettres de change
non encore échues immédiatement exigibles et le béditeur en suporte à partir de cette date, l'intérêt
appliqué en matière commercial.<br><br>
Tous litige auquel la présente lettre de change pourrait donner lieu sera résolu par
les tribunaux compétents.
</div>
<div class="signature">
Signature
</div>
</div>
<div class="traite_right">
<div class="date_traite"><b>El Amra Le:</b> {% if traite.dateTraite %}{{ traite.dateTraite|date('d/m/Y') }}{% endif %} </div>
<div class="echeance">
<b>Au:</b> {% if ligneTraite.dateEcheance %}{{ ligneTraite.dateEcheance|date('d/m/Y') }}{% endif %}
</div>
<div class="num_traite"><b>Traite N°:</b> {{ compt }} / {{ traite.nbTraite }}</div>
<div class="montant_traite">B.P.D # {{ ligneTraite.montant|number_format(3,'.','') }} #</div>
<div class="payer">Veuillez payer contre cette lettre de change </div>
<div class="somme">la somme de {{ ligneTraite.montant|montantLettre }}</div>
<div class="ordre">A l'ordre de <b>Mahdi Maimoun(EL AMRA ELECTRO-MOBILE)</b></div>
<div class="modele"><b>Model:</b> {{ traite.article.articleComplet }} </div>
<div class="tire">
<div class="text_tire">Tire </div>
<div class="nom_prenom"><b>Nom et prénom:</b> {{ traite.client.nom }} {{ traite.client.prenom }} </div>
<div class="cin"><b>CIN:</b> {{ traite.client.cin }} </div>
<div class="date_cin"><b>Date cin:</b> {% if traite.client.dateCin %}{{ traite.client.dateCin|date('d/m/Y') }}{% endif %} </div>
<div class="adresse"><b>Adresse:</b> {{ traite.client.adresse }} </div>
<div class="tel"><b>Téléphone:</b> {{ traite.client.telephone }} </div>
</div>
{% if tab_bar_code[ligneTraite.id] %}
<div class="barcode">
{{ tab_bar_code[ligneTraite.id]|raw }}
{#<div class="barcode_text">{{ ligneTraite.barCode }}</div>#}
</div>
{% endif %}
</div>
</div>
{% set compt=compt+1 %}
{% endfor %}
Zerion Mini Shell 1.0