{# this file is a modified version of storefront/element/cms-element-form/form-types/newsletter-form.html.twig #}
<div class="cms-block">
<div class="cms-element-form mb-2 mb-md-0">
{# trigger on form: if cookie od-klaviyo-track-allow set remove form #}
<div class="klaviyo-form-XuNmFv"></div>
<form action="{{ path(action) }}"
method="post"
data-form-csrf-handler="true"
data-form-validation="true"
id="newsletter-sign-up-form">
<select name="option"
id="newsletterAction"
required="required"
class="custom-select d-none"
data-form-field-toggle-value="subscribe">
<option selected="selected"
value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}">
{{ "newsletter.subscribeOption"|trans }}
</option>
<option value="{{ constant('Shopware\\Storefront\\Controller\\FormController::UNSUBSCRIBE') }}">
{{ "newsletter.unsubscribeOption"|trans }}
</option>
</select>
<div class="grimm-footer-newsletter-inner d-flex flex-row flex-grow-1">
{% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-input.html.twig'
with {
fieldName: 'email',
type: 'email',
required: true,
additionalClass: 'grimm-footer-newsletter-input',
placeholder: 'footer.newsletter.placeholder'
}
%}
<button type="submit" class="btn btn-light grimm-footer-newsletter-submit align-items-center">
{% sw_icon 'pfeil_newsletter' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
</button>
</div>
{% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { 'captchas': config('core.basicInformation.activeCaptchas') } %}
{% block cms_form_newsletter_hidden_fields %}
<div class="form-hidden-fields">
{% block cms_form_newsletter_csrf %}
{{ sw_csrf(action) }}
{% endblock %}
<input type="submit" class="submit--hidden d-none" />
</div>
{% endblock %}
</form>
</div>
</div>