<!DOCTYPE html>
<html lang="{{ app.request.locale|slice(0, 2) }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{% block seo_title %}
{{ sylius_template_event('dedi_sylius_seo_plugin.title', { resource: product ?? taxon ?? vendor ?? page ?? sylius.channel }) }}
{% endblock %}
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
{% include '@SyliusShop/_links.html.twig' %}
{% include '@SyliusShop/_clarity.html.twig' %}
{% block seo_metatags %}
{{ sylius_template_event('dedi_sylius_seo_plugin.metatags', { resource: product ?? taxon ?? vendor ?? page ?? sylius.channel }) }}
{{ sylius_template_event('dedi_sylius_seo_plugin.rich_snippets') }}
{% set resourceToUse = taxon is defined ? taxon : (vendor is defined ? vendor : (page is defined ? page : null)) %}
{% if resourceToUse is not null %}
<script type="application/ld+json">
{{ generate_schema_markup(resourceToUse) | json_encode(constant('JSON_PRETTY_PRINT')) | replace({'\\/':'/'}) | raw }}
</script>
{% endif %}
{% endblock %}
{% block stylesheets %}
{{ sylius_template_event('sylius.shop.layout.stylesheets') }}
{% endblock %}
{{ sylius_template_event('sylius.shop.layout.head') }}
</head>
<body class="pushable">
{{ render_esi(path('ch_cookie_consent.show_if_cookie_consent_not_set', { 'locale' : app.request.locale })) }}
{{ sylius_template_event('sylius.shop.layout.before_body') }}
{% block messages %}
<div class="hyf-messages"></div>
{% endblock %}
{% block sidebar %}
<div class="ui right wide sidebar vertical menu overlay mobile-sidebar">
{{ sylius_template_event('sylius.shop.layout.sidebar') }}
</div>
{% endblock %}
{% block accountSidebar %}
{% if app.user != null %}
<div class="ui left wide sidebar vertical menu overlay mobile-account-sidebar">
{% include 'Context/Vendor/Menu/_mobileMenu.html.twig' %}
</div>
{% endif %}
{% endblock %}
<div class="pusher" data-route="{{ app.request.get('_route') }}">
{% block top %}
<div id="menu" class="top-menu bg-white">
<div class="ui container">
<div class="top-bar">
{% include "@SyliusShop/Layout/Header/_logo.html.twig" %}
{{ sylius_template_event('sylius.shop.layout.topbar') }}
</div>
</div>
</div>
{% endblock %}
{% block header %}
<div id="menu-categories" class="bg-topaz-100">
<div class="ui container">
{% include '@SyliusShop/Layout/Header/_menu.html.twig' %}
</div>
</div>
<div class="ui hidden divider"></div>
{% endblock %}
<div class="ui container">
{% include '@SyliusShop/_flashes.html.twig' %}
{{ 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>
{% block javascripts %}
{{ sylius_template_event('sylius.shop.layout.javascripts') }}
<script>
const addToCompareSuccessTitle = '{{ 'sylius.ui.success'|trans }}';
const addToCompareSuccess = '{{ 'app.product_compare.added'|trans }}';
const addToCompareErrorTitle = '{{ 'sylius.ui.error'|trans }}';
const addToCompareError = '{{ 'app.product_compare.fail'|trans }}';
const visitComparisonPage = '{{ 'app.ui.visit_comparison_page'|trans }}';
const comparisonPageUrl = '{{ path('app_shop_product_compare_show') }}';
const addToCompareUrl = '{{ url('app_shop_product_compare_add_to_compare', {'productId': '{id}'}) }}'
</script>
{% endblock %}
{% block confirmationModal %}
{% include '@SyliusUi/Modal/_confirmation.html.twig' %}
{% endblock %}
{{ sylius_template_event('sylius.shop.layout.after_body') }}
</body>
</html>