<!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 title %}
        {{ sylius_template_event('dedi_sylius_seo_plugin.title', { resource: sylius.channel }) }}
    {% endblock %}

    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    {% block metatags %}
    {% endblock %}

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
    {% include '@SyliusShop/Layout/Header/fonts.html.twig' %}
    {% include '@DediSyliusTheme/Layout/Header/_favicon.html.twig' %}

    {% block stylesheets %}
        {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
        {{ encore_entry_link_tags('design-system', null, 'dedi') }}
    {% endblock %}

    {{ sylius_template_event('sylius.shop.layout.head') }}
</head>

<body class="{% block bodyClass %}{% endblock %}">

<main id="main" class="ds-wrapper">
    {% block header %}
        {% include '@DediSyliusTheme/DesignSystem/parts/_header.html.twig' %}
    {% endblock %}

    {% include '@DediSyliusTheme/DesignSystem/parts/_menu.html.twig' %}

    <section class="ds-content">
        {% set tab='&nbsp;&nbsp;&nbsp;&nbsp;' %}
        {% block content %}
        {% endblock %}
    </section>

    <a href="#" class="btn-back-top">{{ 'app.ui.backtotop'|trans }}</a>
</main>

{% block modal %}
{% endblock %}

{% block javascripts %}
    {{ sylius_template_event('sylius.shop.layout.javascripts') }}
    {{ encore_entry_script_tags('design-system', null, 'dedi') }}
{% endblock %}

{% include '@SyliusUi/Modal/_confirmation.html.twig' with { isFrontOffice: true } %}
</body>
</html>
