{% extends 'Lenord/base.html.twig' %}
{% block header_logo %}
<div>
<img src="{{ asset('img/brandmaster/logo-le-nord.svg') }}"
alt="Le Nord, le Département est là">
</div>
{% endblock %}
{% block header_logo_mobile %}
<div class="__containerLogoMobile">
<div>
<h1>
<img
src="{{ asset('img/brandmaster/logo-le-nord.svg') }}"
alt="Le Nord, le Département est là">
</h1>
</div>
{% include 'Nordinfo/Main/parts/menu_button.html.twig' with { menu_button_type: '--lenord' } %}
</div>
{% endblock %}
{% block header_nav %}{% endblock %}
{% block header_epingles %}
{{ include('Lenord/Main/parts/epingles.html.twig') }}
{% endblock %}
{% block body %}
<main tabindex="-1" role="main" id="mainContent">
{% for strate in strates %}
{% if strate == 'actu' %}
<div
class="bannerCard bannerCard--placement-{{ home.imageEnavantPlacement.id }} bannerCard--placement-text-{{ home.enavantLibellePlacement }}"
style="background-image:url('{{ asset('upload/images/'~home.imageEnavantName) }}');">
<div class="container">
<div class="bannerCard__text">
{% if home.bannerImageSubtitle %}
<p class="bannerCard__subtitle">{{ home.bannerImageSubtitle }}</p>
{% endif %}
<h2>{{ home.enavantLibelle }}</h2>
<p>{{ home.enavantContent }}</p>
{% if home.enavantUrl %}
<a href="{{ home.enavantUrl }}">{{ home.enavantUrlLibelle }}</a>
{% endif %}
</div>
</div>
</div>
{% elseif strate == 'image' and rand_image is not null %}
<div class="bannerImage d-none d-sm-block"
style="background-image:url('{{ asset('upload/images/'~home.images[rand_image].filename) }}');"></div>
{% elseif strate == 'politique' %}
<div class="containerGridPolicies" style="background-color: {{ home.politiqueCouleurFond }}">
<div class="container pBMd">
<h2 class="headingSection mTMd--imp mBMd--imp" style="color:{{ home.politiqueCouleurTitre }}">Nos
politiques</h2>
<ul class="gridPolicies">
{% for politique in politiques %}
{{ include('Lenord/Main/parts/part-home_politique.html.twig') }}
{% endfor %}
</ul>
</div>
</div>
{% elseif strate == 'institution' %}
<div class="containerGridPolicies" style="background-color:{{ home.institutionCouleurFond }}">
<div class="container pBMd">
<h2 class="headingSection pTMd mBMd--imp" style="color:{{ home.institutionCouleurTitre }}">
L'institution</h2>
<ul class="gridPolicies">
{% for page in pages %}
{{ include('Lenord/Main/parts/part-home_institution.html.twig') }}
{% endfor %}
</ul>
</div>
</div>
{% elseif strate == 'president' %}
{% include 'Lenord/Main/parts/banner-contact.html.twig' with {'is_home':true} %}
{% elseif strate == 'testimonial' %}
<div class="bannerTestimonial">
<div>
<img src="{{ asset('upload/images/'~home.testimonialImageName) }}" alt="">
</div>
<div>
<div>{{ source('svg/icons/icon-quote.svg') }}</div>
<div>
<blockquote>
{{ home.testimonialCitation|replace({'<em>':'<span>', '</em>':'</span>'})|raw }}
</blockquote>
</div>
</div>
</div>
{% elseif strate == 'citation' %}
{% for citation in home.citations %}
<div class="banner-citation">
<div class="banner-citation__inner">
<div>
<div class="banner-citation__img-wrapper">
<img src="{{ asset('upload/images/'~citation.elu.picture) }}" width="140" height="auto" alt="">
</div>
</div>
<div>
<div>{{ source('svg/icons/icon-quote.svg') }}</div>
<div>
<blockquote>
<p>{{ citation.citation }}</p>
<span>{{ citation.elu.firstName~' '~citation.elu.lastName }}, {{ citation.elu.shortDescription }}</span>
</blockquote>
</div>
</div>
</div>
</div>
{% endfor %}
{% elseif strate == 'nordinfo' %}
{% if nordinfo_rss|length > 0 %}
<div class="containerGridPosts --nordInfo">
<div class="container">
<h2 class="__titleImg"><img src="{{ asset('img/logos/logo-block-nord-info.svg') }}" alt="Nord Info"></h2>
<ul class="gridPosts">
{% for post in nordinfo_rss %}
<li class="__col">
{{ include('Lenord/Main/parts/item-post.html.twig') }}
</li>
{% endfor %}
<li class="__col">
<a target="_blank" href="https://info.lenord.fr" class="__btnLoadMore" title="Toute l'info">
<div class="__inner">
<div>
<div>{{ source('svg/icons/icon-plus.svg') }}</div>
<div><p><span class="__text">Toute l'info</span> <span
class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span></p></div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
{% endif %}
{% elseif strate == 'services' %}
<div class="containerGridPosts --nordServices">
<div class="container">
<h2 class="__titleImg"><img src="{{ asset('img/logos/logo-block-nord-services.svg') }}" alt="Nord Services">
</h2>
<ul class="gridPosts --services">
{% set array_already_added = [] %}
{% set compteur = 0 %}
{% for service in home_service.services|slice(0, 7) %}
{% set array_already_added = array_already_added|merge([service.id]) %}
<li class="__col">
{% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'services', 'title': service.titre, 'url': path('services_detail_service', {'slug':service.aliasUrl })} %}
</li>
{% set compteur = compteur + 1 %}
{% endfor %}
{% for service in services_forcomplete %}
{% if service.id not in array_already_added and compteur < 7 %}
<li class="__col">
{% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'services', 'title': service.titre, 'url': path('services_detail_service', {'slug':service.aliasUrl })} %}
</li>
{% set compteur = compteur + 1 %}
{% endif %}
{% endfor %}
<li class="__col">
<a target="_blank" href="{{ path('services_home') }}" class="__btnLoadMore --nordServices"
title="Tous les services">
<div class="__inner">
<div>
<div>{{ source('svg/icons/icon-plus.svg') }}</div>
<div><p><span class="__text">Tous les services</span> <span
class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span></p></div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
{% elseif strate == 'evasion' %}
<div class="containerGridPosts --nordEvasion">
<div class="container">
<h2 class="__titleImg"><img src="{{ asset('img/logos/logo-block-nord-evasion.svg') }}" alt="Nord Évasion">
</h2>
<ul class="gridPosts">
<li class="__col">
{% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'evasion', 'title': home.getNordEvasionLibelle1(), 'url':home.getNordEvasionUrl1(), 'src_image': asset('upload/images/' ~ home.getNordEvasionImage1())} %}
</li>
<li class="__col">
{% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'evasion', 'title': home.getNordEvasionLibelle2(), 'url':home.getNordEvasionUrl2(), 'src_image': asset('upload/images/' ~ home.getNordEvasionImage2())} %}
</li>
<li class="__col">
{% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'evasion', 'title': home.getNordEvasionLibelle3(), 'url':home.getNordEvasionUrl3(), 'src_image': asset('upload/images/' ~ home.getNordEvasionImage3())} %}
</li>
<li class="__col">
<a target="_blank" href="https://evasion.lenord.fr" class="__btnLoadMore --nordEvasion"
title="Toutes les idées loisirs">
<div class="__inner">
<div>
<div>{{ source('svg/icons/icon-plus.svg') }}</div>
<div><p><span class="__text">Toutes les idées loisirs</span> <span
class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span></p></div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
{% elseif strate == 'cartographie' %}
<ul class="rowCartDoc">
<li class="rowCartDoc__col">
<a href="{{ path('cartographie') }}">
<img src="{{ asset('img/cartographie.jpg') }}" alt="" aria-hidden="true">
<div>
<div>
<img src="{{ asset('img/icon-carte.png') }}" alt="" aria-hidden="true">
</div>
<div>
<p>Cartographie</p>
<p>Chercher un lieu</p>
</div>
</div>
</a>
</li>
<li class="rowCartDoc__col">
<a href="{{ path('espacedoc') }}">
<img src="{{ asset('img/documents.jpg') }}" alt="" aria-hidden="true">
<div>
<div>
<img src="{{ asset('img/icon-doc.png') }}" alt="" aria-hidden="true">
</div>
<div>
<p>Espace documentaire</p>
<p>Chercher un document</p>
</div>
</div>
</a>
</li>
</ul>
{% elseif strate == 'magazine' %}
<div class="bannerMagazine">
<img src="{{ asset("upload/images/" ~ home.getMagazineImageName()) }}" alt="">
<a href="{{ home.getMagazineUrl() }}" target="_self" class="bannerMagazine__inner">
<div>
<img src="{{ asset("upload/images/" ~ home.getMagazineVignetteName()) }}" alt="">
</div>
<div>
<h2>{{ home.getMagazineTitre() }}</h2>
<p>{{ home.getMagazineChapo() }}</p>
<span>Découvrir les articles sur info.lenord.fr</span>
</div>
</a>
</div>
{% elseif strate == 'html1' %}
<div class="containerHtml">
<div class="container">
{{ home.getContentHtml()|raw }}
</div>
</div>
{% elseif strate == 'html2' %}
<div class="containerHtml">
<div class="container">
{{ home.getContentHtml2()|raw }}
</div>
</div>
{% elseif strate == 'html3' %}
<div class="containerHtml">
<div class="container">
{{ home.getContentHtml3()|raw }}
</div>
</div>
{% elseif strate == 'html4' %}
<div class="containerHtml">
<div class="container">
{{ home.getContentHtml4()|raw }}
</div>
</div>
{% endif %}
{% endfor %}
</main>
{% endblock %}
{% block footer_top %}
{% if sites is defined %}
{% include 'Nordinfo/Main/parts/our-websites.html.twig' %}
{% endif %}
{% endblock %}