<!DOCTYPE html>
<html lang="{{ app.request.locale|slice(0, 2) }}">
<head>
{% block head %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/shop/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shop/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shop/img/favicon-16x16.png">
<title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
<meta name="google-site-verification" content="XoZRtMHvBvLVQiMB9PYBD-HAkPFglBkbiNeadhSIIXo" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">
<script src="/assets/fontawesome.min.js" crossorigin="anonymous"></script>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
{% block metatags %}
{% endblock %}
{% block stylesheets %}
{{ sylius_template_event('sylius.shop.layout.stylesheets') }}
<!-- @TODO: Remove next line, set it into _styles.html.twig (not working at the moment) -->
{% include '@SyliusUi/_stylesheets.html.twig' with {'path': 'assets/shop/css/framework.css'} %}
<!-- Slick Slider -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
{% endblock %}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','{{ gtm_code }}');</script>
<!-- End Google Tag Manager -->
{% include 'bundles/SyliusShopBundle/_chatbot.html.twig' %}
{{ sylius_template_event('sylius.shop.layout.head') }}
{% endblock %}
</head>
<body class="pushable">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_code }}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{{ sylius_template_event('sylius.shop.layout.before_body') }}
<div class="pusher">
{% block header %}
<header class="header" id="header">
<div class="container container--large">
{{ sylius_template_event('sylius.shop.layout.header') }}
</div>
</header>
{% endblock %}
{% block banner %}
{% endblock %}
<div class="">
{% if ('sylius_shop_account' in app.request.attributes.get('_route')) == false %}
{% include '@SyliusShop/_flashes.html.twig' %}
{% endif %}
{{ sylius_template_event('sylius.shop.layout.before_content') }}
{% block content %}
{% endblock %}
{{ sylius_template_event('sylius.shop.layout.after_content') }}
</div>
{% block footer %}
{% include '@SyliusShop/_footer.html.twig' %}
{% endblock %}
</div>
{% include '@SyliusUi/Modal/_confirmation.html.twig' %}
{% block javascripts %}
{{ sylius_template_event('sylius.shop.layout.javascripts') }}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- @TODO: Find a better way to load that -->
{% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/header.js'} %}
{% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/carousels.js'} %}
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
once: true
});
</script>
{% endblock %}
{{ sylius_template_event('sylius.shop.layout.after_body') }}
</body>
</html>