{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_navigation %}
<div id="footerColumnsLogo"
class="row footer-columns footer-logo-row">
{% block layout_footer_logo %}
<div class="col-md-12 footer-column`">
<a class="footer-logo-main-link"
href="{{ path('frontend.home.page') }}"
title="{{ "header.logoLink"|trans|striptags }}">
{% block layout_header_footer_image %}
<picture>
{% block layout_header_footer_image_default %}
{% if theme_config('sw-footer-logo') %}
<img src="{{ theme_config('sw-footer-logo') |sw_encode_url }}"
alt="{{ "header.logoLink"|trans|striptags }}"
class="img-fluid header-logo-main-img"/>
{% endif %}
{% endblock %}
</picture>
{% endblock %}
</a>
</div>
{% endblock %}
</div>
<div id="footerColumns"
class="row footer-columns"
data-collapse-footer="true">
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-md-3 footer-column js-footer-column">
{% block layout_footer_navigation_information_headline %}
<div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
data-target="#collapseFooterTitle{{ loop.index }}"
aria-expanded="true"
aria-controls="collapseFooter{{ loop.index }}">
{% if root.category.type == 'folder' %}
{{ root.category.translated.name }}
{% else %}
<a href="{{ category_url(root.category) }}"
{% if category_linknewtab(root.category) %}target="_blank"{% endif %}
title="{{ root.category.translated.name }}">
{{ root.category.translated.name }}
</a>
{% endif %}
{% block layout_footer_navigation_information_icons %}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' style { 'pack': 'feather' } %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' style { 'pack': 'feather' } %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_information_content %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
{% block layout_footer_navigation_newsletter %}
<div class="col-md-3 footer-column js-footer-column footer-newsletter">
{% block layout_footer_navigation_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">
{{ 'footer.newsletterHeadline'|trans|sw_sanitize }}
{% block layout_footer_navigation_newsletter_icons %}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' style { 'pack': 'feather' } %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' style { 'pack': 'feather' } %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_newsletter_content %}
<div id="collapseFooterNewsletter"
class="footer-column-content collapse js-footer-column-content footer-column-newsletter"
aria-labelledby="collapseFooterNewsletterTitle">
<div class="footer-column-content-inner">
{% block layout_footer_navigation_newsletter_form %}
<div class="footer-newsletter-form">
{% block layout_footer_navigation_newsletter_header %}
<p class="footer-newsletter-info">
{{ 'footer.newsletterInfo'|trans({
'%shopname%': config('core.basicInformation.shopName')
})|sw_sanitize }}
</p>
{% endblock %}
{# cms classes are needed for js #}
<div class="cms-block">
<div class="cms-element-form">
{% block layout_footer_navigation_newsletter_form_element %}
<form action="{{ path('frontend.form.newsletter.register.handle') }}"
method="post"
data-form-csrf-handler="true"
data-form-validation="true">
{% block layout_footer_navigation_newsletter_form_content %}
<div class="form-content">
{% block layout_footer_navigation_newsletter_form_email %}
<div class="input-group mb-3">
<input name="email"
type="email"
class="form-control"
placeholder="{{ 'newsletter.placeholderMail'|trans }}"
aria-label="{{ 'newsletter.placeholderMail'|trans }}"
aria-describedby="footerNewsletterBtnAddon">
<div class="input-group-append">
<button class="btn btn-light"
type="button"
title="{{ 'newsletter.formSubmit'|trans|striptags }}"
id="footerNewsletterBtnAddon">
{% sw_icon 'mail' style { 'pack': 'feather', 'size': 'sm' } %}
</button>
</div>
</div>
{% endblock %}
<div class="footer-newsletter-captcha-wrapper">
{% sw_include '@Storefront/storefront/component/captcha/base.html.twig'
with {
'captchas': config('core.basicInformation.activeCaptchasV2'),
'additionalClass' : 'col-md-4',
'formId': 'newsletter-form'
}
%}
</div>
{% block layout_footer_navigation_newsletter_form_privacy %}
{% sw_include '@Storefront/storefront/component/privacy-notice.html.twig' %}
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_newsletter_form_hidden_fields %}
<div class="form-hidden-fields">
<input type="hidden"
value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}"
name="option">
{{ sw_csrf('frontend.form.newsletter.register.handle') }}
<input type="submit" class="submit--hidden d-none"/>
</div>
{% endblock %}
</form>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_hotline %}
<div class="col-md-3 footer-column footer-column-hotline js-footer-column">
{% block layout_footer_navigation_hotline_headline %}
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
id="collapseFooterHotlineTitle"
data-target="#collapseFooterHotline"
aria-expanded="true"
aria-controls="collapseFooterHotline">
{{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
{% block layout_footer_navigation_hotline_icons %}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' style { 'pack': 'feather' } %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' style { 'pack': 'feather' } %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_hotline_content %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_bottom %}
<div class="footer-bottom">
{% block layout_footer_service_menu %}
{{ parent() }}
{% endblock %}
<div class="container">
<div class="row align-items-center">
{% block layout_footer_vat %}
<div class="col-12 col-md-6">
{{ parent() }}
</div>
{% endblock %}
{% block layout_footer_copyright %}
<div class="col-12 col-md-6">
<div class="footer-copyright">
{{ "footer.copyrightInfo"|trans|sw_sanitize }}
</div>
</div>
{% endblock %}
</div>
</div>
</div>
{% endblock %}