%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/emtnaeewxm/www/src/EEM/MaintenanceBundle/Resources/views/maintenance/
Upload File :
Create Path :
Current File : /home/emtnaeewxm/www/src/EEM/MaintenanceBundle/Resources/views/maintenance/generer_recu.html.twig

<style>
    .titre_page {
        width: 755px;
        height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        top:30px;
        left: 0;
    }

    .width_full {
        width: 755px;
    }

    .width_half {
        width: 370px;
    }

    .sous_titre_page {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #cccccc;
        border-top-left-radius: 5px;
        border-top-right-radius-radius: 5px;
    }

    .date_maintenance {
        width: 755px;
        height: 20px;
        position: absolute;
        top:70px;
        left: 0;
    }

    .bloc {
        width: 755px;
        position: relative;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    .bloc_client {
        height: 80px;
        width: 370px;
        position: absolute;
        top: 95px;
        left: 0;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    .bloc_article {
        height: 80px;
        width: 370px;
        position: absolute;
        top: 95px;
        left: 385px;
        border: 1px solid #000000;
        border-radius: 5px;
    }

    .bloc_panne {
        height: 175px;
        position: absolute;
        top: 185px;
        left: 0;
    }

    .bloc_totaux {
        height: 110px;
        position: absolute;
        top: 370px;
        left: 0;
    }

    .client {
        width: 370px;
        position: relative;
    }

    .client .nom {
        position: absolute;
        top: 0;
        left: 0;
        width: 370px;
        padding: 5px 10px;
    }

    .client .tel {
        position: absolute;
        top: 20px;
        left:0;
        width: 370px;
        padding: 5px 10px;
    }

    .article {
        width: 370px;
        position: relative;
    }

    .article .marque_modele {
        position: absolute;
        top: 0;
        left: 0;
        width: 370px;
        padding: 5px 10px;
    }

    .article .num_serie {
        position: absolute;
        top: 20px;
        left: 0px;
        width: 370px;
        padding: 5px 10px;
    }

    .panne {
        width: 755px;
        position: relative;
    }

    .panne .descript {
        position: absolute;
        top: 0;
        left: 0;
        width: 205px;
        padding: 5px 10px;
    }

    .panne .tableau_piece {
        position: absolute;
        top: 0;
        right: 0;
        /*width: 510px;*/
        padding: 5px 10px;
    }

    th, td {
        border-bottom: 0.5px solid #000000;
        padding: 5px;
    }

    .td_1 {
        width: 280px;
    }

    .td_2 {
        width: 70px;
    }

    .totaux {
        width: 755px;
        position: relative;
    }

    .totaux .total {
        position: absolute;
        top: 0;
        left: 0;
        width: 235px;
        padding: 5px 10px;
    }

    .totaux .avance {
        position: absolute;
        top: 0;
        left: 255px;
        width: 230px;
        padding: 5px 10px;
        text-align: center;
    }

    .totaux .reste_payer {
        position: absolute;
        top: 0;
        left: 505px;
        width: 230px;
        padding: 5px 10px;
        text-align: right;
    }

    .div_code_barre {
        margin-top: 20px;
    }

    .div_code_barre div {
        margin-left: 130px;
    }

    .text_right {
        text-align: right;
    }

    .info{
        position: absolute;
        top:0;
        right: 0;
        text-align: center;
    }
    .info .mahdi{
        font-size: 16px;
        font-weight: bold;
    }
    .logo{
        position: absolute;
        top:0;
        left: 0;
    }
    .logo img{
       height: 55px;
    }
</style>

<div class="logo">
    <img src="{{ server }}{{ asset('images/logo_2em.png') }}" alt="">
</div>
<div class="info">
    <b>EL AMRA ELECTRO-MOBILE</b><br>
    vente et réparation matériels <br> informatiques et smartphone <br>
    Tél.: 74 899 162<br>
    Mobile: 26 243 228<br>
</div>
<div class="titre_page">
    Reçu maintenance
</div>
<div class="date_maintenance">
    Date réception: {% if maintenance.dateReception %}
        <b>{{ maintenance.dateReception|date('d-m-Y') }}</b>{% endif %}
</div>
<div class="bloc_client">
    <div class="sous_titre_page width_half">
        Client
    </div>
    <div class="client">
        <div class="nom">Client: <b>{{ maintenance.nomClient }}</b></div>
        <div class="tel">Téléphone: <b>{{ maintenance.telClient }}</b></div>
    </div>
</div>
<div class="bloc_article">
    <div class="sous_titre_page width_half">
        Article
    </div>
    <div class="article">
        <div class="marque_modele">Article: <b>{% if maintenance.marque %}{{ maintenance.marque.name }}{% endif %} {{ maintenance.model ? maintenance.model.name : maintenance.modele }}</b></div>
        <div class="num_serie">N° série: <b>{{ maintenance.numSerie }}</b></div>
    </div>
</div>
<div class="bloc bloc_panne">
    <div class="sous_titre_page width_full">
        Panne
    </div>
    <div class="panne">
        <div class="descript">
            <b>Panne:</b> <br>
            {% if liste_panne[maintenance.panne] %}{{ liste_panne[maintenance.panne] }}{% endif %}
        </div>
        <div class="tableau_piece">
            <table class="">
                <tr>
                    <th class="td_1">Pièce/Service</th>
                    <th class="td_2 text_right">Prix</th>
                </tr>
                {% for maintenancePiece in maintenance.maintenancePieces %}
                    <tr>
                        <td>
                            {% if maintenancePiece.article %}
                                {{ maintenancePiece.article.articleComplet }}
                            {% else %}
                                {{ maintenancePiece.service }}
                            {% endif %}
                        </td>
                        <td class="text_right">{{ maintenancePiece.prixVente }}</td>
                    </tr>
                {% endfor %}
            </table>
        </div>
    </div>
</div>

<div class="bloc bloc_totaux">
    <div class="sous_titre_page width_full">
        totaux
    </div>
    <div class="totaux">
        <div class="total">Total: <b>{{ maintenance.prixVente }}</b></div>
        <div class="avance">Avance: <b>{{ maintenance.avance }}</b></div>
        <div class="reste_payer">Reste à payer: <b>{{ maintenance.restePayer }}</b></div>
    </div>
    <div class="div_code_barre">
        {{ barcode|raw }}
    </div>
</div>

Zerion Mini Shell 1.0