templates/Nordinfo/Main/detail_contact.html.twig line 1

Open in your IDE?
  1. {% extends 'Nordinfo/Main/base.html.twig' %}
  2. {% set show_btt = true %}
  3. {% block title %}
  4.   {{ contact.firstName }}
  5.   {{ contact.lastName }}
  6.   - Nord Info
  7. {% endblock %}
  8. {% block body_class %}body-detail-contact
  9. {% endblock %}
  10. {% block header_epingles %}
  11.   {{ include('Lenord/Main/parts/epingles.html.twig') }}
  12. {% endblock %}
  13. {% block header_breadcrumb %}
  14.   {{ include('Nordinfo/Main/parts/breadcrumb.html.twig') }}
  15. {% endblock %}
  16. {% block body %}
  17.   <main role="main" class="mainContent pt-0 pb-0" data-form-validation-step="hidden" id="mainContent" tabindex="-1">
  18.     {% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':'--contactDetailsPage'} %}
  19.     {% if contact.type == "admin" %}
  20.       <div class="containerContactDetailsTop">
  21.         <div class="containerSm">
  22.           <div class="containerContactDetailsTop__inner">
  23.             <div>
  24.               <div class="containerContactDetailsTop__imgWrapper">
  25.                 <img src="{{ asset('upload/images/'~contact.picture) }}" alt="">
  26.               </div>
  27.             </div>
  28.             <div>
  29.               <h1>{{ contact.firstName }} {{ contact.lastName }}</h1>
  30.               <p class="mb-0">{{ contact.typeContact.name|replace({'Élu':'Conseiller départemental'}) }}</p>
  31.               {% if contact.shortDescription is not null %}
  32.                 <p class="mt-0"><strong>{{ contact.shortDescription }}</strong></p>
  33.               {% endif %}
  34.               {% if contact.longDescription is not null %}
  35.                 <p class="mb-0"><strong>Groupe : </strong>{{ contact.longDescription }}</p>
  36.               {% endif %}
  37.               {% if contact.canton is not null %}
  38.                 <p class="mb-0 mt-0"><strong>Canton : </strong>{{ contact.canton.canton }}</p>
  39.               {% endif %}
  40.               {% if contact.canton.communes is not null %}
  41.                 <p class="mb-0 mt-0"><strong>Communes du canton : </strong>{{ contact.canton.communes }}</p>
  42.               {% endif %}
  43.               {% if contact.territory is not null %}
  44.                 <p class="mb-0 mt-0"><strong>Territoire : </strong>{{ contact.territory.displayName }}</p>
  45.               {% endif %}
  46.             </div>
  47.           </div>
  48.         </div>
  49.       </div>
  50.     {% endif %}
  51.     <div class="containerContactDetailsForm">
  52.       <div class="containerSm">
  53.         <h2 class="text-center mt-0">Me contacter</h2>
  54.         <p class="text-center fontWeightMedium mBSm">{{ contact.rue }} {{ contact.codePostal }} {{ contact.ville }}</p>
  55.         <div class="text-center">
  56.           {% if contact.phone is not null or contact.acceo is not null %}
  57.             {% if contact.phone is not null %}
  58.               <a href="tel:+33{{ contact.phone|slice(1)|spaceless }}" class="containerContactDetailsForm__btnTel">
  59.                 <div class="__inner">
  60.                   <span class="__icon">{{ source('svg/icons/icon-telephone.svg') }}</span>
  61.                   <span class="__text">{{ contact.phone }}</span>
  62.                 </div>
  63.               </a>
  64.             {% endif %}
  65.             {% if contact.acceo is not null %}
  66.               <a href="{{ contact.acceo }}" class="btn btn-lg btnContactAction _eastern-blue _deaf mt-3">
  67.                 <div class="__inner">
  68.                   <div class="__col-icon">
  69.                     <svg aria-hidden="true" focusable="false" id="Layer_1" data-name="Layer 1"
  70.                          xmlns="http://www.w3.org/2000/svg" viewbox="0 0 51.84 51.84">
  71.                       <defs>
  72.                         <style>
  73.                           .cls-1 {
  74.                             fill: #ec671c;
  75.                           }
  76.                         </style>
  77.                       </defs>
  78.                       <path id="Tracé_78" data-name="Tracé 78" class="cls-1"
  79.                             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"/>
  80.                       <g id="Groupe_61" data-name="Groupe 61">
  81.                         <g id="Groupe_60" data-name="Groupe 60">
  82.                           <path id="Tracé_79" data-name="Tracé 79"
  83.                                 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"/>
  84.                         </g>
  85.                       </g>
  86.                     </svg>
  87.                   </div>
  88.                   <div class="__col-text">Sourd ou malentendant ?</div>
  89.                 </div>
  90.               </a>
  91.             {% endif %}
  92.           {% endif %}
  93.         </div>
  94.         <h3 class="text-center d-validation-none colorBlue mTMd" data-focus-content-target="initial">Par courriel</h3>
  95.         <h3 class="text-center d-none d-validation-block">Vérifier votre message</h3>
  96.         <p class="text-center"><strong>Une fois envoyé, vous recevez une copie de ce message à l'adresse courriel que
  97.             vous avez saisie.</strong></p>
  98.         <p class="text-center d-validation-none">Les champs suivis d'un astérisque (<span class="colorRed">*</span>)
  99.           sont obligatoires</p>
  100.         <form action="{{ path('send_form') }}" method="POST" enctype="multipart/form-data"
  101.               class="needs-validation formCustom mT" novalidate>
  102.           <input type="hidden" name="dest_nom" value="{{ contact.firstName }} {{ contact.lastName }}">
  103.           <input type="hidden" name="dest" value="{{ contact.email }}">
  104.           <input type="hidden" name="raison">
  105.           <div class="form-validation-overlay mb-5">
  106.             <div class="form-group">
  107.               <div class="__input-wrapper">
  108.                 <div class="__inner">
  109.                   <label for="nom">Nom
  110.                     <span class="colorRed d-validation-none">*</span>
  111.                   </label>
  112.                   <input type="text" class="form-control" name="nom" id="nom"
  113.                          placeholder="" required>
  114.                 </div>
  115.               </div>
  116.             </div>
  117.             <div class="form-group">
  118.               <div class="__input-wrapper">
  119.                 <div class="__inner">
  120.                   <label for="prenom">Prénom
  121.                     <span class="colorRed d-validation-none">*</span>
  122.                   </label>
  123.                   <input type="text" class="form-control" name="prenom" id="prenom"
  124.                          placeholder="" required>
  125.                 </div>
  126.               </div>
  127.             </div>
  128.             <div class="form-group">
  129.               <div class="__input-wrapper">
  130.                 <div class="__inner">
  131.                   <label for="ville">Ville
  132.                     <span class="colorRed d-validation-none">*</span>
  133.                   </label>
  134.                   <input type="text" class="form-control" name="ville" id="ville"
  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="adresse">Adresse
  143.                     <span class="colorRed d-validation-none">*</span>
  144.                   </label>
  145.                   <input type="text" class="form-control" name="adresse" id="adresse"
  146.                          placeholder="" required>
  147.                 </div>
  148.               </div>
  149.             </div>
  150.             <div class="form-group">
  151.               <div class="__input-wrapper">
  152.                 <div class="__inner">
  153.                   <label for="validationCustom01">Adresse courriel (ex : nom@domaine.fr)
  154.                     <span class="colorRed d-validation-none">*</span>
  155.                   </label>
  156.                   <input type="email" class="form-control" autocomplete="email" name="email" id="validationCustom01"
  157.                          placeholder="" required>
  158.                 </div>
  159.               </div>
  160.             </div>
  161.             <div class="form-group">
  162.               <div class="__input-wrapper">
  163.                 <div class="__inner">
  164.                   <label for="validationCustom02">Objet
  165.                     <span class="colorRed d-validation-none">*</span>
  166.                   </label>
  167.                   <input type="text" name="objet" class="form-control" id="validationCustom02" placeholder="" required>
  168.                 </div>
  169.               </div>
  170.             </div>
  171.             <div class="form-group">
  172.               <div class="__input-wrapper _textarea">
  173.                 <div class="__inner">
  174.                   <label for="validationCustom03">Votre Message
  175.                     <span class="colorRed d-validation-none">*</span>
  176.                     :</label>
  177.                   <textarea class="form-control" name="message" id="validationCustom03" placeholder="" rows="3"
  178.                             required></textarea>
  179.                 </div>
  180.               </div>
  181.             </div>
  182.             {# <div class="form-group" data-form-validation-step-file-wrapper>
  183.               <div class="inputFileWrapper">
  184.                 <input type="file" name="file" id="file-1" class="inputfile inputfile-1"
  185.                        accept="image/jpeg,image/gif,image/png,.pdf,.doc,.odt"/>
  186.                 <label for="file-1" class="label-file">
  187.                   <svg aria-hidden="true" focusable="false" data-name="Calque 1"
  188.                        xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  189.                     <path
  190.                       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"/>
  191.                   </svg>
  192.                   <span>
  193.                                         <span class="__underline">Ajouter une pièce jointe</span><br>
  194.                                         <span class="fsXs">5 Mo maximum. JPEG, GIF, PNG, PDF, DOC, ODT</span>
  195.                                     </span>
  196.                 </label>
  197.               </div>
  198.               <script>
  199.                 'use strict';
  200.                 ;
  201.                 (function (document, window, index) {
  202.                   var inputs = document.querySelectorAll('.inputfile');
  203.                   Array.prototype.forEach.call(inputs, function (input) {
  204.                     var label = input.nextElementSibling,
  205.                       labelVal = label.innerHTML;
  206.                     input.addEventListener('change', function (e) {
  207.                       var fileName = '';
  208.                       if (this.files && this.files.length > 1)
  209.                         fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
  210.                       else
  211.                         fileName = e.target.value.split('\\').pop();
  214.                       if (fileName)
  215.                         label.querySelector('span').innerHTML = fileName;
  216.                       else
  217.                         label.innerHTML = labelVal;
  219.                     }});
  220. // Firefox bug fix
  221.                     input.addEventListener('focus', function () {
  222.                       input.classList.add('has-focus');
  223.                     });
  224.                     input.addEventListener('blur', function () {
  225.                       input.classList.remove('has-focus');
  226.                     });
  227.                   });
  228.                 }(document, window, 0));
  229.               </script>
  230.             </div> #}
  231.             <div class="form-group">
  232.               <div class="form-check">
  233.                 <input class="form-check-input" type="checkbox" value="" id="invalidCheck" name="checkbox" required>
  234.                 <label class="form-check-label" for="invalidCheck">
  235.                   En cochant cette case, j'accepte les
  236.                   <a href="{{ path('post_detail', {slug: 'cgu'}) }}">Conditions Générales d'Utilisation</a>&nbsp;<span
  237.                     class="colorRed d-validation-none">*</span>
  238.                 </label>
  239.                 <p class="invalid-feedback" id="invalidFeedback">
  240.                   Ce champs est obligatoire
  241.                 </p>
  242.               </div>
  243.             </div>
  244.             <div class="form-group">
  245.               <div class="form-check">
  246.                 <input class="form-check-input" type="checkbox" value="" id="invalidCheck2" name="checkbox2">
  247.                 <label class="form-check-label" for="invalidCheck2">
  248.                   J'accepte de recevoir les informations du Département du Nord
  249.                 </label>
  250.               </div>
  251.             </div>
  252.             <div class="form-group" id="infoUnsubscribe">
  253.               <p>
  254.                 Votre adresse de messagerie sera uniquement utilisée pour vous envoyer les lettres d'information du
  255.                 Département du Nord. Vous pouvez à tout moment utiliser le lien de désabonnement intégré dans
  256.                 l'infolettre. <a href="https://lenord.fr/donnees-personnelles#infolettre/">En savoir plus sur la gestion
  257.                   de vos données et vos droits</a>.
  258.               </p>
  259.             </div>
  260.           </div>
  261.           <div class="form-group d-none d-validation-block">
  262.             <input type="hidden" name="nb1" value="{{ caps['valeur1']['valeur'] }}">
  263.             <input type="hidden" name="nb2" value="{{ caps['valeur2']['valeur'] }}">
  264.             <div class="__input-wrapper _captcha">
  265.               <div class="__inner">
  266.                 <label for="inputCaptcha">Répondez à cette question de vérification avant d’envoyer votre évènement :
  267.                   Quel est le résultat de {{ caps['valeur1']['libelle'] }}
  268.                   +
  269.                   {{ caps['valeur2']['libelle'] }} (en chiffres)
  270.                   <span class="colorRed d-validation-none">*</span>
  271.                 </label>
  272.                 <input class="form-control _captcha" id="inputCaptcha" type="text" name="captcha" data-focus-content-target="verify">
  273.               </div>
  274.             </div>
  275.           </div>
  276.           <div class="__buttons-wrapper">
  277.             <button class="btn btnFormSubmit d-none d-validation-inline-block _modify" data-form-validation-step-toggle>
  278.               <span>MODIFIER</span>
  279.             </button>
  280.             <button class="btn btnFormSubmit d-none d-validation-inline-block" type="submit">
  281.               <span>ENVOYER</span>
  282.             </button>
  283.             <button class="btn btnFormSubmit d-validation-none _validation" data-form-validation-step-toggle>
  284.               <span>VALIDER</span>
  285.             </button>
  286.           </div>
  287.         </form>
  288.       </div>
  289.     </div>
  290.     {% if contact_posts is not empty %}
  291.       <div>
  292.         <div class="containerSm">
  293.           <h2 class="text-center mb-0">Dernières actualités</h2>
  294.           <div class="pT">
  295.             {% if contact.link1 is not null or contact.link2 is not null %}
  296.               <ul class="lsNone pb-3">
  297.                 <li>
  298.                   {% if contact.link1 is not null %}
  299.                     <a href="{{ contact.link1 }}" target="_blank" class="cardResource _external">
  300.                       <div class="__col-icon">
  301.                         <svg aria-hidden="true" focusable="false" id="Calque_1"
  302.                              data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  303.                           <path class="cls-1"
  304.                                 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"/>
  305.                           <path
  306.                             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"/>
  307.                         </svg>
  308.                         <span class="sr-only">lien</span>
  309.                       </div>
  310.                       <div class="__col-info">
  311.                         <div class="__title">
  312.                           <span>{{ contact.link1 }}</span>
  313.                         </div>
  314.                       </div>
  315.                     </a>
  316.                   {% endif %}
  317.                 </li>
  318.                 <li>
  319.                   {% if contact.link2 is not null %}
  320.                     <a href="{{ contact.link2 }}" target="_blank" class="cardResource _external">
  321.                       <div class="__col-icon">
  322.                         <svg aria-hidden="true" focusable="false" id="Calque_1"
  323.                              data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5">
  324.                           <path class="cls-1"
  325.                                 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"/>
  326.                           <path
  327.                             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"/>
  328.                         </svg>
  329.                         <span class="sr-only">lien</span>
  330.                       </div>
  331.                       <div class="__col-info">
  332.                         <div class="__title">
  333.                           <span>{{ contact.link2 }}</span>
  334.                         </div>
  335.                       </div>
  336.                     </a>
  337.                   {% endif %}
  338.                 </li>
  339.               </ul>
  340.             {% endif %}
  341.             {% if contact_posts is not empty %}
  342.               {% for post in contact_posts %}
  343.                 {% include 'Nordinfo/Main/parts/card.html.twig' with {
  344.                   'type' : 'link-external',
  345.                   'url' : path('post_detail', {"slug": post.slug}),
  346.                   'title' : post.title
  347.                 } %}
  348.               {% endfor %}
  349.             {% endif %}
  350.           </div>
  351.         </div>
  352.       </div>
  353.     {% endif %}
  354.   </main>
  355. {% endblock %}
  356. {% block footer_top %}
  357.   {% if is_preview != 1 %}
  358.     <div class="container pB pT">
  359.       {% include 'Nordinfo/Main/parts/article-actions.html.twig' with {'post_title':contact.firstName, 'post_id':'test', 'is_nord_services':true, 'is_contact_page_nord_info':true} %}
  360.     </div>
  361.   {% endif %}
  362.   {% include 'Nordinfo/Main/parts/preFooter.html.twig' with {prefooter_template: 'nordinfo'} %}
  363. {% endblock %}