templates/inscription/releve-notes.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <style>
  7.         .t-l-r {
  8.             text-align: right;
  9.         }
  11.         .gabarit-pdf {
  12.             margin-left: auto;
  13.             margin-right: auto;
  14.             display: block;
  15.             width: 850px;
  17.         }
  19.         .conteneur {
  20.             width: 700px;
  21.             margin: 0 auto;
  22.             display: flow-root;
  23.         }
  25.         .conteneur-fluid {
  26.             width: 800px;
  27.             margin: 0 auto;
  28.         }
  30.         .gabarit-pdf .logo img {
  31.             !margin-top: 45px;
  33.             width: 162px;
  35.         }
  37.         .gabarit-pdf .date {
  38.             margin-top: 40px;
  39.             margin-bottom: 10px;
  40.             font-family: DM Sans;
  41.             font-style: normal;
  42.             font-weight: normal;
  43.             font-size: 15px;
  44.             line-height: 20px;
  45.             text-align: right;
  47.             /* Gris 5 */
  49.             color: #445C84;
  50.         }
  52.         .icon-diagnostic {
  53.             margin-top: 20px;
  54.             margin-right: 30px;
  55.             vertical-align: top;
  56.             width: 5%;
  57.             display: inline-block;
  58.             vertical-align: middle;
  59.             padding-bottom: 15px;
  60.         }
  62.         .icon-diagnostic img {
  63.             width: 100%;
  64.         }
  66.         .icon1 {
  67.             margin-bottom: 18px;
  69.         }
  71.         .icon2 {
  72.             margin-bottom: 10px;
  74.         }
  76.         .block-title {
  77.             margin-top: 32px;
  78.             margin-bottom: 32px;
  79.             width: 65%;
  80.             display: inline-block;
  81.             vertical-align: middle;
  82.         }
  84.         .bande-rouge {
  85.             background: #24695c;
  86.             border-radius: 7px;
  87.             margin-bottom: 40px;
  89.         }
  91.         .commande-id {
  92.             font-family: DM Sans;
  93.             font-style: normal;
  94.             font-weight: normal;
  95.             font-size: 20px;
  96.             line-height: 36px;
  98.             /* Blanc */
  100.             color: #FFFFFF;
  102.         }
  104.         .titre {
  105.             font-family: DM Sans;
  106.             font-style: normal;
  107.             font-weight: bold;
  108.             font-size: 35px;
  109.             line-height: 65px;
  111.             /* Blanc */
  113.             color: #FFFFFF;
  114.         }
  116.         .icon-diagmania-blanc {
  117.             width: 20%;
  118.             display: inline-block;
  119.             vertical-align: middle;
  120.             position: relative;
  121.             over-flow: hidden;
  122.         }
  124.         .icon-diagmania-blanc img {
  125.             width: 100%;
  126.         }
  128.         section.section1 {
  129.             margin-top: 17px;
  131.         }
  133.         .apporter .apporteur-border {
  134.             padding: 11px 68px;
  135.             text-align: center;
  136.             border: 2px solid #D4E3F1;
  137.             box-sizing: border-box;
  138.             border-radius: 20px;
  139.             max-width: 220px;
  140.             width: 100%;
  142.             font-family: DM Sans;
  143.             font-style: normal;
  144.             font-size: 17px;
  145.             line-height: 22px;
  146.             color: #445C84;
  147.         }
  149.         .apporter {
  150.             font-family: DM Sans;
  151.             font-style: normal;
  152.             font-weight: 500;
  153.             font-size: 13px;
  154.             line-height: 24px;
  155.             color: #445C84;
  156.         }
  158.         .generalite {
  159.             font-family: DM Sans;
  160.             font-style: normal;
  161.             font-weight: 500;
  162.             font-size: 20px;
  163.             line-height: 24px;
  164.             /* identical to box height, or 180% */
  168.             /* Gris 5 */
  170.             color: #445C84;
  171.         }
  173.         .generalite h1 {
  175.             font-family: DM Sans;
  176.             font-style: normal;
  177.             font-weight: bold;
  178.             font-size: 20px;
  179.             line-height: 24px;
  182.             color: #181D39;
  183.         }
  185.         .sous-titre {
  186.             font-family: DM Sans;
  187.             font-style: normal;
  188.             font-weight: bold;
  189.             font-size: 24px;
  190.             line-height: 22px;
  191.             margin-top: 20px;
  192.             margin-bottom: 15px;
  193.         }
  195.         .gabarit-pdf .prix-rouge {
  196.             font-family: DM Sans;
  197.             font-style: normal;
  198.             font-weight: 166;
  199.             font-size: 24px;
  200.             line-height: 24px;
  201.             text-align: right;
  202.             color: #24695c;
  203.         }
  205.         .gabarit-pdf .section2 {
  206.             background: #FFFFFF;
  208.             border-radius: 20px;
  209.             padding: 17px 0 33px 0px;
  210.         }
  212.         .contenue-tableau {
  213.             font-family: DM Sans;
  214.             font-style: normal;
  215.             font-weight: normal;
  216.             font-size: 12px;
  217.             line-height: 24px;
  218.             /* identical to box height, or 180% */
  221.             /* Gris 7 */
  223.             color: #181D39;
  224.         }
  226.         .contenue-italique {
  227.             color: #445C84;
  228.             font-style: italic;
  230.         }
  232.         .throught {
  233.             font-family: DM Sans;
  234.             font-style: normal;
  235.             font-weight: normal;
  236.             font-size: 12px;
  237.             line-height: 24px;
  238.             /* or 200% */
  240.             text-align: right;
  241.             text-decoration: line-through;
  242.             color: #445C84;
  243.         }
  245.         .prix {
  246.             font-family: DM Sans;
  247.             font-style: normal;
  248.             font-weight: bold;
  249.             font-size: 15px;
  250.             line-height: 24px;
  251.             color: #181D39;
  254.             text-align: right;
  256.         }
  258.         .total-commande-block {
  259.             border: 2px solid #D4E3F1;
  260.             box-sizing: border-box;
  261.             border-radius: 20px;
  262.             margin-top: 35px;
  263.         }
  265.         .total-commande {
  268.             font-family: DM Sans;
  269.             font-style: normal;
  270.             font-weight: bold;
  271.             font-size: 16px;
  272.             line-height: 24px;
  273.             padding: 30px 0px;
  274.             text-align: right;
  277.             color: #181D39;
  278.         }
  280.         .prix-final {
  281.             text-align: right;
  282.             padding-right: 33px;
  283.             margin-top: 23px;
  284.             margin-bottom: 12px;
  285.         }
  287.         .prix-rouge {
  288.             font-family: DM Sans;
  289.             font-style: normal;
  290.             font-weight: 500;
  291.             font-size: 24px;
  292.             line-height: 24px;
  294.             text-align: right;
  296.             color: #24695c;
  298.         }
  300.         .gabarit-pdf .titre-bleu {
  301.             font-family: DM Sans;
  302.             font-style: normal;
  303.             font-weight: bold;
  304.             font-size: 24px;
  305.             line-height: 26px;
  306.             margin-bottom: 30px;
  307.             text-align: right;
  308.             color: #24695c;
  309.         }
  311.         .tva {
  312.             font-family: DM Sans;
  313.             font-style: normal;
  314.             font-weight: normal;
  315.             font-size: 10px;
  316.             line-height: 24px;
  317.             /* identical to box height, or 240% */
  319.             text-align: right;
  320.             letter-spacing: 0.02em;
  321.             color: #445C84;
  322.         }
  324.         .description p {
  326.             font-family: DM Sans;
  327.             font-style: normal;
  328.             font-weight: normal;
  329.             font-size: 12px;
  330.             line-height: 14px;
  331.             /* or 144% */
  334.             letter-spacing: 0.02em;
  336.             padding-top: 18px;
  338.             color: #445C84;
  339.         }
  341.         .information-block {
  343.             font-family: DM Sans;
  344.             font-style: normal;
  345.             font-weight: normal;
  346.             font-size: 12px;
  347.             line-height: 20px;
  348.             margin-top: 15px;
  349.             /* or 167% */
  352.             /* Gris 7 */
  354.             color: #181D39;
  355.         }
  357.         .titre-information {
  358.             font-family: DM Sans;
  359.             font-style: normal;
  360.             font-weight: bold;
  361.             font-size: 18px;
  362.             line-height: 21px;
  363.             margin-bottom: 10px;
  364.             margin-top: 33px;
  365.             color: #181D39;
  366.         }
  368.         .rendez-vous {
  369.             font-family: DM Sans;
  370.             font-style: normal;
  371.             font-weight: bold;
  372.             font-size: 12px;
  373.             line-height: 20px;
  376.             color: #181D39;
  378.         }
  380.         .titre-bleu {
  381.             font-family: DM Sans;
  382.             font-style: normal;
  383.             font-weight: bold;
  384.             font-size: 24px;
  385.             line-height: 26px;
  386.             margin-bottom: 25px;
  388.             text-align: center;
  389.             color: #24695c;
  390.         }
  392.         .green{
  393.             color: #24695c;
  394.         }
  396.         .line {
  397.             margin-top: 15px;
  398.             margin-bottom: 30px;
  399.         }
  401.         .siret {
  402.             font-family: DM Sans;
  403.             font-style: normal;
  404.             font-weight: normal;
  405.             font-size: 10px;
  406.             line-height: 16px;
  407.             vertical-align: middle;
  408.             /* or 160% */
  412.             color: #7A8FB0;
  413.         }
  415.         .gabarit-pdf .total-commande {
  418.             font-family: DM Sans;
  419.             font-style: normal;
  420.             font-weight: bold;
  421.             font-size: 16px;
  422.             line-height: 24px;
  423.             padding: 30px 0px;
  424.             text-align: center;
  427.             color: #181D39;
  428.         }
  431.         .num-vert {
  432.             font-family: DM Sans;
  433.             font-style: normal;
  434.             font-weight: normal;
  435.             font-size: 16px;
  436.             line-height: 24px;
  438.             color: #24695c;
  439.         }
  441.         .gabarit-pdf .generalite .title {
  443.             font-family: DM Sans;
  444.             font-style: normal;
  445.             font-weight: bold;
  446.             font-size: 20px;
  447.             line-height: 24px;
  450.             color: #181D39;
  451.         }
  453.         .gabarit-pdf .logo-noir img {
  454.             width: 107px;
  455.             height: 20px;
  456.         }
  458.         .d-inline-block {
  459.             display: inline-block;
  460.         }
  462.         .col-5 {
  463.             width: 40%;
  464.             display: inline-block;
  465.             vertical-align: top;
  466.         }
  468.         .col-6 {
  469.             width: 48%;
  470.             display: inline-block;
  471.             vertical-align: top;
  472.         }
  474.         .col-7 {
  475.             width: 56%;
  476.             display: inline-block;
  477.             vertical-align: top;
  478.         }
  480.         .col-8 {
  481.             width: 66%;
  482.             display: inline-block;
  483.             vertical-align: top;
  484.         }
  486.         .col-4 {
  487.             width: 30%;
  488.             display: inline-block;
  489.             vertical-align: top;
  490.         }
  492.         .col-3 {
  493.             width: 24%;
  494.             display: inline-block;
  495.             vertical-align: top;
  496.         }
  498.         .col-2 {
  499.             width: 16%;
  500.             display: inline-block;
  501.             vertical-align: top;
  502.         }
  504.         .center {
  505.             text-align: center;
  506.         }
  508.         .v-align-middle {
  509.             vertical-align: middle;
  510.         }
  512.         table {
  513.             border-collapse: collapse;
  514.             width: 100%;
  515.         }
  517.         th,
  518.         td {
  519.             border: 1px solid black;
  520.             padding: 8px;
  521.             text-align: center;
  522.         }
  523.         .text-aligne-left{
  524.             text-align:left;
  525.         }
  526.     </style>
  528.     <div class="gabarit-pdf">
  529.         
  530.         <div class="conteneur">
  531.             <div class="col-12">
  532.                 <div class="row">
  533.                     <div class="col-12 generalite" style="margin-top: 130px">
  534.                         
  535.                         {{currentInscription.candidat.civilite}} {{currentInscription.candidat.nom}} {{currentInscription.candidat.prenom}}<br>
  536.                         Nationnalité : 
  537.                         {% if currentInscription.candidat.nationnalite == 1 %} Tunisiènne {% else %} étrangère {% endif %} -
  538.                         N° {% if currentInscription.candidat.nationnalite == 1 %} CIN {% else %} du passport {% endif %} : {{currentInscription.candidat.cin}} <br>
  539.                         Session : {{currentInscription.session.libele}} -
  540.                         Cycle : {{currentInscription.cycle.libele}}
  541.                         
  542.                     </div>
  544.                 </div>
  545.             </div>
  546.         </div>
  551.         <div class="conteneur">
  553.             <div class="col-12 sous-titre green center">
  554.                 <br>
  555.                 Relevé des notes
  556.             </div>
  557.         </div>
  558.         <div class="conteneur-fluid">
  559.             <div class="section2">
  561.                 <div class="conteneur">
  562.                     <div class="row">
  563.                         <table>
  564.                             <tr>
  565.                             <th>Module</th>
  566.                             <th>Formateur</th>
  567.                             <th>Note</th>
  568.                             </tr>
  569.                             {% for moduleNote in moduleNotes %}
  570.                             <tr>
  571.                                 <td class="text-aligne-left">{{moduleNote[0]}}</td>
  572.                                 <td>{{moduleNote[2]}}</td>
  573.                                 <td>{{moduleNote[1]}}</td>
  574.                             </tr>
  575.                             {% endfor %}
  576.                         </table>
  577.                     </div>
  578.                 </div>
  579.                 <div class="section3">
  580.                     <div class="conteneur">
  582.                         <div class="conteneur line">
  583.                             <hr>
  584.                         </div>
  585.                         <div class="conteneur titre-bleu center">
  586.                             Moyenne general: {% if moyenne != '--' %}{{moyenne|number_format(2, ',', '')}}{% else %}--{% endif %}<br>
  587.                             Mention: 
  588.                             {% if moyenne != '' %}
  589.                             {% if moyenne >= 16 %}
  590.                                Très bien
  591.                             {% elseif moyenne >= 14 %}
  592.                             Bien
  593.                             {% elseif moyenne >= 13 %}
  594.                             Assez Bien
  595.                             {% elseif moyenne >= 11 %}
  596.                             Passable
  597.                             {% else %}
  598.                             --
  599.                             {% endif %}
  600.                             {% endif %}
  601.                         </div>
  602.                         
  603.                     </div>
  604.                     </body>
  606. </html>