templates/reporting/extraction/pdf/recapitulatif.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <style>
  8.         body {
  9.             font-family: "Arial Narrow";
  10.             font-size: 12px;
  11.             
  12.         }
  14.         .titre {
  15.             font-size: 16px;
  16.             text-align: center;
  17.             font-weight: bold;
  18.             padding-bottom: 0;
  19.             line-height: 1.6em;
  20.         }
  22.         .titre p {
  23.             margin: 0 !important;
  24.         }
  26.         .table_1,
  27.         .table_2 {
  28.             width: 100%;
  29.             border-collapse: collapse;
  30.         }
  32.         .table_1 tr td,
  33.         .table_2 tr td {
  34.             border-right: 1px solid #979696;
  35.             border-left: 1px solid #979696;
  36.             text-align: center;
  37.             font-size: 12px;
  38.             padding: 5px;
  39.         }
  41.         .table_1 tr .vide,
  42.         .table_2 tr .vide {
  43.             padding: 0 !important;
  44.             width: 4px !important;
  45.             background-color: white !important;
  46.             border: none !important;
  47.         }
  48.         .td_border_bottom {
  49.             border-bottom: 1px solid #4d4c4c;
  50.         }
  51.         {# .table_1 td .vide_fin {
  52.             height: 0 !important;
  53.             border-top: 1px solid #979696 !important;
  54.             border-right: none !important;
  55.             border-left: none !important;
  56.         } #}
  58.         .table_header th {
  59.             border: 1px solid black;
  60.             background-color: black;
  61.             color: white;
  62.             text-align: center;
  63.             font-size: 11px;
  64.             padding: 5px;
  65.         }
  67.         .td_fin td {
  68.             border-top: 3px solid #979696;
  69.             background-color: white;
  70.             font-weight: bold;
  71.         }
  73.         .table_2 {
  74.             width: 366px;
  75.             margin-left: auto;
  76.             margin-top: 30px;
  77.             font-weight: bold;
  78.         }
  80.         .table_2 tr .td_titre {
  81.             background-color: black;
  82.             color: white;
  83.             text-align: center;
  84.             font-size: 12px;
  85.             padding: 5px;
  86.         }
  88.         .gris {
  89.             color: white;
  90.             background-color: #979696;
  91.         }
  93.         @page {
  94.             header: html_otherpageheader;
  95.         }
  96.     </style>
  97. </head>
  98. <body>
  99.     <htmlpageheader name="otherpageheader" style="display:none">
  100.         <table style="width: 100%; text-align: center;" cellspacing="0">
  101.             <tr>
  102.                 <td style="width: 90%; text-align: right;"></td>
  103.                 <td style="width: 10%; text-align: center;">
  104.                     {# {% if etablissement.Logo == 'CAS_SSS' %}
  105.                         <img style="margin-right: 4px; height:2.8cm; width:5.5cm" src="Logos/SSS.png">
  106.                     {% else %} #}
  107.                         <img style="margin-right: 20px; float: right; width: 230px; height: 60px;" src="{{dossier.image}}" alt="Logo">
  108.                     {# {% endif %} #}
  109.                 </td>
  110.             </tr>
  111.         </table>
  112.     </htmlpageheader>
  114.     <div class="titre">
  115.         <p>ETAT RECAPITULATIF<br>ENTRE {{date|date_modify('first day of this month')|date('d/m/Y')}}
  116.             ET {{date|date_modify('last day of this month')|date('d/m/Y')}}<br>{{dossier.Abreviation}}</p>
  117.         {# <p>ETAT RECAPITULATIF<br>ENTRE =
  118.             ET =<br></p> #}
  119.     </div>
  121.     <div>
  122.         <p><span>Code : </span> {{dossier.id}} </p>
  123.     </div>  
  125.     <div>
  126.         <table class="table_1">
  127.             <tr class="table_header">
  128.                 <th style="width: 60px;">ORDRE</th>
  129.                 {# <th class="vide"></th> #}
  130.                 <th style="width: 100px;">ID ELEMENTS</th>
  131.                 {# <th class="vide"></th> #}
  132.                 <th style="width: 250px;">ELEMENTS</th>
  133.                 <th class="vide"></th>
  134.                 <th style="width: 100px;">DEBIT</th>
  135.                 <th class="vide"></th>
  136.                 <th style="width: 100px;">CREDIT</th>
  137.             </tr>
  139.             {% set somme1 = 0 %}
  140.             {% set somme2 = 0 %}
  141.             {% set montantDebit = 0 %}
  142.             {% set montantCredit = 0 %}
  144.             {% for key, d in results %}
  145.                 {# {% if (d.se == "Gain" and d.Montant != 0) or (d.xType_R == "Retenue" and d.Montant != 0) %} #}
  146.                     {% if d.compteComptable == 6%}
  147.                         {% set somme1 = somme1 +  d.Montant %}
  148.                         {% set montantCredit = d.Montant %}
  149.                         {% set montantDebit = '' %}
  150.                     {% else %}
  151.                         {% set somme2 = somme2 + d.Montant %}
  152.                         {% set montantCredit = '' %}
  153.                         {% set montantDebit = d.Montant %}
  154.                     {% endif %}
  156.                     <tr>
  157.                         <td class="bright">{{ key }}</td>
  158.                         {# <td class="vide"></td> #}
  159.                         <td>{{ d.code }}</td>
  160.                         {# <td class="vide"></td> #}
  161.                         <td>{{ d.designation }}</td>
  162.                         <td class="vide"></td>
  163.                         <td>
  164.                             {{montantCredit}}
  165.                         </td>
  166.                         <td class="vide"></td>
  167.                         <td>
  168.                             {{montantDebit}}
  169.                         </td>
  170.                     </tr>
  171.                 {# {% endif %} #}
  172.             {% endfor %}
  174.             <tr>
  175.                 <td class="td_border_bottom"></td>
  176.                 {# <td></td> #}
  177.                 <td class="td_border_bottom"></td>
  178.                 {# <td></td> #}
  179.                 <td class="td_border_bottom"></td>
  180.                 <td></td>
  181.                 <td class="td_border_bottom"></td>
  182.                 <td></td>
  183.                 <td class="td_border_bottom"></td>
  184.             </tr>
  185.         </table>
  187.         <table class="table_2">
  188.             <tr>
  189.                 <td class="td_titre">TOTAL :</td>
  190.                 <td class="vide"></td>
  191.                 <td class="gris" style="text-align: right;">{{ somme1|number_format(2, ',', ' ') }}</td>
  192.                 <td class="vide"></td>
  193.                 <td class="gris" style="text-align: right;">{{ somme2|number_format(2, ',', ' ') }}</td>
  194.             </tr>
  195.         </table>
  196.     </div>
  197. </body>
  198. </html>