{% set customerTypeId = app.request.session.get('customerTypeId') %}
{% set domainId = app.request.session.get('domainId') %}
{% set locale = app.request.locale %}
{% set defaultLocale = app.request.session.get('defaultLocale') %}
{% set isAdminLogin = app.request.session.get('isAdminLogin') %}
{% if mode == 'standard' %}
<footer class="footer">
<div class="container pt-md-5 pt-0 px-0">
<div class="row mx-0 px-0">
{% for key, menu in footerMenu %}
<div class="col-sm-6 col-lg-3 hide-on-sm">
<p class="footer-col-title">{{ menu.title }}</p>
<ul class="footer-menu">
{% for item in menu.items %}
<li><a href="{{ item.href ~ item.filterLink }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endfor %}
<div class="col-sm-6 col-lg-3 hide-on-sm">
<p class="footer-col-title">{{ 'Contact footer'|trans }}</p>
<div class="customer-support mb-1">
<strong><a href="tel:{{ phone_support }}" style="color: unset">{{ phone_support }}</a></strong><br>
<small class="mb-1">({{ 'on workdays' | trans }} 8:00 - 16:30)</small>
</div>
<ul class="footer-menu">
<li><a href="{{ path('contact') }}">{{ 'Contact' | trans }}</a></li>
{% if app.request.locale != 'en' %}
<li><a href="{{ path('partner_login') }}">{{ 'Wholesale' | trans }}</a></li>
<li><a href="{{ instagram_link }}" target="_blank">Instagram</a></li>
<li><a href="{{ facebook_link }}" target="_blank">Facebook</a></li>
{% endif %}
<li><a href="https://www.linkedin.com/company/10046443" target="_blank">LinkedIn</a></li>
{% if defaultLocale == 'hu' %}
<li><a href="https://www.tiktok.com/@furbify.hu" target="_blank">TikTok</a></li>
{% endif %}
</ul>
</div>
<div class="d-sm-block d-md-none w-100 footer-mobile-menu p-0">
<div class="row row-no-padding">
{% for key, menu in footerMenu %}
<div class="col-sm-12">
<a class="collapse-header ps-4 pe-3 collapsed" href="#footer-menu-{{ key }}" data-collapse-content-id="footer-menu-{{ key }}" aria-collapsed="true">
<div class="extend-icon"></div>{{ menu.title -}}
</a>
<div class="collapse-content ps-4 pe-3" id="footer-menu-{{ key }}" style="display:none;">
<ul class="footer-menu">
{% for item in menu.items %}
<li><a href="{{ item.href ~ item.filterLink }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<hr class="mt-0 mt-md-2">
<div class="row footer-logos d-flex align-items-center justify-content-around justify-content-md-center flex-row px-0 mx-0 px-sm-4 px-md-0">
{% set partnerFooterLogoPostfix = '' %}
{% if customerTypeId == 2 %}
{% set partnerFooterLogoPostfix = '-partner' %}
{% endif %}
<div>
<img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/nortonLogo.svg') }}" height="40px" alt="Norton antivirus">
</div>
{% if domainId in [1,3,9,11] %}
<div>
<img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/payment-type-klarna.png') }}" width="auto" alt="Klarna">
</div>
{% endif %}
{% if domainId in [1,3,9] %}
<div>
<img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/milpay_logo_footer.png') }}" width="auto" alt="Milpay">
</div>
{% endif %}
<div>
<img decoding="async" src="{{ asset('theme/images/icon/gopay-logo.svg') }}" alt="GoPay" height="40" class="gopay-logo"/>
</div>
{%- if defaultLocale not in ['en'] -%}
<div>
<a href="https://pastpay.com" target="_blank" title="pastpay.com">
<img decoding="async" src="{{ asset('theme/images/icon/pastpay-logo.svg') }}" alt="PastPay" height="20" class="m-2 pastpay-logo">
</a>
</div>
{%- endif -%}
<div class="visa-logo">
<img decoding="async" src="{{ asset('theme/images/payment-type-card.svg') }}" alt="Visa Mastercard" height="50" class="m-2">
</div>
{% if domainId in [ 1, 2, 5, 9 ] %}
<div class="visa-logo-securecode">
<img loading="lazy" decoding="async" src="{{ asset('theme/images/footer-logo-visa.svg'|appendAssetCache) }}" alt="Master Card Visa" width="210" height="88">
</div>
{% endif %}
<div>
<img loading="lazy" decoding="async" src="{{ asset('theme/images/gls-icon.svg') }}" height="50" alt="GLS">
</div>
{% if domainId in [ 3, 4 ] %}
<div><img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/foxpost_logo.svg'|appendAssetCache) }}" alt="FOXPOST-Packeta Group"></div>
{% endif %}
{%- if defaultLocale not in ['en'] -%}
<div><img loading="lazy" decoding="async" src="{{ asset('theme/images/logo-packeta.svg'|appendAssetCache) }}" class="packeta-logo" alt="Packeta" width="210" height="88"></div>
{% endif %}
{% if domainId in [3,4] %}
<div>
<img loading="lazy" decoding="async" src="{{ asset('theme/images/magyar-posta-icon.svg') }}" height="auto" alt="GLS">
</div>
{% endif %}
</div>
<section class="copyright d-none d-lg-block">
<hr>
<div class="row mx-0 px-0">
<div class="col-md-12 text-center">
<p class="mb-3">{{ 'Footer text checkout' | trans({ 'year': year }) | raw }}</p>
<a href="{{ path('homepage') }}"><img loading="lazy" decoding="async" src="{{ asset('theme/images/furbify-footer-logo.svg') }}" alt="Furbify" width="100" height="25"></a>
</div>
</div>
</section>
<div class="footer-mobile-logo d-block d-md-none text-center">
<hr>
<div class="row mx-0 px-0 mt-3">
<p class="text-center w-100 mb-0 p-0" style="line-height: 1.25;"><small>{{ 'Refurbished computers and monitors by experts. Y-year warranty!' | trans({'year': warrantyYear }) }}</small></p>
<p class="copyright-light text-center p-0 w-100"><small>{{ '© 2013 - %year%' | trans({ '%year%': year }) }} Furbify s.r.o.</small></p>
<a href="{{ path('homepage') }}" class="footer-logo furbify text-center w-100"><img loading="lazy" decoding="async" src="{{ asset('theme/images/furbify-footer-logo.svg') }}" alt="Furbify" width="150" height="30" /></a>
</div>
</div>
</div>
</footer>
<div id="modal-compare" class="position-fixed w-100" data-action-add="{{ path('product_compare_add') }}" data-action-remove="{{ path('product_compare_remove') }}" data-action-fetch="{{ path('product_compare_fetch') }}" data-loading="{{ 'Loading' |trans }}" data-precision="{{ precision }}" data-currency="{{ currency }}">
<div class="container">
<div class="d-flex align-items-center flex-wrap">
<div class="ms-xxl-auto button">
<a href="{{ path('product_compare_' ~ app.request.locale)}}" class="btn btn-secondary d-flex justify-content-center justify-content-md-none align-items-center">
<span class="m-auto">{{ 'Compare' |trans }}</span>
<i class="fas fa-long-arrow-right ms-auto ms-md-2 me-0"></i>
</a>
</div>
</div>
</div>
</div>
<div id="sidebar" {% if nanobars|length > 0 %}class="nanobar"{% endif %}>
<div id="sidebar-wrapper" class="sidebar-wrapper">
<div class="sidebar-header ps-4">
<button class="close-sub-sidebar d-none">
<img decoding="async" src="{{ asset('theme/images/icon/header-mobile-menu-arrow-left.svg') }}" width="11" height="5" alt="{{ 'Arrow left'|trans }}"/>
</button>
<span class="title close-sub-sidebar d-none" data-original-title="{{ 'Our products' |trans }}">{{ 'Back' |trans }}</span>
<a href="tel:{{ phone_support }}" class="support-link d-xl-none d-flex flex-row align-items-center me-0 ms-0">
<img decoding="async" src="{{ asset('theme/images/icon/header-telephone.svg') }}" width="32" height="32" />
<div class="ms-2 text-elements d-flex flex-column text-start">
<span>{{ 'header-top call us'|trans }}</span>
<strong>{{ phone_support }}</strong>
</div>
</a>
<button class="close-sidebar ms-auto">
<span class="visually-hidden">{{ 'Close button'|trans }}</span>
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
</button>
</div>
<ul id="mobileMenu" class="mobile-menu">
{% if sidebarMenu.product is defined %}
{% for mainMenuItem in sidebarMenu.product.children %}
<li>
{% if mainMenuItem.children %}
<a class="open-sub-mobile-menu px-4">
{% else %}
<a href="{{ mainMenuItem.href }}" class="px-4">
{% endif %}
{% if mainMenuItem.icon %}
<span class="icon">{{ mainMenuItem.icon |raw }}</span>
{% else %}
<span class="icon"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg></span>
{% endif %}
<span class="title">{{ mainMenuItem.name }}</span>
{% if mainMenuItem.children %}
<span class="open-sub-mobile-menu ms-auto">
<img decoding="async" src="{{ asset('theme/images/icon/header-mobile-menu-arrow-right.svg') }}" width="11" height="5" class="mobile-menu-arrow-right" alt="{{ 'Arrow right'|trans }}"/>
</span>
{% endif %}
</a>
{% if mainMenuItem.children %}
<div class="sub-sidebar">
<ul class="sub-menu-list">
{% set margin = false %}
{% for group in mainMenuItem.children %}
{% if group.name %}
<li class="group-title"><strong>{{ group.name }}:</strong></li>
{% set margin = true %}
{% else %}
{% set margin = false %}
{% endif %}
{% for item in group.children %}
{% if margin %}
<li> {# itt hagyom hátha mégis csak kell a bal margin a csoport linkekhez #}
{% else %}
<li>
{% endif %}
<a href="{{ item.href }}">
{{ item.title }}
{% if item.subTitle %}
({{ item.subTitle }})
{% endif %}
{%- if item.label -%}
<span class="label">{{ item.label | trans }}!</span>
{%- endif -%}
<span class="icon ms-auto">
<img decoding="async" src="{{ asset('theme/images/icon/header-mobile-menu-arrow-right.svg') }}" alt="{{ 'Arrow right'|trans }}" width="11" height="5" class="mobile-menu-arrow-right" />
</span>
</a>
</li>
{% endfor %}
{% endfor %}
</ul>
</div>
{% endif %}
</li>
{% endfor %}
{% endif %}
{% if sidebarMenu.standard is defined and sidebarMenu.standard |length %}
{% for mainMenuItem in sidebarMenu.standard %}
<li class="additional-item{{( loop.first ? ' mt-3 pt-3' : '' )}}{{( loop.last ? ' mb-3 pb-3' : '' )}}
{{ mainMenuItem.name == 'BLACK FRIDAY' ? ' black-friday-menu-link' : (mainMenuItem.name == 'The Zone akció' ? ' the-zone-menu-link' : '') }}">
<a href="{{ mainMenuItem.href }}">
<div class="nav-standard-item">
{%- if mainMenuItem.icon is defined and mainMenuItem.icon is not null -%}
<div class="icon me-1">{{ mainMenuItem.icon |raw }}</div>
{%- endif -%}
<span class="title">{{ mainMenuItem.name }}</span>
</div>
</a>
</li>
{% endfor %}
{% endif %}
{% if sidebarMenu.push is defined and sidebarMenu.push |length %}
{% for mainMenuItem in sidebarMenu.push %}
<li class="additional-item">
<a href="{{ mainMenuItem.href }}"><span class="title">{{ mainMenuItem.name }}</span></a>
</li>
{% endfor %}
{% endif %}
{% for page in headerPageList %}
<li class="header-top-page">
<a href="{{ page.link }}">{{ page.title }}</a>
</li>
{% endfor %}
</ul>
<div class="store-switcher mt-3">
<button class="btn" type="button" id="sidebar-dropdown-store-switcher" data-bs-toggle="modal" data-bs-target="#modal-language-store" aria-haspopup="true" aria-expanded="false">
<img decoding="async" src="{{ asset('theme/images/flag/' ~ locale ~ '.svg') }}" alt="{{ (locale ~ ' icon alt') | trans }}">
<div class="d-md-block text-dark fw-normal">{{ locale |upper }}</div>
</button>
</div>
</div>
</div>
{% if displayCookieConsent %}
<div id="cookie-consent-shield" class="cookie-shield"></div>
<div class="cookie-consent" id="cookie-consent">
<div class="container">
<div class="cookie-icon me-4">
<img src="{{ asset('theme/images/icon/cookie-bite-solid.svg') }}" alt="Cookie" width="70" height="70">
</div>
<div class="consent-text me-md-auto">
<h3 class="mb-2">{{ 'We`re using cookies!'|trans }}</h3>
<p>
{{- 'Cookie consent text' |trans({'privacy_policy_link_start': '<a href="' ~ privacy_policy_link ~ '" class="cookie-consent-link">', '%link_end%': '</a>'}) | raw -}}
</p>
</div>
<div class="consent-inputs d-flex flex-column justify-content-evenly align-items-center">
<button type="button" class="btn btn-primary button-accept-all-cookies">{{ 'Accept all' | trans }}</button>
<button type="button" class="btn button-customize-cookies my-3 my-md-2" data-bs-toggle="modal" data-bs-target="#frb-cookie-consent-modal">{{ 'Settings' | trans }}</button>
<a href="#" class="button-decline-all-cookies">{{ 'Reject all cookies'|trans }}</a>
</div>
</div>
</div>
{% endif %}
<div id="frb-cookie-consent-modal" data-cookie-url="{{ path('set_cookies') }}" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Furbify cookies</h5>
</div>
<div class="modal-body">
<p>{{ 'Cookie consent text' |trans({'privacy_policy_link_start': '<a href="' ~ privacy_policy_link ~ '" class="cookie-consent-link">', '%link_end%': '</a>'}) | raw }}</p>
<ul class="list-group">
<li class="list-group-item">
<button type="button" class="btn btn-default btn-toggle accepted disabled"></button>
<strong>{{ 'Necessary cookies' |trans }}</strong> <small class="text-muted">({{ 'always required' |trans }})</small>
<p>{{ 'Technical cookies are necessary for the proper functioning of the website and cannot be switched off. These cookies provide basic functions such as displaying content, navigating the site, shopping cart functionality, submitting forms, etc. Without these cookies, the site would not function properly.' |trans }}</p>
<input type="hidden" name="cookieConsent[system]" value="granted">
</li>
<li class="list-group-item">
<button type="button" class="btn btn-default btn-toggle rejected" data-category="statistical"></button>
<strong>{{ 'Statistical cookies' |trans }}</strong>
<p>{{ 'Statistical cookies (or analytical cookies) are used to understand user behavior on websites. Website owners use them to anonymously collect and evaluate data about how visitors use the website. This information then helps to improve the website, for example by optimizing navigation, content, or design.' |trans }}</p>
<input type="hidden" name="cookieConsent[statistical]" value="denied">
</li>
<li class="list-group-item">
<button type="button" class="btn btn-default btn-toggle rejected" data-category="marketing"></button>
<strong>{{ 'Marketing cookies' |trans }}</strong>
<p>{{ 'Marketing cookies, also known as advertising or tracking cookies, are used to track user behavior across websites for targeted advertising and personalization. They gather data about users\' browsing habits, preferences, and interactions to build profiles that enable advertisers to deliver more relevant ads.' |trans }}</p>
<input type="hidden" name="cookieConsent[marketing]" value="denied">
</li>
<li class="list-group-item border-top">
<button type="button" class="btn btn-default btn-toggle all rejected"></button> <strong>{{ 'All cookies' |trans }}</strong>
<p class="small margin">
{{ 'Accept / denied all cookies except necessary' |trans }}
</p>
</li>
</ul>
</div>
<div class="modal-footer justify-content-between">
<div>
<button type="button" class="btn btn-link button-decline-all-cookies">{{ 'Decline all' |trans }}</button>
<button type="button" class="btn btn-link button-accept-selected-cookies">{{ 'Accept selected' |trans }}</button>
</div>
<div>
<button type="button" class="btn btn-primary button-accept-all-cookies">{{ 'Accept all' |trans }}</button>
</div>
</div>
</div>
</div>
</div>
<div id="modal-language-store" class="modal fade" data-bs-backdrop="static" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zavrieť"><i class="fal fa-times-circle"></i></button>
</div>
<div class="modal-body pb-4">
<strong class="d-block mb-3">{{ 'Language' |trans }}</strong>
<div class="radio-buttons">
{% for language in languages %}
<div class="border rounded-3 border-1 p-2 mb-2">
<input id="modal-store-language-{{ language.code }}" type="radio" value="{{ language.code }}" name="locale" style="display: none;" data-action="{{ language.href }}" {{ locale == language.code ? ' checked' : '' }}>
<label for="modal-store-language-{{ language.code }}" class="d-flex align-items-center">
<div class="radio-circle"></div>
<div class="method-label-text d-flex align-items-center">
<img decoding="async" src="{{ asset('theme/images/flag/' ~ language.code ~ '.svg') }}" width="22">
<span class="ms-2">{{ language.title }}</span>
</div>
</label>
</div>
{% endfor %}
<div class="d-flex justify-content-end mt-3">
<button id="button-confirm-language" type="button" class="btn btn-primary w-auto">{{ 'Confirm' |trans }}</button>
</div>
</div>
<strong class="d-block mb-3">{{ 'Other countries' |trans }}</strong>
<ul class="nav flex-column">
{% set utm_source = '' %}
{% for store in stores |filter(s => s.primary == true) %}
{% set utm_source = store.source %}
{% endfor %}
{% for store in stores |filter(s => s.primary == false) %}
<li class="nav-item">
{% if store.unas is not defined %}
{% if '?' in store.url %}
<a type="button" href="{{ store.url }}&utm_source={{ utm_source }}" class="d-flex border rounded-3 border-1 p-2 mb-2 align-items-center" target="_blank" rel="nofollow">
<img decoding="async" src="{{ asset('theme/images/flag/' ~ store.icon ~ '.svg') }}" width="22"> <span class="ms-2">{{ store.title }}</span>
<i class="far fa-external-link ms-auto"></i>
</a>
{% else %}
<a type="button" href="{{ store.url }}?utm_source={{ utm_source }}" class="d-flex border rounded-3 border-1 p-2 mb-2 align-items-center" target="_blank" rel="nofollow">
<img decoding="async" src="{{ asset('theme/images/flag/' ~ store.icon ~ '.svg') }}" width="22"> <span class="ms-2">{{ store.title }}</span>
<i class="far fa-external-link ms-auto"></i>
</a>
{% endif %}
{% else %}
<a type="button" href="{{ store.url }}?utm_source={{ utm_source }}" target="_blank" class="d-flex border rounded-3 border-1 p-2 mb-2 align-items-center" target="_blank" rel="nofollow">
<img decoding="async" src="{{ asset('theme/images/flag/' ~ store.icon ~ '.png') }}" width="22"> <span class="ms-2">{{ store.title }}</span>
<i class="far fa-external-link ms-auto"></i>
</a>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% elseif mode == 'minimal' %}
{% set defaultLocale = app.request.session.get('defaultLocale') %}
{% set domainTLD = defaultLocale %}
{% if domainTLD == 'en' %}
{% set domainTLD = 'eu' %}
{% endif %}
<section class="copyright d-block">
<div class="container">
<div class="row text-center">
<div class="col-12 mb-4 icon-list">
<img decoding="async" id="norton-icon" src="{{ asset('theme/images/icon/nortonLogo.svg') }}" class="m-2" alt="Norton" width="30" />
{% if app.request.session.get('domainId') in [1,3,9,11] %}
<img decoding="async" src="{{ asset('theme/images/icon/payment-type-klarna.png') }}" class="m-2" loading="lazy" width="100" height="24" alt="Klarna">
{% endif %}
{% if app.request.session.get('domainId') in [1,3,9] %}
<img decoding="async" src="{{ asset('theme/images/icon/milpay_logo_footer.png') }}" class="m-2" loading="lazy" width="100" height="24" alt="Milpay">
{% endif %}
{% if app.request.session.get('domainId') in [1,2, 5, 9] %}
<img decoding="async" src="{{ asset('theme/images/footer-logo-visa.svg') }}" alt="Visa Mastercard" width="100" class="m-2">
{% endif %}
{% if app.request.session.get('domainId') in [3,4] %}
<img decoding="async" id="gopay-icon" src="{{ asset('theme/images/icon/gopay-logo.svg') }}" class="m-2" alt="GoPay" width="100" height="24" />
<img decoding="async" src="{{ asset('theme/images/payment-type-card.svg') }}" alt="Visa Mastercard" width="50" height="50" class="m-2">
{% else %}
{% if app.request.session.get('domainId') in [1,2,5,9,11] %}
<img decoding="async" src="{{ asset('theme/images/payment-type-card.svg') }}" alt="Visa Mastercard" width="50" height="50" class="m-2">
<img decoding="async"id="gopay-icon" src="{{ asset('theme/images/icon/gopay-logo.svg') }}" class="m-2" alt="GoPay" width="100" height="24" />
{% endif %}
{% endif %}
{% if app.request.session.get('domainId') in [1,2,3,4,5,9] %}
<a href="https://pastpay.com" target="_blank" title="pastpay.com">
<img decoding="async" src="{{ asset('theme/images/icon/pastpay-logo.svg') }}" alt="PastPay" width="120" class="m-2 pastpay-logo">
</a>
{% endif %}
<img decoding="async" id="gls-icon" src="{{ asset('theme/images/gls-icon.svg'|appendAssetCache) }}" class="m-2" alt="Foxpost" width="60" />
{% if app.request.session.get('domainId') in [3,4] %}
<img decoding="async" id="pm-icon" src="{{ asset('theme/images/magyar-posta-icon.svg'|appendAssetCache) }}" class="m-2" alt="Foxpost" width="50" />
<img decoding="async" id="foxpost-icon" src="{{ asset('theme/images/icon/foxpost_logo.svg'|appendAssetCache) }}" class="m-2" alt="Foxpost" width="50" />
{% endif %}
{% if app.request.session.get('defaultLocale') not in ['en'] %}
<img decoding="async" id="packeta-icon" src="{{ asset('theme/images/logo-packeta.svg'|appendAssetCache) }}" class="m-2" alt="Packeta" width="100" />
{% endif %}
</div>
<div class="col-12">
<p class="mb-3" style="color: #8e9ba5;">{{ 'Footer text checkout' | trans({ 'year': year }) | raw }}</p>
</div>
<div class="col-12">
<ul class="checkout-footer-menu text-center">
<li><a href="{{ path('contact') }}" target="_blank">{{ 'Contact' | trans }}</a></li>
{% for row in footerMinimalMenu %}
<li><a href="{{ row.link }}" title="{{ row.title }}" target="_blank">{{ row.title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</section>
{% endif %}
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->