{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_inner_container %}
<div class="container">
{% block layout_footer_navigation %}
<div id="footerColumns"
class="row footer-columns"
data-collapse-footer="true">
{% block layout_footer_navigation_hotline %}
{% endblock %}
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-md-2 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 }}">
{{ root.category.translated.name }}
{% block layout_footer_navigation_information_icons %}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_information_content %}
<div id="collapseFooter{{ loop.index }}"
class="footer-column-content collapse js-footer-column-content"
aria-labelledby="collapseFooterTitle{{ loop.index }}">
<div class="footer-column-content-inner">
{% block layout_footer_navigation_information_links %}
<ul class="list-unstyled">
{% for treeItem in root.children %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer-link-item">
{% block layout_footer_navigation_information_link %}
<a class="footer-link"
href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
title="{{ name }}">
{{ name }}
</a>
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
<div class="wabs-footer-logo-column">
<div class="footer-column-headline wabs-footer-column-headline-payment">
{{ "igm.footer.payment-methods-label"|trans }}
</div>
<div class="wabs-footer-logo-list">
{{ block('layout_footer_payment_logos') }}
</div>
<div class="footer-column-headline wabs-footer-column-headline-shipping">
{{ "igm.footer.shipping-methods-label"|trans }}
</div>
<div class="wabs-footer-logo-list">
{{ block('layout_footer_shipping_logos') }}
</div>
</div>
<div class="d-block w-100" style="padding-left:20px;padding-right:20px">
<p class="wabs-footer-infotext">{{ "igm.footer.infotext"|trans }}</p>
</div>
</div>
{% endblock %}
{% block layout_footer_bottom %}
<div class="footer-bottom wabs-footer-bottom">
<span>{{ "igm.footer.text.1"|trans }}</span>
<span>{{ "igm.footer.text.2"|trans }}</span>
<span>{{ "igm.footer.text.3"|trans }}</span>
</div>
{% endblock %}
</div>
{% endblock %}