{% block ssik_newsletter_form %}
    <div class="newsletter-form">
        <div class="cms-block">
            <div class="cms-element-form">
                <div class="footer-column-headline footer-headline">
                    {{ 'ssik.footer.newsletter.title'|trans|sw_sanitize }}
                </div>
                {% block ssik_newsletter_form_inner %}
                    <form class="newsletter-form-main" action="{{ path('frontend.form.newsletter.register.handle') }}"
                        method="post"
                        data-form-csrf-handler="true"
                        data-form-validation="true">

                        {% set formViolations = app.request.get('errors') %}

                        <input type="hidden" name="option" value="subscribe"/>
                        <input type="submit" class="submit--hidden d-none">

                        <div class="newsletter-form-body">
                            <div class="newsletter-form-body-input">
                                <label class="sr-only" for="footerNewsletterMail">{{ "account.personalMailPlaceholder"|trans }}{{ "general.required"|trans }}</label>
                                <input name="email"
                                    type="email"
                                    id="footerNewsletterMail"
                                    placeholder="{{ "account.personalMailPlaceholder"|trans }}{{ "general.required"|trans }}"
                                    required="required"
                                    value="{{ data.get('email') }}"
                                    class="form-control newsletter-form-input {% if formViolations.getViolations('/email') %} is-invalid{% endif %}"
                                    aria-describedby="footerNewsletterMailHelp"/>
                            </div>
                            <div class="newsletter-form-body-button">
                                <button type="submit" class="btn btn-primary btn-block newsletter-form-submit">{{ 'ssik.footer.newsletter.submit'|trans|sw_sanitize }}</button>
                            </div>
                        </div>
                        <small id="footerNewsletterMailHelp" class="form-text">{{ 'ssik.footer.newsletter.helptext'|trans|sw_sanitize }}</small>

                        <div id="newsletter-captcha" class="collapse">
                            {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { additionalClass : 'newsletter-form-captcha'} %}
                        </div>


                    </form>
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}