templates/Lenord/Main/elu.html.twig line 1

Open in your IDE?
  1. {% extends 'Lenord/base.html.twig' %}
  2. {% block header_epingles %}
  3.   {{ include('Lenord/Main/parts/epingles.html.twig') }}
  4. {% endblock %}
  5. {% block header_breadcrumb %}
  6.   {% include 'Nordinfo/Main/parts/breadcrumb.html.twig' with {'variation':'le-nord'} %}
  7. {% endblock %}
  8. {% block header_breadcrumb_pdf %}
  9.   {% include 'Nordinfo/Main/parts/breadcrumb.html.twig' with {'variation':'le-nord'} %}
  10. {% endblock %}
  11. {% block body %}
  12.   <main role="main" class="mainContent pt-0 pb-0" data-form-validation-step="hidden" id="mainContent" tabindex="-1">
  13.     {% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':'--contactDetailsPage'} %}
  14.     {% if contact.type == "admin" %}
  15.       <div class="containerContactDetailsTop">
  16.         <div class="containerSm">
  17.           <div class="containerContactDetailsTop__inner">
  18.             <div>
  19.               <div class="containerContactDetailsTop__imgWrapper">
  20.                 <img src="{{ asset('upload/images/'~contact.picture) }}" alt="">
  21.               </div>
  22.             </div>
  23.             <div>
  24.               <h1>{{ contact.firstName }} {{ contact.lastName }}</h1>
  25.               <p
  26.                 class="mb-0">{% if contact.civilite == "Mr" %}Conseiller départemental{% else %}Conseillère départementale{% endif %}</p>
  27.               {% if contact.shortDescription is not null %}
  28.                 <p class="mt-0"><strong>{{ contact.shortDescription }}</strong></p>
  29.               {% endif %}
  30.               {% if contact.longDescription is not null %}
  31.                 <p class="mb-0"><strong>Groupe : </strong>{{ contact.longDescription }}</p>
  32.               {% endif %}
  33.               {% if contact.canton is not null %}
  34.                 <p class="mb-0 mt-0"><strong>Canton : </strong>{{ contact.canton.canton|trim(',', 'right') }}</p>
  35.               {% endif %}
  36.               {% if contact.canton.communes is not null %}
  37.                 <p class="mb-0 mt-0"><strong>Communes du canton
  38.                     : </strong>{{ contact.canton.communes|trim(',', 'right') }}</p>
  39.               {% endif %}
  40.               {% if contact.territory is not null %}
  41.                 <p class="mb-0 mt-0"><strong>Territoire : </strong>{{ contact.territory.displayName }}</p>
  42.               {% endif %}
  43.             </div>
  44.           </div>
  45.         </div>
  46.       </div>
  47.     {% endif %}
  48.     <div class="containerContactDetailsForm">
  49.       <div class="containerSm">
  50.         <h2 class="text-center mt-0">Me contacter</h2>
  51.         <p class="text-center fontWeightMedium mBSm">{{ contact.rue }} {{ contact.codePostal }} {{ contact.ville }}</p>
  52.         <div class="text-center">
  53.           {% if contact.phone is not null or contact.acceo is not null %}
  54.             {% if contact.phone is not null %}
  55.               <a href="tel:+33{{ contact.phone|slice(1)|spaceless }}" class="containerContactDetailsForm__btnTel">
  56.                 <div class="__inner">
  57.                   <span class="__icon">{{ source('svg/icons/icon-telephone.svg') }}</span>
  58.                   <span class="__text">{{ contact.phone }}</span>
  59.                 </div>
  60.               </a>
  61.             {% endif %}
  62.             {% if contact.acceo is not null %}
  63.               <a href="{{ contact.acceo }}" class="btn btn-lg btnContactAction _eastern-blue _deaf mt-3">
  64.                 <div class="__inner">
  65.                   <div class="__col-icon">
  66.                     <svg aria-hidden="true" focusable="false" id="Layer_1" data-name="Layer 1"
  67.                          xmlns="http://www.w3.org/2000/svg" viewbox="0 0 51.84 51.84">
  68.                       <defs>
  69.                         <style>
  70.                           .cls-1 {
  71.                             fill: #ec671c;
  72.                           }
  73.                         </style>
  74.                       </defs>
  75.                       <path id="Tracé_78" data-name="Tracé 78" class="cls-1"
  76.                             d="M24.27,18.27a5.44,5.44,0,0,0-4,1.7,5.61,5.61,0,0,0-1.7,4,5.76,5.76,0,0,0,1.6,4l4,4,4.1-4.1a5.61,5.61,0,0,0,1.7-4,5,5,0,0,0-1.6-4A6.4,6.4,0,0,0,24.27,18.27Zm2.3,8a3.39,3.39,0,1,1,0-4.8h0a3.27,3.27,0,0,1,0,4.8Z"/>
  77.                       <g id="Groupe_61" data-name="Groupe 61">
  78.                         <g id="Groupe_60" data-name="Groupe 60">
  79.                           <path id="Tracé_79" data-name="Tracé 79"
  80.                                 d="M24.49,49.17a12.35,12.35,0,0,1-11.2-6.5,4.25,4.25,0,1,1,7.4-4.2h0a4,4,0,0,0,4.3,2.2,4.67,4.67,0,0,0,3.2-2.6,7.77,7.77,0,0,0,.2-1.6,16.9,16.9,0,0,1,1.3-6.3,19.83,19.83,0,0,1,2.7-4.7,15.72,15.72,0,0,0,1.8-3.1,9.11,9.11,0,0,0-.9-7.2,8.19,8.19,0,0,0-7.4-4.2h-.4a8.82,8.82,0,0,0-6.5,3.3,13.84,13.84,0,0,0-1.8,3.9,4.28,4.28,0,0,1-4.2,3.4,2.77,2.77,0,0,1-.9-.1,4.32,4.32,0,0,1-3.3-5.1,19.12,19.12,0,0,1,3.5-7.5,17.15,17.15,0,0,1,13.1-6.4h.8a16.62,16.62,0,0,1,14.2,8.1l.1.1a17.19,17.19,0,0,1,2.1,13.6v.1a17.62,17.62,0,0,1-3.1,6.1,14.92,14.92,0,0,0-1.8,3l-.1.3a9.6,9.6,0,0,0-.6,3.3,13.19,13.19,0,0,1-.9,4.8,13,13,0,0,1-10.3,7.5A3.18,3.18,0,0,0,24.49,49.17Zm-7.4-10.3a1.88,1.88,0,0,0-.8.2,2,2,0,0,0-.8,1,1.28,1.28,0,0,0,.2,1.2,9.61,9.61,0,0,0,8.9,5.2h1a10.33,10.33,0,0,0,8.1-6,9.86,9.86,0,0,0,.7-3.8,12.6,12.6,0,0,1,.8-4.3l.1-.1a12.54,12.54,0,0,1,2.1-3.5,16.68,16.68,0,0,0,2.7-5.1h0a14.35,14.35,0,0,0-1.7-11.6h0a13.64,13.64,0,0,0-12.1-6.8h-.7a14.66,14.66,0,0,0-11,5.4,16.89,16.89,0,0,0-2.9,6.4,1.61,1.61,0,0,0,1.2,1.9h.3a1.6,1.6,0,0,0,1.6-1.3,13.4,13.4,0,0,1,2.3-5,11.13,11.13,0,0,1,9.1-4.2,10.9,10.9,0,0,1,9.6,5.4h0a11.43,11.43,0,0,1,1.3,9.2h0a12,12,0,0,1-2.2,4,17.55,17.55,0,0,0-2.4,4.2v.1a14.08,14.08,0,0,0-1.1,5.4,7.83,7.83,0,0,1-.4,2.6,7.15,7.15,0,0,1-5.4,4.1h-.8a6.48,6.48,0,0,1-6-3.5C18.19,39.27,17.69,38.87,17.09,38.87Z"/>
  81.                         </g>
  82.                       </g>
  83.                     </svg>
  84.                   </div>
  85.                   <div class="__col-text">Sourd ou malentendant ?</div>
  86.                 </div>
  87.               </a>
  88.             {% endif %}
  89.           {% endif %}
  90.         </div>
  91.         <h3 class="text-center d-validation-none colorBlue mTMd" data-focus-content-target="initial">Par courriel</h3>
  92.         <h3 class="text-center d-none d-validation-block">Vérifier votre message</h3>
  93.         <p class="text-center"><strong>Une fois envoyé, vous recevez une copie de ce message à l'adresse courriel que
  94.             vous avez saisie.</strong></p>
  95.         <p class="text-center d-validation-none">Les champs suivis d'un astérisque (<span class="colorRed">*</span>)
  96.           sont obligatoires</p>
  97.         <form action="{{ path('lenord_send_form') }}" method="POST" enctype="multipart/form-data"
  98.               class="needs-validation formCustom mT" novalidate>
  99.           <input type="hidden" name="dest_nom" value="{{ contact.firstName }} {{ contact.lastName }}">
  100.           <input type="hidden" name="dest" value="{{ contact.email }}">
  101.           <input type="hidden" name="raison">
  102.           <div class="form-validation-overlay mb-5">
  103.             <div class="form-group">
  104.               <div class="__input-wrapper">
  105.                 <div class="__inner">
  106.                   <label for="nom">
  107.                     <span class="label-text">Nom</span>
  108.                     <span class="colorRed d-validation-none">*</span>
  109.                   </label>
  110.                   <input type="text" class="form-control" name="nom" id="nom"
  111.                          placeholder="" required>
  112.                 </div>
  113.               </div>
  114.             </div>
  115.             <div class="form-group">
  116.               <div class="__input-wrapper">
  117.                 <div class="__inner">
  118.                   <label for="prenom">
  119.                     <span class="label-text">Prénom</span>
  120.                     <span class="colorRed d-validation-none">*</span>
  121.                   </label>
  122.                   <input type="text" class="form-control" name="prenom" id="prenom"
  123.                          placeholder="" required>
  124.                 </div>
  125.               </div>
  126.             </div>
  127.             <div class="form-group">
  128.               <div class="__input-wrapper">
  129.                 <div class="__inner">
  130.                   <label for="adresse">
  131.                     <span class="label-text">Adresse</span>
  132.                     <span class="colorRed d-validation-none">*</span>
  133.                   </label>
  134.                   <input type="text" class="form-control" name="adresse" id="adresse"
  135.                          placeholder="" required>
  136.                 </div>
  137.               </div>
  138.             </div>
  139.             <div class="form-group">
  140.               <div class="__input-wrapper">
  141.                 <div class="__inner">
  142.                   <label for="ville">
  143.                     <span class="label-text">Ville</span>
  144.                     <span class="colorRed d-validation-none">*</span>
  145.                   </label>
  146.                   <input type="text" class="form-control" name="ville" id="ville"
  147.                          placeholder="" required>
  148.                 </div>
  149.               </div>
  150.             </div>
  151.             <div class="form-group">
  152.               <div class="__input-wrapper">
  153.                 <div class="__inner">
  154.                   <label for="validationCustom01">
  155.                     <span class="label-text">Adresse courriel (ex : nom@domaine.fr)</span>
  156.                     <span class="colorRed d-validation-none">*</span>
  157.                   </label>
  158.                   <input type="email" class="form-control" autocomplete="email" name="email" id="validationCustom01"
  159.                          placeholder="" required>
  160.                 </div>
  161.               </div>
  162.             </div>
  163.             <div class="form-group">
  164.               <div class="__input-wrapper">
  165.                 <div class="__inner">
  166.                   <label for="validationCustom02">
  167.                     <span class="label-text">Objet</span>
  168.                     <span class="colorRed d-validation-none">*</span>
  169.                   </label>
  170.                   <input type="text" name="objet" class="form-control" id="validationCustom02" placeholder="" required>
  171.                 </div>
  172.               </div>
  173.             </div>
  174.             <div class="form-group">
  175.               <div class="__input-wrapper _textarea">
  176.                 <div class="__inner">
  177.                   <label for="validationCustom03">
  178.                     <span class="label-text">Votre Message</span>
  179.                     <span class="colorRed d-validation-none">*</span>
  180.                     :</label>
  181.                   <textarea class="form-control" name="message" id="validationCustom03" placeholder="" rows="3"
  182.                             required></textarea>
  183.                 </div>
  184.               </div>
  185.             </div>
  186.             <div class="form-group">
  187.               <div class="form-check">
  188.                 <input class="form-check-input" type="checkbox" value="" id="invalidCheck" name="checkbox" required>
  189.                 <label class="form-check-label" for="invalidCheck">
  190.                   En cochant cette case, j'accepte les
  191.                   <a href="{{ path('lenord_page_legale', {slug: 'mentions-legales'}) }}">mentions légales </a>du site du
  192.                   Département du Nord&nbsp;<span
  193.                     class="colorRed d-validation-none">*</span>
  194.                 </label>
  195.                 <p class="invalid-feedback" id="invalidFeedback">
  196.                   Ce champs est obligatoire
  197.                 </p>
  198.               </div>
  199.             </div>
  200.             <div class="form-group">
  201.               <div class="form-check">
  202.                 <input class="form-check-input" type="checkbox" value="" id="invalidCheck2" name="newsletter">
  203.                 <label class="form-check-label" for="invalidCheck2">
  204.                   J'accepte de recevoir les informations du Département du Nord
  205.                 </label>
  206.               </div>
  207.             </div>
  208.             <div class="form-group" id="infoUnsubscribe">
  209.               <p>
  210.                 Votre adresse de messagerie sera uniquement utilisée pour vous envoyer les lettres d'information du
  211.                 Département du Nord. Vous pouvez à tout moment utiliser le lien de désabonnement intégré dans
  212.                 l'infolettre. <a href="https://lenord.fr/donnees-personnelles#infolettre/">En savoir plus sur la gestion
  213.                   de vos données et vos droits</a>.
  214.               </p>
  215.             </div>
  216.             {# <div class="form-group" data-form-validation-step-file-wrapper>
  217.               <div class="inputFileWrapper">
  218.                 <input type="file" name="file" id="file-1" class="inputfile inputfile-1"
  219.                        accept="image/jpeg,image/gif,image/png,.pdf,.doc,.odt"/>
  220.                 <label for="file-1" class="label-file">
  221.                   <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  222.                        xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  223.                     <path
  224.                       d="M261.5,124.6c-5.7-3.5-12.2-2.5-17.4,2.7-37.4,37.4-74.8,75-112.4,112.3-15.1,15-33.5,19.4-53.8,12.9C41.8,240.8,30.2,195,56.2,167.4c6.8-7.2,13.8-14,20.8-20.9h0l1.2-1.2,48-48,44.4-44.4c4.9-4.9,9.7-9.8,14.6-14.6,7.8-7.7,17.2-11.1,28-9.4,12.9,2,22,9.3,26.2,21.7,4.3,12.6,1.5,24-7.6,33.6-5.1,5.4-10.5,10.6-15.8,15.9L168.1,148c-9.2,9.2-18.4,18.5-27.7,27.6l-5.3,5.4c-1.4,1.3-2.6,2.8-4,4-2.8,2.5-5.3,5.3-8,7.9-1.5,1.4-3.1,2.6-4.6,3.9-7.7,4.1-14.1-1.3-14.5-1.7-5.6-5.4-5.7-13.3-.3-18.8l84-84c4.2-4.2,8.5-8.3,12.5-12.7,5.1-5.8,3.7-15-2.7-19.4-5.7-3.9-12.6-3.1-17.8,2.1L144.5,97.5c-19.9,19.9-39.9,39.8-59.8,59.8C75,167,71.3,178.6,73.3,192c2.7,18.7,19.6,33.3,38.6,33.3a39.87,39.87,0,0,0,29.3-12.2L250.5,103.8a59.56,59.56,0,0,0,15.7-27,58.78,58.78,0,0,0,1.9-18.2V57.5a48.59,48.59,0,0,0-.7-5.5C262.8,28,249,11.7,225.7,4.5c-21-6.5-40.4-2.1-56.8,12.6-10.2,9.1-19.5,19.2-29.2,28.9Q89.6,95.95,39.6,146c-15.1,15-23.5,33.1-24.1,54.4-.7,25.5,8.8,46.9,28.3,63.3,17.2,14.6,37.4,20.4,59.8,18a76.42,76.42,0,0,0,46.2-21.8c11.9-11.7,23.6-23.5,35.4-35.3,12.8-12.7,25.5-25.5,38.2-38.2l39.9-39.9a19.61,19.61,0,0,0,3.6-5.4C269.5,135.1,266.8,127.9,261.5,124.6Z"/>
  225.                   </svg>
  226.                   <span>
  227.                                         <span class="__underline">Ajouter une pièce jointe</span><br>
  228.                                         <span class="fsXs">5 Mo maximum. JPEG, GIF, PNG, PDF, DOC, ODT</span>
  229.                                     </span>
  230.                 </label>
  231.               </div>
  232.               <script>
  233.                 'use strict';
  234.                 ;
  235.                 (function (document, window, index) {
  236.                   var inputs = document.querySelectorAll('.inputfile');
  237.                   Array.prototype.forEach.call(inputs, function (input) {
  238.                     var label = input.nextElementSibling,
  239.                       labelVal = label.innerHTML;
  240.                     input.addEventListener('change', function (e) {
  241.                       var fileName = '';
  242.                       if (this.files && this.files.length > 1)
  243.                         fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
  244.                       else
  245.                         fileName = e.target.value.split('\\').pop();
  248.                       if (fileName)
  249.                         label.querySelector('span').innerHTML = fileName;
  250.                       else
  251.                         label.innerHTML = labelVal;
  253.                     }});
  254. // Firefox bug fix
  255.                     input.addEventListener('focus', function () {
  256.                       input.classList.add('has-focus');
  257.                     });
  258.                     input.addEventListener('blur', function () {
  259.                       input.classList.remove('has-focus');
  260.                     });
  261.                   });
  262.                 }(document, window, 0));
  263.               </script>
  264.             </div> #}
  265.           </div>
  266.           <div class="form-group d-none d-validation-block">
  267.             <input type="hidden" name="nb1" value="{{ caps['valeur1']['valeur'] }}">
  268.             <input type="hidden" name="nb2" value="{{ caps['valeur2']['valeur'] }}">
  269.             <div class="__input-wrapper _captcha">
  270.               <div class="__inner">
  271.                 <label for="inputCaptcha">Répondez à cette question de vérification avant d’envoyer votre évènement :
  272.                   Quel est le résultat de {{ caps['valeur1']['libelle'] }}
  273.                   +
  274.                   {{ caps['valeur2']['libelle'] }} (en chiffres)
  275.                   <span class="colorRed d-validation-none">*</span>
  276.                 </label>
  277.                 <input class="form-control _captcha" id="inputCaptcha" type="text" name="captcha" data-focus-content-target="verify">
  278.               </div>
  279.             </div>
  280.           </div>
  281.           <div class="__buttons-wrapper">
  282.             <button class="btn btnFormSubmit d-none d-validation-inline-block _modify" data-form-validation-step-toggle>
  283.               <span>MODIFIER</span>
  284.             </button>
  285.             <button class="btn btnFormSubmit d-none d-validation-inline-block" type="submit">
  286.               <span>ENVOYER</span>
  287.             </button>
  288.             <button class="btn btnFormSubmit d-validation-none _validation" data-form-validation-step-toggle>
  289.               <span>VALIDER</span>
  290.             </button>
  291.           </div>
  292.         </form>
  293.       </div>
  294.     </div>
  295.       {#}
  296.     {% if contact_posts is not empty %}
  297.       <div>
  298.         <div class="containerSm">
  299.           <h2 class="text-center mb-0">Sur Nord info</h2>
  300.           <div class="pT">
  301.             {% if contact.link1 is not null or contact.link2 is not null %}
  302.               <ul class="lsNone pb-3">
  303.                 <li>
  304.                   {% if contact.link1 is not null %}
  305.                     <a href="{{ contact.link1 }}" target="_blank" class="cardResource _external">
  306.                       <div class="__col-icon">
  307.                         <svg aria-hidden="true" focusable="false" id="Calque_1"
  308.                              data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  309.                           <path class="cls-1"
  310.                                 d="M172.1,104.5a15.74,15.74,0,0,0-12.4-5.9,16,16,0,0,0-12.3,26.2,14.31,14.31,0,0,0,1.1,1.5l8.3,8.2a46.35,46.35,0,0,1,0,65.6l-36.6,36.6a46.41,46.41,0,0,1-65.6,0l-7.8-7.8a46.41,46.41,0,0,1,0-65.6l21.5-21.5a5.72,5.72,0,0,0,.7-.8,16,16,0,0,0-11.8-26.8,15.71,15.71,0,0,0-11.5,5L24.2,140.7a78.34,78.34,0,0,0,.1,110.6l7.8,7.8a78.46,78.46,0,0,0,110.8,0l36.6-36.6a78.46,78.46,0,0,0,0-110.8Z"/>
  311.                           <path
  312.                             d="M259.1,32.1l-7.8-7.8a78.46,78.46,0,0,0-110.8,0L103.9,60.9a78.34,78.34,0,0,0,0,110.8l7.7,7.7.6.6a7.17,7.17,0,0,0,1.5,1.1,15.76,15.76,0,0,0,9.5,3.2,16,16,0,0,0,10-28.5l-6.7-6.7a46.41,46.41,0,0,1,0-65.6l36.6-36.6a46.35,46.35,0,0,1,65.6,0l7.8,7.8a46.35,46.35,0,0,1,0,65.6l-21.4,21.4a15.73,15.73,0,0,0-4.9,11.5,16,16,0,0,0,26.1,12.4,3.92,3.92,0,0,0,1-.8l21.9-21.9A78.43,78.43,0,0,0,259.1,32.1Z"/>
  313.                         </svg>
  314.                         <span class="sr-only">lien</span>
  315.                       </div>
  316.                       <div class="__col-info">
  317.                         <div class="__title">
  318.                           <span>{{ contact.link1 }}</span>
  319.                         </div>
  320.                       </div>
  321.                     </a>
  322.                   {% endif %}
  323.                 </li>
  324.                 <li>
  325.                   {% if contact.link2 is not null %}
  326.                     <a href="{{ contact.link2 }}" target="_blank" class="cardResource _external">
  327.                       <div class="__col-icon">
  328.                         <svg aria-hidden="true" focusable="false" id="Calque_1"
  329.                              data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  330.                           <path class="cls-1"
  331.                                 d="M172.1,104.5a15.74,15.74,0,0,0-12.4-5.9,16,16,0,0,0-12.3,26.2,14.31,14.31,0,0,0,1.1,1.5l8.3,8.2a46.35,46.35,0,0,1,0,65.6l-36.6,36.6a46.41,46.41,0,0,1-65.6,0l-7.8-7.8a46.41,46.41,0,0,1,0-65.6l21.5-21.5a5.72,5.72,0,0,0,.7-.8,16,16,0,0,0-11.8-26.8,15.71,15.71,0,0,0-11.5,5L24.2,140.7a78.34,78.34,0,0,0,.1,110.6l7.8,7.8a78.46,78.46,0,0,0,110.8,0l36.6-36.6a78.46,78.46,0,0,0,0-110.8Z"/>
  332.                           <path
  333.                             d="M259.1,32.1l-7.8-7.8a78.46,78.46,0,0,0-110.8,0L103.9,60.9a78.34,78.34,0,0,0,0,110.8l7.7,7.7.6.6a7.17,7.17,0,0,0,1.5,1.1,15.76,15.76,0,0,0,9.5,3.2,16,16,0,0,0,10-28.5l-6.7-6.7a46.41,46.41,0,0,1,0-65.6l36.6-36.6a46.35,46.35,0,0,1,65.6,0l7.8,7.8a46.35,46.35,0,0,1,0,65.6l-21.4,21.4a15.73,15.73,0,0,0-4.9,11.5,16,16,0,0,0,26.1,12.4,3.92,3.92,0,0,0,1-.8l21.9-21.9A78.43,78.43,0,0,0,259.1,32.1Z"/>
  334.                         </svg>
  335.                         <span class="sr-only">lien</span>
  336.                       </div>
  337.                       <div class="__col-info">
  338.                         <div class="__title">
  339.                           <span>{{ contact.link2 }}</span>
  340.                         </div>
  341.                       </div>
  342.                     </a>
  343.                   {% endif %}
  344.                 </li>
  345.               </ul>
  346.             {% endif %}
  347.             {% if contact_posts is not empty %}
  348.               {% for post in contact_posts %}
  349.                 {% include 'Nordinfo/Main/parts/card.html.twig' with {
  350.                   'type' : 'link-external',
  351.                   'url' : path('post_detail', {"slug": post.slug}),
  352.                   'title' : post.title
  353.                 } %}
  354.               {% endfor %}
  355.             {% endif %}
  356.           </div>
  357.         </div>
  358.       </div>
  359.     {% endif %}
  360.     #}
  361.   </main>
  362. {% endblock %}
  363. {% block footer_top %}
  364.   {% if is_preview != 1 %}
  365.     <div class="container pB pT">
  366.       {% include 'Nordinfo/Main/parts/article-actions.html.twig' with {'post_title': contact.firstName, 'post_id':'test', 'is_le_nord':true} %}
  367.     </div>
  368.   {% endif %}
  369. {% endblock %}