{% extends 'Nordinfo/Main/base.html.twig' %}
{% set show_btt = true %}
{% block title %}{{ post.titre }} - Nord Info{% endblock %}
{% block body_class %}{% if post.slug == 'infolettre' %}body-signaler bgColorGrey{% endif %}{% endblock %}
{% block header_epingles %}
{{ include('Lenord/Main/parts/epingles.html.twig') }}
{% endblock %}
{% block header_breadcrumb %}
{{ include('Nordinfo/Main/parts/breadcrumb.html.twig') }}
{% endblock %}
{% block body %}
<main role="main" class="mainContent pt-0 pb-5" id="mainContent" tabindex="-1">
{% if referer is not null %}
{% set url_back = referer %}
{% else %}
{% set url_back = path('info') %}
{% endif %}
{% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':''} %}
<div class="container pt-5 pb-5">
<article class="pt-5 pb-6">
<h1 class="text-center">{{ post.titre }}</h1>
{% if post.slug == 'infolettre' %}
<div style="text-align:center;">
<img src="{{ asset('img/logos/logo-departement.png') }}" width="300px" height="121.5px" alt="">
</div>
{% endif %}
{% if post.metaDescription is defined and post.metaDescription|length > 0 %}
<p class="font-weight-bold">{{ post.metaDescription }}</p>
{% endif %}
{% if post.slug == 'infolettre' %}
<div class="pt-5">
<p>
<strong>Recevez toutes les deux semaines une sélection d’actualités, de services et d’idées sorties qui font le Nord.</strong>
</p>
<p>
Pour vous abonner à l’infolettre du Département, merci de remplir ce formulaire. Votre courriel est nécessaire pour la gestion de votre abonnement à cette infolettre et sera conservé jusqu'à désabonnement. Les destinataires des données sont exclusivement les services du Département du Nord.
</p>
<p>
<a href="https://info.lenord.fr/pages-legales/infolettre-gestion-des-donnees-personnelles">Plus d'information sur la protection de vos données personnelles</a>
</p>
<p>
Vous pourrez vous désabonner à tout moment en cliquant sur le lien de désinscription à la fin des courriels reçus.
</p>
<p class="text-center pt-5 pb-5">Les champs suivis d'un astérisque (<span class="colorRed">*</span>)
sont obligatoires</p>
<form id="sb_form"
onsubmit="process2(
'https://services.sarbacane.com/core/v1/forms/contacts/upsert?listID=-g2yvIUSR922trAcpGyU4w&formID=um8Emb-2R425t5Y8RZ45VQ&timezone=Europe/Paris', 'https://forms.sbc30.net/', '61782104b95cee62596eb989', 'true', 'message',
'', 'https://services.sarbacane.com/core/v1/transactional/sendmessage/optin', 'Merci', 'Votre demande d%27inscription a bien été prise en compte',
'Vous allez recevoir un courriel de confirmation', 'Vous devrez cliquer sur le lien de confirmation pour valider votre inscription', 'Erreur',
'Une erreur inattendue s%27est produite.', 'Le formulaire est en cours d%27édition, veuillez patienter quelques minutes avant d%27essayer à nouveau.', 'um8Emb-2R425t5Y8RZ45VQ',
'FR', 'Sarbacane'
);
return false;"
method="post" class="formCustom">
<div class="form-group">
<div class="__input-wrapper _select">
<div class="__inner">
<label id="label-EMAIL_ID" for="input-email">
<span class="label-text">Courriel (<span class="font-italic">adresse@domaine.com</span>)</span>
<span class="colorRed" id="form-mandatory">*</span>
</label>
<input class="form-control" id="input-email" type="email" autocomplete="email" name="email" required="true" sb-form-input>
</div>
</div>
</div>
<div class="form-group">
<div class="__input-wrapper _select">
<div class="__inner">
<label id="label-katr5r7gyoufxryllymkq" for="input-katr5r7gyoufxryllymkq">
<span class="label-text" id="form-mandatory">Année de naissance</span>
<span class="colorRed" id="form-mandatory">*</span>
</label>
<input class="form-control" id="input-katr5r7gyoufxryllymkq" type="number" min="1900" max="2019" autocomplete="bday-year"
name="katr5r7gyoufxryllymkq" required="true" sb-form-input>
</div>
</div>
</div>
<div class="form-group">
<div class="__input-wrapper _select">
<div class="__inner">
<label id="label-2nkysb7a0i56zv9cxv435c" for="input-2nkysb7a0i56zv9cxv435c">
<span class="label-text" id="form-mandatory">Code postal</span>
<span class="colorRed" id="form-mandatory">*</span>
</label>
<input class="form-control" id="input-2nkysb7a0i56zv9cxv435c" type="number" max="99999" autocomplete="postal-code"
name="2nkysb7a0i56zv9cxv435c" required="true" sb-form-input>
</div>
</div>
</div>
<div class="__buttons-wrapper" id="div-submitInput">
<button class="btn btnFormSubmit" id="submitInput" type="submit" value="Valider">
<span>VALIDER</span>
</button>
<div class="loader" style="display:none"></div>
</div>
</form>
<script type="text/javascript" src="https://forms.sbc30.net/form.js"></script>
</div>
{% else %}
<div class="containerContent">{{ post.content|raw }}</div>
{% endif %}
</article>
<div class="pT pB">
{% if is_preview != 1 %}
{% include 'Nordinfo/Main/parts/article-actions.html.twig' with {'post_title':post.titre, 'post_id':post.id, 'hide_favorite':true} %}
{% endif %}
</div>
</div>
</main>
{% endblock %}