{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{# Logo column wihtout icon #}
{% block layout_footer_navigation_hotline_content %}
<div class="mb-4 mb-md-0" id="collapseFooterHotline">
{% block layout_footer_navigation_logos %}
<div class="footer-column-support-logos"></div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_hotline_headline %}
{# Add aria role and ID #}
<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"
role="heading">
{# No flyout #}
{{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
</div>
{% endblock %}
{# Logo column wihtout icon #}
{% block layout_footer_navigation_hotline_icons %}{% endblock %}
{# Column offset right #}
{% block layout_footer_navigation_columns %}
<div class="col-md-8 col-xl-6">
<div class="row">
{{ parent() }}
</div>
</div>
{% endblock %}
{# Copyright inline #}
{% block layout_footer_payment_shipping_logos %}
<p class="mt-3 mt-md-0 small">
{% sw_include '@Storefront/storefront/layout/footer/elements/copyright.html.twig' %}
</p>
{% endblock %}
{# Hide footer line #}
{% block layout_footer_bottom %}{% endblock %}
{# Fix validation error on aria labels and roles #}
{% 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 }}"
role="heading"
>
{# Add ID #}
<span id="collapseFooterTitle{{ 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 %}
</span>
{# No changes #}
{% 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 %}