templates/pdf/bulletin_de_salaire.html.twig line 133

Open in your IDE?
  1. <style>
  2.     div#page-impression{
  3.         background-color: #efefef;
  4.         font-family: Arial;
  5.         font-weight: normal;
  6.         font-size: 16px;
  7.         color: #999;
  8.         width: 80%;
  9.         margin: auto;
  10.     }
  12.     p{
  13.         padding: 0;
  14.         margin: 5px 0;
  15.     }
  16.     .hr{
  17.         height: 1px;
  18.         border-top: 1px solid #999;
  19.         background-color: #999;
  20.     }
  22.     p.facture-header{
  23.         display: inline-block;
  24.         font-size: 8px;
  25.         line-height: 0px!important;
  26.         background-color: #0a001f;
  27.     }
  28.     p.facture-footer{
  29.     font-size: 10px;
  30.         //line-height: 0px!important;
  31.         //line-height: 50%;
  32.         font-style: italic;
  33.         font-weight: bold;
  34.     }
  35.     p.mentionvalide{
  36.         font-size: 10px;
  37.         font-style: italic;
  38.     }
  39.     .text-black{
  40.         color: #000;
  41.     }
  42.     .block{
  43.         padding: 5px;
  44.         border-radius: 10px;
  45.         border: 1px solid #000;
  46.     }
  48.     table.table-body{
  49.         border:1px solid #bbb;
  50.         border-collapse: collapse;
  51.     }
  52.     table.table-body tr td, table.table-body tr th {
  53.         border:1px solid #bbb;
  54.     }
  55.     table.table-body tr th {
  56.         padding: 7px;
  57.     }
  59.     table.table-body tr td{
  60.         text-align: left;
  61.     }
  63.     table th.table-head-th-bg{
  64.         text-align: center;
  65.     }
  67.     table.table-body .table-footer-th-bg{
  68.         background: transparent;
  69.         color: #000;
  70.         font-weight: bold;
  71.     }
  73.     table{
  74.         color: #000;
  75.         font-size: 12px;
  76.     }
  78.     table tr td.border-none {
  79.         border-bottom:none;
  80.     }
  81.     table tr td.bordered-top {
  82.         border-top: 1px solid #bbb;
  83.     }
  84.     .text-center{
  85.         text-align: center;
  86.     }
  87.     .text-left{
  88.         text-align: left;
  89.     }
  90.     .text-right{
  91.         text-align: right;
  92.     }
  93.     .text-blue{
  94.         
  95.     }
  96.     
  97.     div#page-entiere{
  98.         position: relative;
  99.         width: 80%;
  100.         margin: auto;
  101.         height: 99%;
  102.         font-family:  Times, serif;
  103.     }
  104.     
  105.     div#hauteur-entete-exterieur{
  106.         height: {{ boutique.settings.margeEntete }}px;
  107.     }
  109.     div#hauteur-pied-exterieur{
  110.         height: {{ boutique.settings.margePiedDePage }}px;
  111.     }
  113.     div#footer{
  114.         position: absolute;
  115.         bottom: 40px;
  116.         font-family: Times, serif;
  117.         
  118.     }
  119.     
  120. </style>
  123. {#<div id="page-entiere" data-size="A4" backtop="20px" backleft="10px" backright="10px" backbottom="20px" footer="">#}
  124. <div id="page-entiere" data-size="A4">
  125. <div id="impression">
  126.     <div>
  127.        <table class="table-body">
  128.             <tr class="table-body-th-bg">
  129.                 {#total en mm est de 210#}
  130.                 <td style="width:130px;">
  131.                     Bulletin de paie
  132.                 </td>
  133.                 <td style="width:220px;">Période du {{ dateDebut | date('d/m/Y') }} au {{ dateFin | date('d/m/Y') }}</td>
  134.                 <td style="width:150px;">Paiement le {{ 'now' | date('d/m/Y') }}</td>
  135.                 <td style="width:250px;">Par {{ moyenDePaiement }}</td>
  136.             </tr>
  137.         </table>
  138.         <table>
  139.             <tr>
  140.                 <td style="width: 250px;">
  141.                     <h5>{{ boutique.nom }}</h5>
  142.                     <p>{{boutique.adresse }}</p>
  143.                     <p>{{boutique.phone }}</p>
  144.                     <p>{{boutique.matricule }}</p>
  145.                     <p>{{boutique.cc }}</p>
  146.                     <p>N°CNPS: {{ boutique.numeroCNPS }}</p>
  147.                 </td>
  148.                 <td>
  149.                     <table class="table-body">
  150.                         <tr class="table-body-th-bg">
  151.                             <td style="width: 100px;" class="text-center">
  152.                                 matricule<br/>
  153.                                 {{ employe.matricule }}
  154.                             </td>
  155.                             <td style="width: 40px;" class="text-center">
  156.                                 Part IGR<br/>
  157.                                 {{  employe.igr }}
  158.                             </td>
  159.                             <td style="width: 70px;" class="text-center">
  160.                                 Embauché<br/>
  161.                                 {{  employe.dateDePriseDeFonction | date('d/m/Y') }}
  162.                             </td>
  163.                             <td style="width: 110px;" class="text-center">
  164.                                 Ancienneté<br/>
  165.                                 {% set anciennete = date().diff(date(employe.dateDePriseDeFonction))  %}
  166.                                 {{  anciennete.y }} anneé(s) et {{  anciennete.m }} mois
  167.                             </td>
  168.                              <td style="width: 120px;" class="text-center">
  169.                                 Numéro de Sécurité Sociale<br/>
  170.                                  {{ employe.user.numeroCNPS }}
  171.                                 
  172.                             </td>
  173.                         </tr>
  174.                         <tr>
  175.                             <td colspan="2" class="text-center">
  176.                                 Catégorie<br/>
  177.                                 {{ employe.categorieEmploi }}
  178.                             </td>
  179.                             <td colspan="2" class="text-center">
  180.                                 Emploi occupé<br/>
  181.                                 {{ employe.laFonction }}
  182.                             </td>
  183.                             <td class="text-center">
  184.                                 Département<br/>
  185.                                 {{ employe.departementEmploi }}
  186.                             </td>
  187.                         </tr>
  188.                         <tr>
  189.                             <td colspan="2" class="text-center">
  190.                                 Qualification <br/>
  191.                                 {{ employe.laQualification }}
  192.                                 
  193.                             </td>
  194.                              <td colspan="3" class="text-center">
  195.                                 Horaire <br/>
  196.                                 {{ paiementSalaire.heuresTravaillees }}
  197.                             </td>
  198.                         </tr>
  199.                     </table>
  200.                 </td>
  201.             </tr>
  202.         </table>
  203.         <table class="table-body">
  204.         <tr>
  205.             <td style="width: 100px;">
  206.             Repos comp.<br/>
  207.             Congé
  208.             </td>
  209.             <td class="text-center" style="width: 120px;">
  210.             0<br/>
  211.             2,5
  212.             </td>
  213.             <td class="text-center" style="width: 100px;">
  214.             Reste à prendre<br/>
  215.             2,5<br/>
  216.             0
  217.             </td>
  218.             <td class="text-center" style="width: 150px;">
  219.             Pris<br/>
  220.             2,5<br/>
  221.             0
  222.             </td>
  223.             <td rowspan="2" style="width: 250px;">
  224.                
  225.                 <h4>{{ employe.user.nom }} {{ employe.user.nom }}</h4>
  226.             </td>
  227.         </tr>
  228.         <tr>
  229.             <td>
  230.                 Date de congés
  231.             </td>
  232.             <td>
  233.             Du     Du <br/>
  234.             Au     Au
  235.             </td>
  236.             <td>
  237.             Du <br/>
  238.              Au  
  239.             </td>
  240.              <td>
  241.             Du <br/>
  242.              Au  
  243.             </td>
  244.         </tr>
  245.     </table>
  246.     <table class="table-body">
  247.         <tr>
  248.             <td colspan="4"></td>
  249.             <td colspan="3" style="width: 195px;" class="text-center">Part salariale</td>
  250.             <td colspan="3" style="width: 195px;" class="text-center">Part patronale</td>
  251.         </tr>
  252.          <tr>
  253.             <td style="width: 50px;">Code</td>
  254.             <td style="width: 170px;">Désignation</td>
  255.             <td style="width: 50px;" class="text-center">Nombre</td>
  256.             <td style="width: 70px;" class="text-center">Base</td>
  258.             <td class="text-center">Taux</td>
  259.             <td class="text-center">Gain</td>
  260.             <td class="text-center">Retenu</td>
  262.             <td class="text-center">Taux</td>
  263.             <td class="text-center">Retenue(+)</td>
  264.             <td class="text-center">Retenu(-)</td>
  265.         </tr>
  266.         {% for rubrique in rubriques %}
  267.         <tr class="table-body-th-bg">
  268.             <td class="border-none text-left">{{ rubrique.code }}</td>
  269.             <td class="border-none text-left">{{ rubrique.designation }}</td>
  270.             <td class="border-none text-center">{% if rubrique.nombre > 0 %}{{ rubrique.nombre | number_format(0, '', ' ') }}{% endif %}</td>
  271.             <td class="border-none text-center">{% if rubrique.laBase > 0 %}{{ rubrique.laBase | number_format(0, '', ' ') }}{% endif %}</td>
  273.             <td class="border-none text-center">{% if rubrique.tauxSalarial > 0 %}{{ rubrique.tauxSalarial  }}{% endif %}</td>
  274.             <td class="border-none text-center">{% if rubrique.gainSalarial > 0 %}{{ rubrique.gainSalarial | number_format(0, '', ' ') }}{% endif %}</td>
  275.             <td class="border-none text-center">{% if rubrique.retenueSalarial > 0 %}{{ rubrique.retenueSalarial | number_format(0, '', ' ') }}{% endif %}</td>
  276.             <td class="border-none text-center">{% if rubrique.tauxPatronal > 0 %}{{ rubrique.tauxPatronal }}{% endif %}</td>
  277.             <td class="border-none text-center">{% if rubrique.gainPatronal > 0 %}{{ rubrique.gainPatronal | number_format(0, '', ' ') }}{% endif %}</td>
  278.             <td class="border-none text-center">{% if rubrique.retenuePatronal > 0 %} {{ rubrique.retenuePatronal| number_format(0, '', ' ')  }}{% endif %}</td>
  279.             
  280.         </tr>
  281.         {% endfor  %}
  282.         
  283.         <tr>
  284.             <td colspan="10"></td>
  285.         </tr>
  286.     </table>
  287.     </div>
  288.    
  289.   
  290.     
  291.     </div>
  292.     
  293.     <div id="footer">
  294.         <table class="table-body">
  295.             <tr  class="table-body-th-bg">
  296.                 <td><strong>Cumuls</strong></td> <td><strong>Salaire brut</strong></td> <td><strong>Charges salariales</strong></td> <td><strong>Charges patronales</strong></td><td><strong>Heures travaillées</strong></td><td><strong>Heures supplémentaires</strong></td> <td><strong>Avantages en nature</strong></td> <td><strong>NET A PAYER</strong></td>
  297.             </tr>
  298.             <tr>
  299.                 <td>
  300.                     <strong>Période</strong><br/>
  301.                     <strong>Année</strong>
  302.                 </td>
  303.                 <td class="text-center">
  304.                     <strong>{{ paiementSalaire.salaireBrut | number_format(0, '', ' ') }}</strong><br/>
  305.                     <strong>{{ paiementSalaire.cumulSalaireBrut | number_format(0, '', ' ') }}</strong>
  306.                 </td>
  307.                 <td class="text-center">
  308.                     {{ paiementSalaire.chargesSalariales | number_format(0, '', ' ') }}<br/>
  309.                     {{ paiementSalaire.cumulCHargesSalariales | number_format(0, '', ' ') }}
  310.                 </td>
  311.                 <td class="text-center">
  312.                     {{ paiementSalaire.chargesPatronales | number_format(0, '', ' ') }}<br/>
  313.                     {{ paiementSalaire.cumulChargesPatronales | number_format(0, '', ' ') }}
  314.                 </td>
  315.                 <td class="text-center">
  316.                     {{ paiementSalaire.heuresTravaillees | number_format(0, '', ' ') }}<br/>
  317.                     {{ paiementSalaire.cumulHeuresTravaillees | number_format(0, '', ' ') }}
  318.                 </td>
  319.                 <td class="text-center">
  320.                     {{ paiementSalaire.heuresSupplementaires | number_format(0, '', ' ') }}<br/>
  321.                     {{ paiementSalaire.cumulHeuresSupplementaires | number_format(0, '', ' ') }}
  322.                 </td>
  323.                 <td class="text-center">
  324.                     {{ paiementSalaire.avantageEnNature }}
  325.                     
  326.                 </td>
  327.                 <td class="text-center">
  328.                     <strong>{{ paiementSalaire.salaireNetAPayer | number_format(0, '', ' ') }}</strong><br/>
  329.                     <strong>{{ paiementSalaire.cumulSalaireNetAPayer | number_format(0, '', ' ') }}</strong>
  330.                 </td>
  331.             </tr>
  332.         </table>
  333.         <br/>
  334.        <hr class="hr">
  335.        <strong>
  336.         DANS VOTRE INTERET ET POUR VOUS AIDER A FAIRE VALOIR VOS DROITS, CONSERVEZ CE BULLETIN DE PAIE SANS LIMITATION DE DUREE</strong>
  337.     </div>
  338. </div>