{# Subscribe form #}
{# {{ include('@NotarisFrontend/Module/sidenav.html.twig') }} #}
{# <div id="content-center" class="content-center-large {{ subsite.stylesheet }}"> #}
<article class="c-newsletter u-padding-small">
<header class="c-newsletter__header">
<h4 class="u-h3 u-margin-bottom-tiny">
{{ 'nw_inschrijven' | trans }}
</h4>
</header>
<div class="c-newsletter__content js-newsletter">
<p class="u-margin-top-small u-margin-bottom-small">{{ 'nw_inschrijven_intro' | trans }}</p>
{# //TODO[fabian] ik heb hier een link aan toegevoegd, kan je de ruimte tussen de velden verbeteren? #}
<form method="post" action="" data-action="{{ path('notaris_frontend_news_newsletter_subscribe') }}" data-locale="{{ locale }}">
<fieldset>
<input type="hidden" name="_token" id="_token" class="js-token" value="{{ csrf_token('') }}">
<input type="text" name="email" id="newsletter-input" placeholder="{{ 'nw_placeholder_email' | trans }}" size="25" maxlength="255" class="c-input u-margin-bottom-small js-input-email"/><br />
<p class="c-error c-error--block js-email-error" for="email" id="newsletter-error">{{ 'nw_error_email' | trans }}</p>
{#<input type="text" name="naam" id="newsletter-ninput" placeholder="{{ 'nw_placelholder_naam' | trans }}" size="25" maxlength="255" class="c-input u-margin-bottom-small js-input-name"/><br />#}
{#<p class="c-error c-error--block js-name-error" for="naam">{{ 'nw_error_naam' | trans }}</p>#}
<button id="newsletter-submit" type="submit" class="c-btn c-btn--primary c-btn--small c-btn--full js-submit-subscription">
{{ 'nw_btn_verstuur' | trans }}
</button>
</fieldset>
</form>
{% if extralink %}
<p class="u-margin-top-small u-margin-bottom-small">
<a class="" href="{{ path('notaris_frontend_news_newsletter') }}">{{ 'lbl_newsletter_link' | trans }}</a>
</p>
{% endif %}
</div>
<div class="c-newsletter__content c-newsletter__message js-newsletter-thanks" data-msg="{{ 'nw_niewsform_danku' | trans | raw }}"></div>
</article>