{# ThemeWare: Footer-Element "Newsletter" container #}
{# Create footer column and include newsletter widget/content #}

{# TODO: prüfen... #}
{# TODO: Kommentare prüfen, ergänzen... #}
{# TODO: footer-elements zusammenfassen (sh. twt-sidebar-widgets) #}

{% block twt_layout_footer_newsletter %}
	{# ThemeWare: Set classes #}
	{% set blockClasses = ['footer-column', 'footer-column-newsletter'] %}

	{# ThemeWare: Check/add class "last" #}
	{% if last == true %}
		{% set blockClasses = ['last']|merge(blockClasses) %}
	{% endif %}

	{# ThemeWare: Add class element number #}
	{% set blockClasses = ['twt-element-' ~ elementid, 'twt-element-newsletter']|merge(blockClasses) %}
	
	{# ThemeWare: Check/add class custom column #}
	{% if newcol == "2" %}
		{% set blockClasses = ['col-md-12']|merge(blockClasses) %}
	{% elseif newcol == "3" %}
		{% set blockClasses = ['col-md-6']|merge(blockClasses) %}
	{% else %}
		{# ThemeWare: Check/add class column for tablet #}
		{% if columns == columnsTablet %}
			{% set blockClasses = ['col-md-' ~ columns]|merge(blockClasses) %}
		{% else %}
			{% set blockClasses = ['col-xl-' ~ columns, 'col-md-' ~ columnsTablet]|merge(blockClasses) %}
		{% endif %}
	{% endif %}

	{# ThemeWare: Check/add class toggle icon #}
	{% if toggle == "3" %}
		{% set blockClasses = ['js-footer-column']|merge(blockClasses) %}
	{% endif %}

	{# TODO: add block "container" #}
	<div class="{{ blockClasses|join(' ') }}">
		{% block twt_layout_footer_newsletter_headline %}
			<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterNewsletterTitle" data-target="#collapseFooterNewsletter" aria-expanded="true" aria-controls="collapseFooterNewsletter">
				{{ "twt.widget.newsletter.headline"|trans|sw_sanitize }}
				{% block twt_layout_footer_newsletter_icons %}
					{% if toggle == "3" %}
						<div class="footer-column-toggle">
							<span class="footer-plus-icon">
								{% sw_icon 'plus' %}
							</span>
							<span class="footer-minus-icon">
								{% sw_icon 'minus' %}
							</span>
						</div>
					{% endif %}
				{% endblock %}
			</div>
		{% endblock %}

		{% block twt_layout_footer_newsletter_content %}
			<div id="collapseFooterNewsletter" class="footer-column-content {% if toggle == "3" %}collapse js-footer-column-content {% endif %}" aria-labelledby="collapseFooterNewsletterTitle">
				<div class="footer-column-content-inner">
					<p class="newsletter-inner-text">{{ "twt.widget.newsletter.content"|trans }}</p>
					<div class="cms-block cms-block-form">
						<div class="cms-element-form">
							{% block element_form_newsletter_form_form %}
								<form action="{{ path('frontend.form.newsletter.register.handle') }}" method="post" data-form-csrf-handler="true" data-form-validation="true">
									<div class="form-content">
										<div class="row mb-2 ml-0 mr-0">
											{% block cms_form_newsletter_input_email %}
												<div class="twt-footer-column-newsletter-input-email">
													{% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-input.html.twig' with {
														fieldName: 'email',
														type: 'email',
														required: true,
														label: 'newsletter.labelMail',
														placeholder: 'newsletter.placeholderMail'
													} %}
												</div>
											{% endblock %}
											{% block cms_form_newsletter_submit %}
												{% block cms_form_submit %}
													<button type="submit" aria-label="Submit" class="btn btn-primary">
														{% sw_icon 'arrow-head-right' %}
													</button>
												{% endblock %}
											{% endblock %}
										</div>

										{# TODO: 6.4.2.0 Check new captcha... #}
										{% block cms_form_newsletter_captcha %}
											{% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with {
												additionalClass : 'col-md-4'
											} %}
										{% endblock %}

										{% block cms_form_newsletter_privacy %}
											<div class="twt-footer-column-newsletter-privacy">
												{% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-privacy.html.twig' %}
											</div>
										{% endblock %}

										{#% block cms_form_newsletter_required_fields_info %}{% endblock %#}
									</div>

									{% block cms_form_newsletter_hidden_fields %}
										<div class="form-hidden-fields">
											{% block cms_form_newsletter_csrf %}
												{{ sw_csrf('frontend.form.newsletter.register.handle') }}
											{% endblock %}

											<input type="hidden" name="option" value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}">

											<input type="submit" class="submit--hidden d-none" />
										</div>
									{% endblock %}
								</form>
							{% endblock %}
						</div>
					</div>
				</div>
			</div>
		{% endblock %}
	</div>
{% endblock %}