templates/Lenord/Main/search.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 tabindex="-1" role="main" id="mainContent">
  13.     {% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':'--leNord --barHeading --barHeadingIcon --blueMedium'} %}
  14.     <div class="barHeading --leNord --icon">
  15.       <h1>
  16.         <span class="__icon">{{ source('svg/icons/icon-search.svg') }}</span>
  17.         <span class="__text">Recherche</span>
  18.       </h1>
  19.     </div>
  20.     <div class="barSearch">
  21.       <form action="{{ path('lenord_recherche') }}" method="GET" class="__form">
  22.         <div class="__rowInput">
  23.           <div class="container">
  24.             <label for="inputSearchSearchPage" hidden="">Rechercher</label>
  25.             <div class="containerInputSearch">
  26.               <input value="{{ search }}" required="" name="search" title="Je recherche" type="text" id="inputSearchSearchPage"
  27.                      data-tabindex-mobile="5" placeholder="Rechercher" class="form-control __input _inputSearch">
  28.               <button type="submit" class="__btn">
  29.                 <img
  30.                   src="{{ asset('img/brandmaster/icon-search-le-nord.svg') }}"
  31.                   alt="" aria-hidden="true">
  32.                 <span class="sr-only">Recherche</span>
  33.               </button>
  34.             </div>
  35.           </div>
  36.         </div>
  37.         <div class="__rowFilters">
  38.           <div class="container">
  39.             <fieldset class="__inner" id="filters_">
  40.               <legend>Inclure :</legend>
  41.               <div>
  42.                 <div>
  43.                   <div class="__col">
  44.                     <div class="__wrapperCheckbox">
  45.                       <div>
  46.                         <input {% if checkservices == "on" %}checked{% endif %} class="__input-checkbox"
  47.                                name="checkservices"
  48.                                aria-label="Les services, mise à jour des résultats"
  49.                                type="checkbox" id="services">
  50.                       </div>
  51.                       <div>
  52.                         <label class="" for="services">Les services</label>
  53.                       </div>
  54.                     </div>
  55.                   </div>
  56.                   <div class="__col">
  57.                     <div class="__wrapperCheckbox">
  58.                       <div>
  59.                         <input {% if checkactualites == "on" %}checked{% endif %} class="__input-checkbox"
  60.                                name="checkactualites"
  61.                                aria-label="Les actualités, mise à jour des résultats"
  62.                                type="checkbox" id="actualites">
  63.                       </div>
  64.                       <div>
  65.                         <label class="" for="actualites">Les actualités</label>
  66.                       </div>
  67.                     </div>
  68.                   </div>
  69.                   <div class="__col">
  70.                     <div class="__wrapperCheckbox">
  71.                       <div>
  72.                         <input {% if checkevenements == "on" %}checked{% endif %} class="__input-checkbox"
  73.                                name="checkevenements"
  74.                                aria-label="Les évènements, mise à jour des résultats"
  75.                                type="checkbox" id="evenements">
  76.                       </div>
  77.                       <div>
  78.                         <label class="" for="evenements">Les évènements</label>
  79.                       </div>
  80.                     </div>
  81.                   </div>
  82.                   <div class="__col">
  83.                     <div class="__wrapperCheckbox">
  84.                       <div>
  85.                         <input {% if checkdocuments == "on" %}checked{% endif %} class="__input-checkbox"
  86.                                name="checkdocuments"
  87.                                aria-label="Les documents, mise à jour des résultats"
  88.                                type="checkbox" id="documents">
  89.                       </div>
  90.                       <div>
  91.                         <label class="" for="documents">Les documents</label>
  92.                       </div>
  93.                     </div>
  94.                   </div>
  95.                 </div>
  96.               </div>
  97.             </fieldset>
  98.           </div>
  99.         </div>
  100.       </form>
  101.     </div>
  102.     <div class="container pBMd pTMd">
  103.       {% if search is not null %}
  104.         {% if results is not null and results.hits.hits|length == 0 %}
  105.           <h2 class="headingSection">Pas de résultat pour "{{ search }}"</h2>
  106.         {% else %}
  107.           <h2 class="headingSection">{{ results.hits.hits|length }} résultats pour "{{ search }}"</h2>
  108.         {% endif %}
  109.       {% endif %}
  110.     </div>
  111.     <div class="containerSearchResults --leNord">
  112.       {% if true %}
  113.         <ul>
  114.           {% if results is not null %}
  115.             {% for result in results.hits.hits %}
  116.               {% if result._source.entity_type in ["service", "commune", "glossaire", "document", "politique", "elu", "pages", "pagelegale"]
  117.                 or (result._source.entity_type == "post" and result._source.type == 'event')
  118.                 or (result._source.entity_type == "post" and result._source.type == 'video')
  119.                 or (result._source.entity_type == "post" and result._source.type == 'article')
  120.               %}
  121.                 <li class="{% if loop.index is odd %}--dark{% endif %} {% if result._source.entity_type == 'elu' %}--elu{% endif %}">
  122.                   <div class="container">
  123.                     <div class="__inner">
  124.                       {% if result._source.entity_type == 'service' %}
  125.                         <div class="__img">
  126.                           <img src="{{ asset('img/logos/logo-nord-services.svg') }}"
  127.                                alt="Nord Services">
  128.                         </div>
  129.                         <div class="__details --nordServices">
  130.                           <a href="{{ path('services_detail_service', {'slug': result._source.slug}) }}" title="{{ result._source.title }} sur Nord Services (site externe)" class="__anchor">
  131.                             <h3 class="__title">
  132.                               <span class="__text">{{ result._source.title }}</span>
  133.                               <span class="__icon">{{ source('svg/icons/icon-external.svg') }}</span>
  134.                             </h3>
  135.                             {% if result._source.subtitle|length > 0 %}
  136.                               <p class="__desc">{{ result._source.subtitle }}</p>
  137.                             {% endif %}
  138.                             <div class="__anchorBottom --nordServices">
  139.                               <span class="__text">services.lenord.fr/{{ result._source.slug }}</span>
  140.                             </div>
  141.                           </a>
  142.                         </div>
  143.                       {% elseif result._source.entity_type == 'commune' %}
  144.                         <div class="__img">
  145.                           <img src="{{ asset('img/brandmaster/search.svg') }}" alt="">
  146.                         </div>
  147.                         <div class="__details">
  148.                           <a href="{{ path('cartographie') }}#/search?query={{result._source.slug}}&tags=@50.5640884,2.9187694,8.00" class="__anchor">
  149.                             <h3 class="__title">
  150.                               <span class="__text">{{ result._source.title }}</span>
  151.                             </h3>
  152.                             {% if result._source.subtitle|length > 0 %}
  153.                               <p class="__desc">{{ result._source.subtitle }}</p>
  154.                             {% endif %}
  155.                             <ul class="listBreadcrumbs __breadcrumbs">
  156.                               <li>
  157.                                 <a href="/"><span>Accueil</span></a>
  158.                                 <span class="_separator">
  159.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  160.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  161.                               <g>
  162.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  163.                               </g>
  164.                             </svg>
  165.                           </span>
  166.                               </li>
  167.                               <li>
  168.                                 <a href="{{ path('cartographie') }}#/search?query={{result._source.slug}}&tags=@50.5640884,2.9187694,8.00"><span>Cartographie</span></a>
  169.                               </li>
  170.                             </ul>
  171.                           </a>
  172.                         </div>
  173.                       {% elseif result._source.entity_type == 'glossaire' %}
  174.                         <div class="__img"></div>
  175.                         <div class="__details">
  176.                           <a href="{{ path('lenord_glossaire') }}#lettre_{{ result._source.title|first }}" class="__anchor">
  177.                             <h3 class="__title">
  178.                               <span class="__text">{{ result._source.title }}</span>
  179.                             </h3>
  180.                             {% if result._source.content|length > 0 %}
  181.                               <p class="__desc">{{ result._source.content|striptags|raw }}</p>
  182.                             {% endif %}
  183.                           </a>
  184.                           <ul class="listBreadcrumbs __breadcrumbs">
  185.                             <li>
  186.                               <a href="/"><span>Accueil</span></a>
  187.                               <span class="_separator">
  188.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  189.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  190.                               <g>
  191.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  192.                               </g>
  193.                             </svg>
  194.                           </span>
  195.                             </li>
  196.                             <li>
  197.                               <a href="{{ path('lenord_glossaire') }}#lettre_{{ result._source.title|first }}"><span>Glossaire</span></a>
  198.                             </li>
  199.                           </ul>
  200.                         </div>
  201.                       {% elseif result._source.entity_type == 'document' %}
  202.                         {% set date_segments = result._source.date_publication|split('/') %}
  203.                         {% set date_str = date_segments[2]~'-'~date_segments[1]~'-'~date_segments[0] %}
  204.                         <div class="__img">
  205.                           {{ source('svg/icons/icon-file.svg') }}
  206.                         </div>
  207.                         <div class="__details">
  208.                           <a href="{{ path('document', {'slug': result._source.slug}) }}" class="__anchor">
  209.                             <h3 class="__title">
  210.                               <span class="__text">{{ result._source.title }}</span>
  211.                             </h3>
  212.                             <p class="__info">
  213.                               <strong>
  214.                                 {% if result._source.format is not null %}{{ result._source.format|upper~' ' }}{% endif %}
  215.                                 {% if result._source.size is not null %}<abbr title="mégaoctet">{{ result._source.size }}</abbr>{% endif %}
  216.                                 {% if result._source.format is not null or result._source.size is not null %}<span class="__separator">|</span>{% endif %}
  217.                                 {{ date_str|date('d')~' '~trans_month_hash[date_str|date('F')]~' '~date_str|date('Y') }}
  218.                                 {% if result._source.types|length > 0 %}<span class="__separator">|</span>{% endif %}
  219.                                 {% for type in result._source.types %}{% if loop.first %}{% else %}, {% endif %}{{ type }}{% endfor %}
  220.                               </strong>
  221.                             </p>
  222.                             {% if result._source.subtitle|length > 0 %}
  223.                               <p class="__desc">{{ result._source.subtitle|raw }}</p>
  224.                             {% endif %}
  225.                           </a>
  226.                           <ul class="listBreadcrumbs __breadcrumbs">
  227.                             <li>
  228.                               <a href="/"><span>Accueil</span></a>
  229.                               <span class="_separator">
  230.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  231.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  232.                               <g>
  233.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  234.                               </g>
  235.                             </svg>
  236.                           </span>
  237.                             </li>
  238.                             <li>
  239.                               <a href="{{ path('espacedoc') }}"><span>Espace documentaire</span></a>
  240.                               <span class="_separator">
  241.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  242.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  243.                               <g>
  244.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  245.                               </g>
  246.                             </svg>
  247.                           </span>
  248.                             </li>
  249.                             <li>
  250.                               <a
  251.                                 href="{{ path('document', {'slug': result._source.slug}) }}"><span>{{ result._source.title }}</span></a>
  252.                             </li>
  253.                           </ul>
  254.                         </div>
  255.                       {% elseif result._source.entity_type == 'politique' %}
  256.                         <div class="__img">
  257.                           <img src="{{ result._source.pictogramme }}" alt="">
  258.                         </div>
  259.                         <div class="__details">
  260.                           <a href="{{ path('lenord_politique', {'alias_url': result._source.slug}) }}" class="__anchor">
  261.                             <h3 class="__title">
  262.                               <span class="__text">{{ result._source.title }}</span>
  263.                             </h3>
  264.                           </a>
  265.                           <ul class="listBreadcrumbs __breadcrumbs">
  266.                             <li>
  267.                               <a href="/"><span>Accueil</span></a>
  268.                               <span class="_separator">
  269.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  270.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  271.                               <g>
  272.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  273.                               </g>
  274.                             </svg>
  275.                           </span>
  276.                             </li>
  277.                             <li>
  278.                               <a href="{{ path('lenord_nos_politiques') }}"><span>Nos politiques</span></a>
  279.                               <span class="_separator">
  280.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  281.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  282.                               <g>
  283.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  284.                               </g>
  285.                             </svg>
  286.                           </span>
  287.                             </li>
  288.                             <li><a
  289.                                 href="{{ path('lenord_politique', {'alias_url':result._source.slug }) }}"><span>{{ result._source.title }}</span></a>
  290.                             </li>
  291.                           </ul>
  292.                         </div>
  293.                       {% elseif result._source.entity_type == 'elu' %}
  294.                         <div class="__img --elu">
  295.                           <img src="{{ asset('upload/images/'~result._source.image) }}" alt="">
  296.                         </div>
  297.                         <div class="__details">
  298.                           <a href="{{ path('elus_lenord_detail', {'slug': result._source.slug}) }}" class="__anchor">
  299.                             <h3 class="__title">
  300.                               <span class="__text">{{ result._source.title_view }}</span>
  301.                             </h3>
  302.                           </a>
  303.                           <ul class="listBreadcrumbs __breadcrumbs">
  304.                             <li><a
  305.                                 href="{{ path('elus_lenord_detail', {'slug':result._source.slug }) }}"><span>
  306.                               {% if result._source.civilite == "Mr" %}Conseiller départemental{% else %}Conseillère départementale{% endif %}
  307.                                   {{ result._source.subtitle_view }}</span></a>
  308.                             </li>
  309.                           </ul>
  310.                         </div>
  311.                       {% elseif result._source.entity_type == 'pages' %}
  312.                         <div class="__img">
  313.                           <img src="{{ result._source.pictogramme }}" alt="">
  314.                         </div>
  315.                         <div class="__details">
  316.                           <a href="{{ path('lenord_pagecms', {'slug':result._source.slug }) }}" class="__anchor">
  317.                             <h3 class="__title">
  318.                               <span class="__text">{{ result._source.title }}</span>
  319.                             </h3>
  320.                           </a>
  321.                           <ul class="listBreadcrumbs __breadcrumbs">
  322.                             <li>
  323.                               <a href="/"><span>Accueil</span></a>
  324.                               <span class="_separator">
  325.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  326.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  327.                               <g>
  328.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  329.                               </g>
  330.                             </svg>
  331.                           </span>
  332.                             </li>
  333.                             <li>
  334.                               <a href="{{ path('lenord_institutions') }}"><span>L'institution</span></a>
  335.                               <span class="_separator">
  336.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  337.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  338.                               <g>
  339.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  340.                               </g>
  341.                             </svg>
  342.                           </span>
  343.                             </li>
  344.                             <li>
  345.                               <a
  346.                                 href="{{ path('lenord_pagecms', {'slug':result._source.slug }) }}"><span>{{ result._source.title }}</span></a>
  347.                             </li>
  348.                           </ul>
  349.                         </div>
  350.                       {% elseif result._source.entity_type == 'pagelegale' %}
  351.                         <div class="__img"></div>
  352.                         <div class="__details">
  353.                           <a href="{{ path('lenord_page_legale', {'slug':result._source.slug }) }}" class="__anchor">
  354.                             <h3 class="__title">
  355.                               <span class="__text">{{ result._source.title }}</span>
  356.                             </h3>
  357.                           </a>
  358.                           <ul class="listBreadcrumbs __breadcrumbs">
  359.                             <li>
  360.                               <a href="/"><span>Accueil</span></a>
  361.                               <span class="_separator">
  362.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1"
  363.                                  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  364.                               <g>
  365.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  366.                               </g>
  367.                             </svg>
  368.                           </span>
  369.                             </li>
  370.                             <li>
  371.                               <a
  372.                                 href="{{ path('lenord_page_legale', {'slug':result._source.slug }) }}"><span>{{ result._source.title }}</span></a>
  373.                             </li>
  374.                           </ul>
  375.                         </div>
  376.                       {% elseif result._source.entity_type == 'post' and result._source.type == 'event' %}
  377.                         {% set date_debut_str = null %}
  378.                         {% set date_fin_str = null %}
  379.                         {% if result._source.date_debut is not null %}
  380.                           {% set date_debut_segments = result._source.date_debut|split('/') %}
  381.                           {% set date_debut_str = date_debut_segments[2]~'-'~date_debut_segments[1]~'-'~date_debut_segments[0] %}
  382.                         {% endif %}
  383.                         {% if result._source.date_fin is not null %}
  384.                           {% set date_fin_segments = result._source.date_fin|split('/') %}
  385.                           {% set date_fin_str = date_fin_segments[2]~'-'~date_fin_segments[1]~'-'~date_fin_segments[0] %}
  386.                         {% endif %}
  387.                         <div class="__img">
  388.                           <img src="{{ asset('img/logos/logo-nord-info.svg') }}"
  389.                                alt="Nord Info">
  390.                         </div>
  391.                         <div class="__details --nordInfo">
  392.                           <a title="aller sur Nord info" {% if result._source.slug != "" %}href="https://{{ path('post_detail', {'slug': result._source.slug}) }}"{% endif %} class="__anchor">
  393.                             <h3 class="__title">
  394.                               <span class="__text">{{ result._source.title }}</span>
  395.                               <span class="__icon">{{ source('svg/icons/icon-external.svg') }}</span>
  396.                             </h3>
  397.                             <p class="__info">
  398.                               <strong>
  399.                                 {{ result._source.event_date }}
  400.                                 {#{% if date_debut_str == date_fin_str %}
  401.                                 Le {{ date_debut_str|date('d')~' '~trans_month_hash[date_debut_str|date('F')]~' '~date_debut_str|date('Y') }}
  402.                               {% else %}
  403.                                 Du {{ date_debut_str|date('d')~' '~trans_month_hash[date_debut_str|date('F')]~' '~date_debut_str|date('Y') }}
  404.                                 au {{ date_fin_str|date('d')~' '~trans_month_hash[date_fin_str|date('F')]~' '~date_fin_str|date('Y') }}
  405.                               {% endif %}
  406.                                 #}
  407.                                 {% if result._source.lieu is not null %}<span>|</span> {{ result._source.lieu }} {% endif %}
  408.                                 {% if result._source.ville is not null %}<span>|</span> {{ result._source.ville }}{% endif %}</strong>
  409.                             </p>
  410.                             {% if result._source.subtitle|length > 0 %}
  411.                               <p class="__desc">{{ result._source.subtitle }}</p>
  412.                             {% endif %}
  413.                             <div class="__anchorBottom --nordInfo">
  414.                               <span class="__text">info.lenord.fr/{{ result._source.slug }}</span>
  415.                             </div>
  416.                           </a>
  417.                         </div>
  418.                       {% elseif result._source.entity_type == 'post' and result._source.type == 'video' %}
  419.                         <div class="__img">
  420.                           <img src="{{ asset('img/logos/logo-nord-info.svg') }}"
  421.                                alt="Nord Info">
  422.                         </div>
  423.                         <div class="__details --nordInfo">
  424.                           <a title="aller sur Nord info"  href="https://{{ path('video_detail', {'slug': result._source.slug}) }}" class="__anchor">
  425.                             <h3 class="__title">
  426.                               <span class="__text">{{ result._source.title }}</span>
  427.                               <span class="__icon">{{ source('svg/icons/icon-external.svg') }}</span>
  428.                             </h3>
  429.                             <div class="__anchorBottom">
  430.                               <span class="__text">info.lenord.fr/video-{{ result._source.slug }}</span>
  431.                             </div>
  432.                           </a>
  433.                         </div>
  434.                       {% elseif result._source.entity_type == 'post' and result._source.type == 'article' %}
  435.                         <div class="__img">
  436.                           <img src="{{ asset('img/logos/logo-nord-info.svg') }}"
  437.                                alt="Nord Info">
  438.                         </div>
  439.                         <div class="__details --nordInfo">
  440.                           <a title="aller sur Nord info"  href="https://{{ path('post_detail', {'slug': result._source.slug}) }}" class="__anchor">
  441.                             <h3 class="__title">
  442.                               <span class="__text">{{ result._source.title }}</span>
  443.                               <span class="__icon">{{ source('svg/icons/icon-external.svg') }}</span>
  444.                             </h3>
  445.                             {% if result._source.subtitle|length > 0 %}
  446.                               <p class="__desc">{{ result._source.subtitle }}</p>
  447.                             {% endif %}
  448.                             <div class="__anchorBottom">
  449.                               <span class="__text">info.lenord.fr/{{ result._source.slug }}</span>
  450.                             </div>
  451.                           </a>
  452.                         </div>
  453.                       {% endif %}
  454.                     </div>
  455.                   </div>
  456.                 </li>
  457.               {% endif %}
  458.             {% endfor %}
  459.           {% endif %}
  460.         </ul>
  461.       {% endif %}
  462.       {% if false %}
  463.         <ul>
  464.           <li class="--dark --elu">
  465.             <div class="container">
  466.               <div class="__inner">
  467.                 <div class="__img --elu">
  468.                   <img src="/upload/images/martine-61bb028ff069f848479383.png" alt="">
  469.                 </div>
  470.                 <div class="__details">
  471.                   <a href="/l-institution/les-conseillers-departementaux/Martine-ARLABOSSE" class="__anchor">
  472.                     <h3 class="__title">
  473.                       <span class="__text">Martine ARLABOSSE</span>
  474.                     </h3>
  475.                   </a>
  476.                   <ul class="listBreadcrumbs __breadcrumbs">
  477.                     <li><a href="/l-institution/les-conseillers-departementaux/Martine-ARLABOSSE"><span>
  478.                               Conseillère départementale                               - Vice-présidente en charge de la culture et de la communication institutionnelle - DUNKERQUE-2</span></a>
  479.                     </li>
  480.                   </ul>
  481.                 </div>
  482.               </div>
  483.             </div>
  484.           </li>
  485.           <li class="">
  486.             <div class="container">
  487.               <div class="__inner">
  488.                 <div class="__img">
  489.                   <img src="https://spontaneit1.fra1.digitaloceanspaces.com/info-lenord/brandmaster/brandmaster/dfb215978ad9.svg" alt="">
  490.                 </div>
  491.                 <div class="__details">
  492.                   <a href="/nos-politiques/culture" class="__anchor">
  493.                     <h3 class="__title">
  494.                       <span class="__text">Culture</span>
  495.                     </h3>
  496.                   </a>
  497.                   <ul class="listBreadcrumbs __breadcrumbs">
  498.                     <li>
  499.                       <a href="/"><span>Accueil</span></a>
  500.                       <span class="_separator">
  501.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  502.                               <g>
  503.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  504.                               </g>
  505.                             </svg>
  506.                           </span>
  507.                     </li>
  508.                     <li>
  509.                       <a href="/nos-politiques"><span>Nos politiques</span></a>
  510.                       <span class="_separator">
  511.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  512.                               <g>
  513.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  514.                               </g>
  515.                             </svg>
  516.                           </span>
  517.                     </li>
  518.                     <li><a href="/nos-politiques/culture"><span>Culture</span></a>
  519.                     </li>
  520.                   </ul>
  521.                 </div>
  522.               </div>
  523.             </div>
  524.           </li>
  525.           <li class="--dark">
  526.             <div class="container">
  527.               <div class="__inner">
  528.                 <div class="__img">
  529.                   <img src="https://spontaneit1.fra1.digitaloceanspaces.com/info-lenord/brandmaster/brandmaster/f9875282bc57.svg" alt="">
  530.                 </div>
  531.                 <div class="__details">
  532.                   <a href="/l-institution/les-vice-presidents" class="__anchor">
  533.                     <h3 class="__title">
  534.                       <span class="__text">Les Vice-présidents</span>
  535.                     </h3>
  536.                   </a>
  537.                   <ul class="listBreadcrumbs __breadcrumbs">
  538.                     <li>
  539.                       <a href="/"><span>Accueil</span></a>
  540.                       <span class="_separator">
  541.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  542.                               <g>
  543.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  544.                               </g>
  545.                             </svg>
  546.                           </span>
  547.                     </li>
  548.                     <li>
  549.                       <a href="/l-institution"><span>L'institution</span></a>
  550.                       <span class="_separator">
  551.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  552.                               <g>
  553.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  554.                               </g>
  555.                             </svg>
  556.                           </span>
  557.                     </li>
  558.                     <li>
  559.                       <a href="/l-institution/les-vice-presidents"><span>Les Vice-présidents</span></a>
  560.                     </li>
  561.                   </ul>
  562.                 </div>
  563.               </div>
  564.             </div>
  565.           </li>
  566.           <li class="">
  567.             <div class="container">
  568.               <div class="__inner">
  569.                 <div class="__img">
  570.                   <img src="https://spontaneit1.fra1.digitaloceanspaces.com/info-lenord/brandmaster/brandmaster/9f2898d681cf.svg" alt="">
  571.                 </div>
  572.                 <div class="__details">
  573.                   <a href="/l-institution/le-conseil-departemental" class="__anchor">
  574.                     <h3 class="__title">
  575.                       <span class="__text">Le Conseil départemental</span>
  576.                     </h3>
  577.                   </a>
  578.                   <ul class="listBreadcrumbs __breadcrumbs">
  579.                     <li>
  580.                       <a href="/"><span>Accueil</span></a>
  581.                       <span class="_separator">
  582.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  583.                               <g>
  584.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  585.                               </g>
  586.                             </svg>
  587.                           </span>
  588.                     </li>
  589.                     <li>
  590.                       <a href="/l-institution"><span>L'institution</span></a>
  591.                       <span class="_separator">
  592.                             <svg aria-hidden="true" focusable="false" id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306 188.7">
  593.                               <g>
  594.                                   <polygon points="0 153 35.7 188.7 153 71.4 270.3 188.7 306 153 153 0 0 153"></polygon>
  595.                               </g>
  596.                             </svg>
  597.                           </span>
  598.                     </li>
  599.                     <li>
  600.                       <a href="/l-institution/le-conseil-departemental"><span>Le Conseil départemental</span></a>
  601.                     </li>
  602.                   </ul>
  603.                 </div>
  604.               </div>
  605.             </div>
  606.           </li>
  607.           <li class="--dark">
  608.             <div class="container">
  609.               <div class="__inner">
  610.                 <div class="__img">
  611.                   <img src="/img/logos/logo-nord-info.svg" alt="Nord Info">
  612.                 </div>
  613.                 <div class="__details --nordInfo">
  614.                   <a title="aller sur Nord info" href="//nordinfo.spontaneit.fr/des-paniers-alimentaires-pour-soutenir-les-familles-fragilisees" class="__anchor">
  615.                     <h3 class="__title">
  616.                       <span class="__text">Des paniers alimentaires pour soutenir les familles fragilisées</span>
  617.                       <span class="__icon"><svg aria-hidden="true" id="f0e66a82-9691-4c5a-8636-9953692f0b2f" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232.3 234.74" fill="currentColor">
  618.     <rect y="51.74" height="183"></rect>
  619.     <path d="M0,234.74H183v-183H0ZM20.4,72H162.7v142.3H20.4Z" transform="translate(0 0)"></path>
  620.     <polygon points="113.2 0 113.2 20.3 211.9 20.3 211.9 121.6 232.3 121.6 232.3 0 113.2 0"></polygon>
  621. </svg>
  622. </span>
  623.                     </h3>
  624.                     <p class="__desc"></p>
  625.                     <div class="__anchorBottom">
  626.                       <span class="__text">info.lenord.fr/des-paniers-alimentaires-pour-soutenir-les-familles-fragilisees</span>
  627.                     </div>
  628.                   </a>
  629.                 </div>
  630.               </div>
  631.             </div>
  632.           </li>
  633.           <li class="">
  634.             <div class="container">
  635.               <div class="__inner">
  636.                 <div class="__img">
  637.                   <img src="/img/logos/logo-nord-info.svg" alt="Nord Info">
  638.                 </div>
  639.                 <div class="__details --nordInfo">
  640.                   <a title="aller sur Nord info" href="//nordinfo.spontaneit.fr/pari-tenu-pour-la-premiere-journee-reussir-sans-attendre-" class="__anchor">
  641.                     <h3 class="__title">
  642.                       <span class="__text">Pari tenu pour la première journée « Réussir sans attendre »</span>
  643.                       <span class="__icon"><svg aria-hidden="true" id="f0e66a82-9691-4c5a-8636-9953692f0b2f" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232.3 234.74" fill="currentColor">
  644.     <rect y="51.74" height="183"></rect>
  645.     <path d="M0,234.74H183v-183H0ZM20.4,72H162.7v142.3H20.4Z" transform="translate(0 0)"></path>
  646.     <polygon points="113.2 0 113.2 20.3 211.9 20.3 211.9 121.6 232.3 121.6 232.3 0 113.2 0"></polygon>
  647. </svg>
  648. </span>
  649.                     </h3>
  650.                     <p class="__desc"></p>
  651.                     <div class="__anchorBottom">
  652.                       <span class="__text">info.lenord.fr/pari-tenu-pour-la-premiere-journee-reussir-sans-attendre-</span>
  653.                     </div>
  654.                   </a>
  655.                 </div>
  656.               </div>
  657.             </div>
  658.           </li>
  659.         </ul>
  660.       {% endif %}
  661.       <script>
  662.         document.addEventListener("DOMContentLoaded", function() {
  663.           const anchors = document.querySelectorAll('a');
  664.           for (let i = 0; i < anchors.length; i++) {
  665.             let href = anchors[i].getAttribute('href');
  666.             if (href.includes('////')) {
  667.               href = href.replace('////', '//');
  668.             }
  669.             anchors[i].setAttribute('href', href);
  670.           }
  671.         });
  672.       </script>
  673.     </div>
  674.   </main>
  675. {% endblock %}
  676. {% block footer_top %}
  677.   {% include 'Nordinfo/Main/parts/our-websites.html.twig' %}
  678. {% endblock %}
  679. {% block include_js %}
  680.   <script type="text/javascript">
  681.     $(function () {
  682.       $('.__input-checkbox').on('click', function(){
  683.         var parameters = '?';
  684.         var index = 0;
  685.         $("#filters_ input").each(function () {
  686.           if (index > 0) {
  687.             parameters += "&";
  688.           }
  689.           if($(this).is(':checked')){
  690.             parameters += $(this).attr('name')+'=on';
  691.           }else{
  692.             parameters += $(this).attr('name')+'=off';
  693.           }
  694.           index++;
  695.         });
  696.         parameters+= '&search='+$('._inputSearch').val();
  697.         var oldURL = window.location.href;
  698.         var newUrl = '';
  699.         index = oldURL.indexOf('?');
  700.         if (index == -1) {
  701.           index = oldURL.indexOf('#');
  702.         }
  703.         if (index != -1) {
  704.           newUrl = oldURL.substring(0, index);
  705.         }
  706.         newUrl += parameters;
  707.         window.location.href = newUrl;
  708.       });
  709.     });
  710.   </script>
  711. {% endblock %}