{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_inner_container %}
<div class="footer-main-container">
{{ parent() }}
{% endblock %}
{% block layout_footer_navigation %}
<div class="footer-logo">
<a href="#"><img src="/bundles/schrammtheme/footer-logo.svg" /></a>
</div>
{{ parent() }}
{% endblock %}
{% block layout_footer_bottom %}
</div>
<div class="footer-bottom">
<div class="container">
{% block layout_footer_copyright %}
<div class="footer-copyright">
{{ "footer.copyrightInfo"|trans|sw_sanitize }}
</div>
{% endblock %}
{% block layout_footer_vat %}
<div class="footer-vat">
{% if context.taxState == "gross" %}
<p>
{{ "footer.includeVat"|trans({
'%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
})|raw }}
</p>
{% else %}
<p>
{{ "footer.excludeVat"|trans({
'%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
})|raw }}
</p>
{% endif %}
</div>
{% endblock %}
</div>
</div>
{% endblock %}
{% block layout_footer_navigation_hotline %}
<div class="col-md footer-column 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' %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_hotline_content %}
<div id="collapseFooterHotline"
class="footer-column-content collapse js-footer-column-content footer-contact"
aria-labelledby="collapseFooterHotlineTitle">
<div class="footer-column-content-inner">
<p class="footer-contact-hotline">
{{ 'footer.serviceHotline'|trans|sw_sanitize }}
</p>
</div>
<div class="footer-contact-form">
{{ 'footer.serviceContactLink'|trans({
'%url%': path('frontend.cms.page', { id: 'e9bfd98df4c64c538eecfc42ec1f853d' })
})|raw }}
</div>
</div>
<div class="footer-column-headline">{{ "account.paymentTitle"|trans|sw_sanitize }}</div>
<div class="footer-payment-methods">
<div class="footer-payment-method-1"></div>
<div class="footer-payment-method-2"></div>
<div class="footer-payment-method-3"></div>
<div class="footer-payment-method-4"></div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_column %}
<div class="col-md-4 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' %}
</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 %}
{# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer-link-item">
{% block layout_footer_navigation_information_link %}
{% if category.type == 'folder' %}
<div>{{ name }}</div>
{% else %}
<a class="footer-link"
href="{{ category_url(category) }}"
{% if category_linknewtab(category) %}target="_blank"{% endif %}
title="{{ name }}">
{{ name }}
</a>
{% endif %}
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_columns %}
<div class="col-md-7">
<div class="row">
{{ parent() }}
<div class="col-md-4 footer-cloumn js-footer-column">
<img class="flex-logo" src="{{ asset('bundles/schrammtheme/flex-logo.png', 'asset') }}">
</div>
</div>
</div>
<div class="col-md footer-column js-footer-column">
<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 }}
">
{{ 'showroom.title'|trans|sw_sanitize }}</div>
<div class="showroom-description">
{{ 'showroom.description'|trans|sw_sanitize }}
</div>
<a class="btn btn-block btn-buy showroom-button" href="{{ 'links.showRoomLink'|trans }}">
{{ 'showroom.button'|trans|sw_sanitize }}
</a>
<div class="showroom-image">
<img src="/bundles/schrammtheme/showroom_image.jpeg" />
</div>
</div>
{% endblock %}