templates/formationPdf.html.twig line 1

Open in your IDE?
  2. <page backtop="0mm" backleft="0mm" backright="0mm" backbottom="20mm" footer="page;">
  5. <page_footer><img src="https://deamonerp.fr/cpi2/public/footer.png" style="width:122%;position:relative;right:-95px "></page_footer>
  8. <div style="width:120%; background:#0515F5; height:300px;  margin-top:-20px;  margin-left:-20px">
  11. <style>
  13. body {
  14.         font-family: 'dejavusans', sans-serif;
  15.         font-size:10px;
  16.     }
  18. .td1{
  19.     width:600px
  20. }
  21. .td2{
  22.     width:375px;
  23. }
  24. .td3{
  25.     width:240px;
  26.     background:#f2f2f2;
  27.     padding:11px;
  29. }
  30. ul{
  31.    font-size:10px;
  32.        line-height:10px;
  33.        margin-bottom:5px;
  34.        margin-top:5px;
  35. }
  37. li{
  38.     line-height:10px;
  39.     margin-top:5px;
  40.     margin-bottom:5px;
  41. }
  42. li::before {content: "•";font-size:10px;}
  44. p{
  45.     line-height:15px;
  46. }
  50. .menu .ligneBleu {
  51.   background-color: blue;
  52.   width: 95%;
  53.   height: 4px;
  54.   margin-left: 20px;
  55. }
  57. .titreRond {
  58.   font-weight: bold;
  59.   border-radius: 10px;
  60.   font-size: 12px;
  61.   color: white;
  62.   padding: 4px;
  63.   background: blue;
  64.   background-repeat:no-repeat;
  65.   font-size:12px;
  66.   width:170px;
  68. }
  70. .tab{
  71.     font-size:10px
  72. }
  77. </style>
  79. <table border="0" style="margin:60px; height:400px; margin-top:10px; margin-bottom:10px">
  80. <tr>
  81. <td class="td1">
  82.     <table border="0">
  83.         <tr>
  84.             <td style="width:300px">
  86.             
  87.                 <img src="https://deamonerp.fr/cpi2/public/uploads/formations/{{formations.image}}" style="width:100%; border: solid 1px;border-radius: 30px 30px 30px 30px!important;">
  88.           
  89.             
  90.             </td>
  91.             <td style="width:20px"></td>
  92.             <td style="width:330px">
  93.                 <table>
  94.                     <tr>
  95.                         <td style="width:100px">
  96.                             <div style="border: solid 1px #fff; background:#0515F5; width:100%; color:#fff;font-size:10px; border-radius:10px; padding:5px; text-transform:uppercase">{% if app.request.locale == 'fr' %}{{formations.sujetsFormations.titreFr}}{% else %}{{formations.sujetsFormations.titreEn}}{% endif %}</div>
  97.                         </td>
  99.                         <td style="width:100px">
  100.                             <span class="text-center text-md-start" style="padding-left:20px;font-size:8px;margin-top:7px;  color:#7393fa">{{formations.reference}}</span>
  101.                         </td>
  102.                     </tr>
  103.                 </table>
  105.             <h1 style="font-size: 22px; font-weight: bold; margin-top:30px; color:#fff">{% if app.request.locale == 'fr' %}{{formations.titreFr}}{% else %}{{formations.titreEn}}{% endif %}</h1>
  106.             <hr style="opacity: 0.5;
  107.                         height: 1px !important;
  108.                         border: solid 0.5px #475AF6;
  109.                         margin-top: 0px;
  110.                         margin-bottom: 10px;">
  111.            <div style="font-size:10px ; margin-top:20px; color:#fff;line-height:15px; font-weight: 100!important;">{% if app.request.locale == 'fr' %}{{formations.texteFr|raw}}{% else %}{{formations.texteEn|raw}}{% endif %}</div>
  113.             </td>
  114.         </tr>
  115.     </table>
  116. </td>
  117. </tr>
  119. </table>
  121. </div>
  124. <table border="0" style="margin-top:40px; margin-left:40px">
  125.         <tr>
  126.         <td style="width:160px">
  127.             <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/sand-clock.png" style="width:7px;margin-left:1px;" alt=""> 
  128.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:8px;">{% if app.request.locale == 'fr' %}DURÉE{% else %}DURATION{% endif %}</small><br>
  129.              <div style="width:14px;height:2px;background-color:blue"></div> 
  130.         <small style="text-align:right;font-size: 6px !important;color: black !important;">{% if app.request.locale == 'fr' %}{{formations.duree}}{% else %}{{formations.dureeEn}}{% endif %}</small>
  131.         </td>
  134.              <td style="width:160px">
  135.              <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/user-add.png" style="width:12px;margin-left:1px;" alt=""> 
  136.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">{% if app.request.locale == 'fr' %}PARTICIPANTS{% else %}ATTENDEES{% endif %}</small><br>
  137.              <div style="width:14px;height:2px;background-color:blue"></div> 
  138.         <small style="text-align:right;font-size: 6px !important;color: black !important;">{% if app.request.locale == 'fr' %}{{formations.nbParticipants}}{% else %}{{formations.nbParticipantsEn}}{% endif %}</small>
  139.         </td>
  140.        
  141.            
  144.         <td style="width:160px">
  145.             <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/user-add.png" style="width:12px;margin-left:1px;" alt=""> 
  146.            <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">{% if app.request.locale == 'fr' %}DÉLAIS D'ACCÈS{% else %}ACCESS TIME{% endif %}</small><br>
  147.              <div style="width:14px;height:2px;background-color:blue"></div> 
  148.         <small style="text-align:right;font-size: 6px !important;color: black !important;">{% if app.request.locale == 'fr' %}{{formations.delaiFr}}{% else %}{{formations.delaiEn}}{% endif %}</small>
  149.         </td>
  150.         
  151.    
  152.        
  153.         <td style="width:160px">
  154.                <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/user-add.png" style="width:12px;margin-left:1px;" alt=""> 
  155.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">{% if app.request.locale == 'fr' %}CATÉGORIE{% else %}CATEGORY{% endif %}</small><br>
  156.              <div style="width:14px;height:2px;background-color:blue"></div> 
  157.         <small style="text-align:right;font-size: 6px !important;color: black !important;">{% if app.request.locale == 'fr' %}{{formations.categoriesFormations.titreFr}}{% else %}{{formations.categoriesFormations.titreEn}}{% endif %}</small>
  158.         </td>
  159.         </tr>
  163.         
  164.     </table>
  166. <table border="0" style="margin:40px; margin-top:30px; margin-bottom:10px">
  167. <tr>
  168. <td class="td2" valign="top" style="padding-right:5px">
  169.             <div class="menu mb-5">
  170.                     <div class="ligneBleu"></div>
  171.                     <div class="titreRond" style="margin-top: -14.5px; width:105px; font-size:12px">{% if app.request.locale == 'fr' %}OBJECTIFS{% else %}OBJECTIVES{% endif %}</div>
  172.                     <div style="margin-top:15px; font-size:11px">
  173.                         {% if app.request.locale == 'fr' %}{{formations.objectifsFr|raw}}{% else %}{{formations.objectifsEn|raw}}{% endif %}
  174.                     </div>
  175.             </div>
  177.             <br><br>
  179.             <div class="menu mb-5">
  180.                     <div class="ligneBleu"></div>
  181.                     <div class="titreRond" style="margin-top: -14.5px; width:105px; font-size:12px">{% if app.request.locale == 'fr' %}PREREQUIS{% else %}REQUIREMENTS{% endif %}</div>
  182.                     <style>
  183.                        
  185.                          .liste p{
  186.                             margin-top:10px!important;
  187.                             padding-top:10px!important;
  188.                         }
  189.                     </style>
  190.                     
  191.                     <div class="liste" style="margin-top:15px; font-size:11px">
  192.                 
  193.                         {% if app.request.locale == 'fr' %}{{formations.prerequisFr|raw}}{% else %}{{formations.prerequisEn|raw}}{% endif %}
  194.                     </div>
  195.             </div>
  197.             <br><br>
  199.               <div class="menu mb-5">
  200.                     <div class="ligneBleu"></div>
  201.                     <div class="titreRond" style="margin-top: -14.5px; width:105px; font-size:12px">{% if app.request.locale == 'fr' %}CONTENUS{% else %}CONTENTS{% endif %}</div>
  202.                     <div style="margin-top:15px;position:relative;right:10px; font-size:11px">
  203.                        {% if app.request.locale == 'fr' %}{{formations.contenusFr|raw}}{% else %}{{formations.contenusEn|raw}}{% endif %}
  204.                     </div>
  205.             </div>
  207.               <br><br>
  211.             
  212. </td>
  213. <td class="td3" valign="top">
  214.     
  232. <hr style="opacity: 0.5;height: 1px !important;border: solid 0.5px #E9E9E9;">
  235.     <table border="0">
  236.         <tr>
  237.         <td style="width:120px">
  238.             <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/boy.png" style="width:12px;margin-left:1px;" alt=""> 
  239.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">PUBLIC</small><br>
  240.             <div style="width:14px;height:2px;background-color:blue"></div> 
  241.  
  242.         </td>
  243.         <td style="width:120px; text-align:right"><small style="text-align:right;font-size: 6px !important;font-weight: bold;color: black !important;"></small>
  244.        
  245.         </td>
  246.         </tr>
  248.         
  249.     </table>
  250.  <div>
  252.       {% if app.request.locale == 'fr' %}{{formations.publicFr|raw}}{% else %}{{formations.publicEn|raw}}{% endif %}
  253.       
  254.         </div>
  258. <hr style="opacity: 0.5;height: 1px !important;border: solid 0.5px #E9E9E9;">
  261.   <table border="0">
  262.         <tr>
  263.         <td style="width:150px">
  264.             <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/toolbox.png" style="width:12px;margin-left:1px;" alt=""> 
  265.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">{% if app.request.locale == 'fr' %}MOYENS ET MÉTHODES{% else %}MEANS AND METHODS{% endif %}</small><br>
  266.                           <div style="width:14px;height:2px;background-color:blue"></div> 
  267.  
  268.         </td>
  269.         <td style="width:105px; text-align:right"><small style="text-align:right;font-size: 6px !important;font-weight: bold;color: black !important;"></small>
  270.        
  271.         </td>
  272.         </tr>
  274.         
  275.     </table>
  276.  <div>
  277.         {% if app.request.locale == 'fr' %}{{formations.moyenFr|raw}}{% else %}{{formations.moyenEn|raw}}{% endif %}
  278.         </div>
  282. <hr style="opacity: 0.5;height: 1px !important;border: solid 0.5px #E9E9E9;">
  285. <table border="0">
  286.         <tr>
  287.          <td style="width:150px">
  288.             <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/play-list-check.png" style="width:12px;margin-left:1px;" alt=""> 
  289.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">{% if app.request.locale == 'fr' %}SUIVI ET ÉVALUATION{% else %}MONITORING AND EVALUATION{% endif %}</small><br>
  290.                           <div style="width:14px;height:2px;background-color:blue"></div> 
  291.  
  292.         </td>
  293.        
  294.       
  295.         </tr>
  297.         
  298.     </table>
  299.  <div>
  301.         {{formations.SuviFr|raw}}
  303.       
  304.         </div>
  305.         
  309. <hr style="opacity: 0.5;height: 1px !important;border: solid 0.5px #E9E9E9;">
  313.   <table border="0">
  314.         <tr>
  315.         <td style="width:150px">
  316.             <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/controller.png" style="width:12px;margin-left:1px;" alt=""> 
  317.             <small style="font-size: 8px !important;font-weight: bold;color: black !important;margin-left:4px;">{% if app.request.locale == 'fr' %}ACCESSIBILITÉ{% else %}ACCESSIBILITY{% endif %}</small><br>
  318.                           <div style="width:14px;height:2px;background-color:blue"></div> 
  319.  
  320.         </td>
  321.        
  322.         </tr>
  324.         
  325.     </table>
  326.  <div style="font-size:10px;margin-top:8px;">
  327.     {% if app.request.locale == 'fr' %}{{formations.accessibiliteFr|raw}}{% else %}{{formations.accessibiliteEn|raw}}{% endif %}
  328.         </div>
  335. </td>
  336. </tr>
  337. </table>
  343. </page>
  350. <page backtop="0mm" backleft="0mm" backright="0mm" backbottom="20mm" footer="page;">
  353. <page_footer><img src="https://deamonerp.fr/cpi2/public/footer.png" style="width:122%;position:relative;right:-95px "></page_footer>
  356. <div style="width:120%; background:#0515F5; height:300px;  margin-top:-20px;  margin-left:-20px">
  360. <table border="0" style="margin:60px; height:400px; margin-top:10px; margin-bottom:10px">
  361. <tr>
  362. <td class="td1">
  363.     <table border="0">
  364.         <tr>
  365.             <td style="width:300px">
  367.             
  368.                 <img src="https://deamonerp.fr/cpi2/public/uploads/formations/{{formations.image}}" style="width:100%; border: solid 1px;border-radius: 30px 30px 30px 30px!important;">
  369.           
  370.             
  371.             </td>
  372.             <td style="width:20px"></td>
  373.             <td style="width:330px">
  374.                 <table>
  375.                     <tr>
  376.                         <td style="width:100px">
  377.                             <div style="border: solid 1px #fff; background:#0515F5; width:100%; color:#fff;font-size:10px; border-radius:10px; padding:5px; text-transform:uppercase">{% if app.request.locale == 'fr' %}{{formations.sujetsFormations.titreFr}}{% else %}{{formations.sujetsFormations.titreEn}}{% endif %}</div>
  378.                         </td>
  380.                         <td style="width:100px">
  381.                             <span class="text-center text-md-start" style="padding-left:20px;font-size:8px;margin-top:7px;  color:#7393fa">{{formations.reference}}</span>
  382.                         </td>
  383.                     </tr>
  384.                 </table>
  386.             <h1 style="font-size: 22px; font-weight: bold; margin-top:30px; color:#fff">{% if app.request.locale == 'fr' %}{{formations.titreFr}}{% else %}{{formations.titreEn}}{% endif %}</h1>
  387.             <hr style="opacity: 0.5;
  388.                         height: 1px !important;
  389.                         border: solid 0.5px #475AF6;
  390.                         margin-top: 0px;
  391.                         margin-bottom: 10px;">
  392.            <div style="font-size:10px ; margin-top:20px; color:#fff;line-height:15px; font-weight: 100!important;">{% if app.request.locale == 'fr' %}{{formations.texteFr|raw}}{% else %}{{formations.texteEn|raw}}{% endif %}</div>
  394.             </td>
  395.         </tr>
  396.     </table>
  397. </td>
  398. </tr>
  400. </table>
  402. </div>
  405. <div class="menu mb-5" style="margin-left:40px; margin-top:40px">
  406.                     <div class="ligneBleu" style="width:93%;"></div>
  407.                     <div class="titreRond" style="margin-top: -14.5px; width:150px; font-size:12px">{% if app.request.locale == 'fr' %}LES SESSIONS A VENIR{% else %}UPCOMING SESSIONS{% endif %}</div>
  408.                     <div style="margin-top:20px; font-size:10px">
  409.                         <table class="table table-striped" style="border-collapse:collapse">
  410.                         <thead>
  411.                             <tr class="tab" style="margin-bottom:30px;!important">
  412.                                                             <th scope="row" width="110" >  <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/calendar.png" style="width:9px;margin-right:3px;" alt=""><a style="text-decoration:none;color:black;"><b>Date</b></a><br><div style="width:14px;height:2px;background-color:blue;margin-top:2px;"></div></th>
  413.                                                             <td width="110" >  <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/comment.png" style="width:9px;margin-right:3px;" alt=""><a style="text-decoration:none;color:black;"><b>{% if app.request.locale == 'fr' %}Langue{% else %}Language{% endif %}</b></a><br><div style="width:14px;height:2px;background-color:blue;margin-top:2px;"></div></td>
  414.                                                             <td width="110" >  <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/comment.png" style="width:9px;;margin-right:3px;" alt=""><a style="text-decoration:none;color:black;"><b>Type</b></a><br><div style="width:14px;height:2px;background-color:blue;margin-top:2px;"></div></td>
  415.                                                             <td width="130" >  <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/pin.png" style="width:9px;margin-right:3px;" alt=""><a style="text-decoration:none;color:black;"><b>{% if app.request.locale == 'fr' %}Lieu{% else %}Location{% endif %}</b></a><br><div style="width:14px;height:2px;background-color:blue;margin-top:2px;"></div></td>
  416.                                                             <td width="210" >  <img class="img-fluid" src="https://deamonerp.fr/cpi2/public/img/formations/euro.png" style="width:9px;margin-right:1px;" alt=""><a style="text-decoration:none;color:black;"> <b>{% if app.request.locale == 'fr' %}Tarifs{% else %}Price{% endif %}</b></a><br><div style="width:14px;height:2px;background-color:blue;margin-top:2px;"></div></td>
  417.                             </tr>
  418.                             
  419.                         </thead>
  420.                         
  421.                                                 <tbody style="padding-top:40px">
  422.                                                     <tr style="background:#fff;  margin-top:50px;">
  423.                                                         <th scope="row" width="60" style="padding-top:5px; padding-bottom:5px" align="start"></th>
  424.                                                         <td width="40" style="padding-top:5px; padding-bottom:5px" align="start"></td>
  425.                                                         <td width="30" style="padding-top:5px; padding-bottom:5px" align="start"></td>
  426.                                                         <td width="90" style="padding-top:5px; padding-bottom:5px" align="start"></td>
  427.                                                         <td width="130" style="padding-top:5px; padding-bottom:5px" align="start"><b></b></td>
  428.                                                     </tr>
  431.                                                    {% set i = 0  %} 
  433.                                                     {% for res in formations.sessionsFormations %}
  434.                                                     {% set i= i +1 %}
  436.                                                     
  437.                                                         <tr style="background:{% if i is odd %}#EFEFEF{% else %}#fff{% endif %};  margin-top:50px;">
  438.                                                             <th scope="row" width="60" style="padding-top:5px; padding-bottom:5px;padding-left:10px;" >{{ res.date|date('d/m/Y') }}</th>
  439.                                                             <td width="30" style="padding-top:5px; padding-bottom:5px" align="start">{% if app.request.locale == 'fr' %}{{res.languesFr|raw}}{% else %}{{res.languesEn|raw}}{% endif %}</td>
  440.                                                             <td width="30" style="padding-top:5px; padding-bottom:5px" align="start">{% if app.request.locale == 'fr' %}{{res.typesFormations.titreFr|raw}}{% else %}{{res.typesFormations.titreEn|raw}}{% endif %}</td>
  441.                                                                 <td width="90" style="padding-top:5px; padding-bottom:5px" align="start">{{res.lieu|raw}}</td>
  442.                                                             <td width="130" style="padding-top:5px; padding-bottom:5px" align="start"><b>{{res.tarifs|raw}}</b></td>
  443.                                                         </tr>
  444.                                                     {% endfor %}
  449.                                                     
  450.                                                   
  451.                                                                                                                                     
  452.                                                 </tbody>
  453.                                                 </table>
  454.                     </div>
  455.             </div>
  459. </page>