<!DOCTYPE html>

<html lang="{{ app.request.locale|slice(0, 2) }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>{% block title %}Sylius{% endblock %}</title>

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

    <link href="https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@300;500;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">


    {% block metatags %}
    {% endblock %}

    <link rel="preload" href="{{ asset('build/dedi/fonts/montserrat-light-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/montserrat-regular-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/montserrat-italic-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/montserrat-medium-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/montserrat-semibold-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/arimamadurai-light-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/arimamadurai-medium-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="{{ asset('build/dedi/fonts/arimamadurai-bold-webfont.woff2', 'dedi') }}" as="font" type="font/woff2" crossorigin="anonymous">

    {% block stylesheets %}
        {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
    {% endblock %}

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

<body class="{% block bodyClass %}{% endblock %}">
{{ sylius_template_event('sylius.shop.layout.before_body') }}

<main id="main" class="content-container">
    {% block header %}
        {{ sylius_template_event('sylius.shop.layout.header') }}
    {% endblock %}

    {% include '@SyliusShop/_flashes.html.twig' %}

    {{ sylius_template_event('sylius.shop.layout.before_content') }}

    {% block content %}
    {% endblock %}

    {{ sylius_template_event('sylius.shop.layout.after_content') }}

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

{% block footer %}
    {% include '@SyliusShop/_footer.html.twig' %}
{% endblock %}

{% block javascripts %}
    {{ sylius_template_event('sylius.shop.layout.javascripts') }}
{% endblock %}

{% include '@SyliusUi/Modal/_confirmation.html.twig' %}
{{ sylius_template_event('sylius.shop.layout.after_body') }}
</body>
</html>
