{% sw_extends '@parent/storefront/base.html.twig' %}
{% block base_head %}
{% sw_include '@parent/storefront/layout/meta.html.twig' %}
{% endblock %}
{% block base_breadcrumb %}
<div class="oo-breadcrumb-container">
{{ parent() }}
</div>
{% endblock %}
{% block base_body %}
{# Adding metadata for okeonline-postcode-be-fix #}
<select class="d-none" id="CountryMeta">
{% for country in page.countries %}
<option value="{{ country.id }}"
data-iso="{{ country.iso }}"
data-vat-id-required="{{ country.vatIdRequired }}">
{{ country.translated.name }}
</option>
{% endfor %}
</select>
{% set checkoutVersion = (activeRoute == 'frontend.checkout.cart.page') ? theme_config('cartStylesLayoutVersion') : theme_config('checkoutStylesLayoutVersion') %}
<body class="{% block base_body_classes %}is-ctl-{{ controllerName|lower }} checkout-{{ checkoutVersion }} is-act-{{ controllerAction|lower }}{% endblock %} productfilter-{{ theme_config('productListingStylesProductFilterVersion') }} buybox-{{ theme_config('productDetailBuyboxVersion') }} product-detail-{{ theme_config('productDetailStylesGeneralVersion') }} {{ theme_config('productDetailBuyboxCustomProductsVersion') }}">
{% block base_body_inner %}
{% block base_noscript %}
{{ parent() }}
{% endblock %}
{% block base_header %}
<header class="header-main {{ theme_config('headerStylesLayoutVersion') }} {{ theme_config('headerFlyoutStylesLayoutVersion') }}">
{% block base_header_inner %}
{% sw_include '@parent/storefront/layout/header/header.html.twig' %}
{% endblock %}
</header>
{% endblock %}
{# NOTE: navigation moved to header.html because it will be part of the different header versions (KE) #}
{% block base_navigation %}
{% endblock %}
{% block base_offcanvas_navigation %}
{% if page.header.navigation %}
<div class="d-none js-navigation-offcanvas-initial-content">
{% block base_offcanvas_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
{% endblock %}
</div>
{% endif %}
{% endblock %}
{% block base_main %}
{{ parent() }}
{% endblock %}
{% block base_footer %}
<footer class="footer-main {{ theme_config('footerStylesLayoutVersion') }}">
{% sw_include '@parent/storefront/layout/footer/footer.html.twig' %}
</footer>
{% endblock %}
{% block base_fixed_whatsapp_button %}
{% endblock %}
{% endblock %}
{% block base_scroll_up %}
{{ parent() }}
{% endblock %}
{% block base_cookie_permission %}
{{ parent() }}
{% endblock %}
{% block base_pseudo_modal %}
{{ parent() }}
{% endblock %}
{% block base_body_script %}
<script src="https://kit.fontawesome.com/aedb065348.js" crossorigin="anonymous" async></script>
<script src="{{ asset('bundles/themeokeonline/js/lazysizes.min.js', 'asset') }}" async></script>
{# <script src="/themeokeonline/js/lazysizes.min.js" async=""></script> #}
<div data-oo-slick-carousel="true" data-oo-customizedproducts-autoselect="true">
{{ parent() }}
</div>
{% endblock %}
</body>
{% endblock %}