{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_inner_container %}
{% block layout_footer_navigation %}
{% block layout_footer_brands %}
<div class="footer-logos container footer-bg-white">
<div class="w-100 js-footer-column">
<div class="footer-column-headline footer-headline">
<span class="dot">{{ 'footer.ourBrands'|trans|sw_sanitize }}</span>
</div>
<div class="footer-column-content">
<div class="footer-icons-list is-brand mb-lg-4 mb-3">
{% for icon in page.footer.extensions.footer_icons.brands %}
{% if icon.url %}
<a class="footer-icon-logo is-brand" href="{{ icon.url }}" title="{{ icon.name }}" target="{{ icon.target }}" {% if icon.rel %} rel="{{ icon.rel }}" {% endif %}>
{% sw_thumbnails 'cr-orion-icon' with {
media: icon.media,
alt: icon.alt,
title: icon.name
} %}
</a>
{% else %}
<div class="footer-icon-logo is-brand">
{% sw_thumbnails 'social-icon' with {
media: icon.media
} %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="w-100 js-footer-column">
<div class="footer-column-headline footer-headline pt-0">
<span class="dot">{{ 'footer.ourSites'|trans|sw_sanitize }}</span>
</div>
<div class="footer-column-content">
<div class="footer-icons-list is-brand mb-lg-4 mb-3">
<div class="footer-icon-logo is-brand is-future-laboratory">
<a href="https://www.laboratoriaprzyszlosci.edu.pl/" title="Laboratoria przyszłości" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/logo-laboratoria-przyszlosci.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="https://rezerwaoswiatowa.pl/" title="Rezerwa Oświatowa" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/rezerwaoswiatowa.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand is-active-board">
<a href="https://aktywnatablicaprojekt.pl/" title="Aktywna tablica" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/aktywna-tablica.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="https://konferencje.edu.pl/" title="bambino konferencje" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/bambino-konferencje.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="http://akademiabambino.pl/" title="akademia bambino" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/akademia-bambino.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="https://www.integracjasensorycznasi.pl/" title="integracja sensoryczna" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/integracja-sensoryczna.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="http://streamedukacja.pl/" title="stream edukacja" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/stream-edukacja.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="https://meblequadro.pl/" title="kolekcja quadro" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/kolekcja-quadro.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand">
<a href="https://mebleflexi.pl/" title="Flexi kolekcja" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/flexi-kolekcja.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
<div class="footer-icon-logo is-brand is-grande">
<a href="https://meblegrande.pl/" title="Meble Grande" target="_blank">
<img src="{{ asset('/bundles/crehlermojebambinoengine/storefront/img/logo-grande.png', 'asset') }}" alt="logo marki"/>
</a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
<div class="footer-bg-gray">
<div class="container">
<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-lg-3 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 }}">
<span class="dot">{{ root.category.translated.name }}</span>
{% block layout_footer_navigation_information_icons %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_information_content %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
{% block layout_footer_navigation_hotline %}
<div class="col-lg-3 col-md-12 footer-column js-footer-column">
<div class="d-none d-md-block d-lg-none d-xl-none"><hr></div>
{% 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">
<span class="dot">{{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}</span>
{% block layout_footer_navigation_hotline_icons %}
{{ parent() }}
{% 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="row">
<div class="col-lg-12 col-md-8">
<p class="footer-contact-hotline footer-column-content-inner">
{{ 'footer.serviceHotline'|trans|sw_sanitize }}
</p>
</div>
<div class="col-lg-12 col-md-4 mt-auto footer-contact-form mb-4">
<div>
<a href="{{ 'footer.contactConsultantsLink'|trans|sw_sanitize }}" class="btn btn-sm btn-yellow btn-secondary">
{{ 'footer.contactConsultants'|trans|sw_sanitize }} {% sw_icon 'arrow-medium-right' %}
</a>
</div>
<div>
<a href="{{ 'footer.contactCustomerServiceLink'|trans|sw_sanitize }}" class="btn btn-sm btn-turquoise btn-secondary mt-2">
{{ 'footer.contactCustomerService'|trans|sw_sanitize }} {% sw_icon 'arrow-medium-right' %}
</a>
</div>
</div>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
{% block layout_footer_payment_shipping_logos %}
<div class="footer-logos footer-bg-darkgray">
<div class="container">
<div class="row">
{% block layout_footer_newsletter %}
<div class="newsletter-footer col-lg-8 footer-column js-footer-column">
<div class="cms-block">
<div class="footer-column-headline footer-headline js-collapse-footer-column-trigger">
<span class="dot">
{{ "footer.newsletter.title"|trans|sw_sanitize }}
</span>
{% sw_icon 'envelope' %}
</div>
<div class="newsletter-description">
{{ "footer.newsletter.description"|trans|sw_sanitize }}
</div>
<div class="cms-element-form">
{% sw_include '@Storefront/storefront/layout/footer/newsletter-form.html.twig'
with {
action: 'frontend.form.newsletter.register.handle',
submitText: 'footer.newsletter.formSubmit'
} %}
</div>
</div>
</div>
{% endblock %}
{% block layout_footer_social_media %}
<div class="col-lg-3 offset-lg-1 col-sm-6 footer-column js-footer-column">
<hr>
<div class="footer-column-headline footer-headline">
<span class="dot">{{ 'footer.social'|trans|sw_sanitize }}</span>
</div>
<div class="footer-column-content">
<div class="footer-icons-list">
{% for icon in page.footer.extensions.footer_icons.social %}
{% if icon.url %}
<a class="footer-icon-logo is-social" href="{{ icon.url }}" title="{{ icon.name }}" target="{{ icon.target }}" {% if icon.rel %} rel="{{ icon.rel }}" {% endif %}>
{% sw_thumbnails 'cr-orion-icon' with {
media: icon.media,
alt: icon.alt,
title: icon.name
} %}
</a>
{% else %}
<div class="footer-icon-logo is-social">
{% sw_thumbnails 'social-icon' with {
media: icon.media
} %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endblock %}
{% block layout_footer_payment_logos %}
{{ parent() }}
{% endblock %}
{% block layout_footer_shipping_logos %}
{{ parent() }}
{% endblock %}
</div>
</div>
</div>
{% endblock %}
{% block layout_footer_bottom %}
<div class="footer-bottom">
{% block layout_footer_vat %}
{{ parent() }}
{% endblock %}
{% block layout_footer_service_menu %}
{{ parent() }}
{% endblock %}
{% block layout_footer_copyright %}
<div class="footer-copyright">
{{ "footer.copyrightInfo"|trans|sw_sanitize }}
</div>
{% endblock %}
</div>
{% endblock %}
{% endblock %}