<!DOCTYPE html>
<html {% block html_attributes %}class="no-js"{% endblock %} lang="{{ app.request.locale }}">
{% block head %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
{% block stylesheets %}
<style>
{{ dynamicCSS(product) }}
</style>
<!-- Favicon -->
{% if product.activeDomain is not null %}
<link rel="shortcut icon" href="{{ asset('assets/uploads/' ~ product.activeDomain.favicon) }}"/>
{% endif %}
<!--Fonts -->
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap" rel="stylesheet">
<!-- Themify icons -->
<!-- Styles -->
<link rel="stylesheet" href="{{ asset('libs/bootstrap-4/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ asset('dist/icons/bootstrap-icons-1.4.0/bootstrap-icons.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('dist/css/app/checkout.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('libs/font-awesome5/all.min.css')}}">
<link rel="stylesheet" href="{{ asset('dist/icons/themify-icons/themify-icons.css') }}" type="text/css">
<script src="{{ asset('libs/bootstrap-4/bootstrap.min.js') }}"></script>
<script src="{{ asset('libs/confetti/confetti.min.js') }}"></script>
{% endblock %}
{% block meta_tags %}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<meta name="theme-color" content="var(--browser-theme-color)">
<meta name="description" content="{{ product.metaDescription }}">
<title>{{ product.metaTitle }}</title>
{% endblock %}
<script>
const color = getComputedStyle(document.documentElement)
.getPropertyValue('--browser-theme-color');
$('meta[name=theme-color]').attr('content', color);
</script>
{% include "App/facebook/pixel.html.twig" with {'product': product} %}
{% if product.activeDomain is not null and product.activeDomain.pinterestEventProvider and product.activeDomain.pinterestEventProvider.pinterestTag %}
{% include "App/pinterest/tag.html.twig" with {'pinterestTag': product.activeDomain.pinterestEventProvider.pinterestTag } %}
{% endif %}
{% if product.activeDomain is not null and (product.activeDomain.tikTokEventProvider is not null and product.activeDomain.tikTokEventProvider.pixelCode) %}
{% include "App/tikTok/pixel.html.twig" with {'pixelId': product.activeDomain.tikTokEventProvider.pixelCode} %}
{% endif %}
{% if product.activeDomain is not null and product.activeDomain.googleTagManagerCode %}
<!-- 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','{{ product.activeDomain.googleTagManagerCode }}');</script>
<!-- End Google Tag Manager -->
{% endif %}
{% endblock %}
<body class="page">
{% if product.activeDomain is not null and product.activeDomain.googleTagManagerCode %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ product.activeDomain.googleTagManagerCode }}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% endif %}
{% block header %}
<header class="header">
<div class="container text-center text-lg-left">
{% if product.activeDomain is not null and product.activeDomain.logo is not null %}
<a href="{{ product.activeDomain.homepage }}" class="header__logo">
<img src="{{ asset('assets/uploads/' ~ product.activeDomain.logo) }}" style="max-width: 250px;">
</a>
{% endif %}
</div>
</header>
{% endblock %}
{% block content %}
{% endblock %}
{% block footer %}
<footer class="footer">
<div class="container">
<div class="social-menu">
{% if product.activeDomain.email %}
<a href="mailto:{{ product.activeDomain.email }}">
<svg role="img" class="icon icon-social-message"><use xlink:href="{{ asset('assets/svg/icons/icons.svg#icon-social-message') }}"></use></svg>
</a>
{% endif %}
{% if product.activeDomain.instagramUrl %}
<a target="_blank" href="{{ product.activeDomain.instagramUrl }}">
<svg role="img" class="icon icon-social-instagram">
<use xlink:href="{{ asset('assets/svg/icons/icons.svg#icon-social-instagram') }}"></use>
</svg>
</a>
{% endif %}
{% if product.activeDomain.facebookUrl %}
<a target="_blank" href="{{ product.activeDomain.facebookUrl }}">
<svg role="img" class="icon icon-social-facebook">
<use xlink:href="{{ asset('assets/svg/icons/icons.svg#icon-social-facebook') }}"></use>
</svg>
</a>
{% endif %}
</div>
<div class="footer__menu">
{% if product.activeDomain.termsAndConditionsPage %}
<a target="_blank" href="{{ path('information_page', {'page': 'terms'}) }}">{{ 'terms'| trans }}</a>
{% endif %}
{% if product.activeDomain.privacyPolicyPage %}
<a target="_blank" href="{{ path('information_page', {'page': 'privacy'}) }}">{{ 'privacy'| trans }}</a>
{% endif %}
{# <a href="#!">{{ 'contact'| trans }}</a>#}
</div>
<div class="copyright">
<p>© {{ 'footerText' | trans({
'%year%' : 'now' | date('Y'),
'%domain.name%': product.activeDomain.name
}) }}
</p>
</div>
</div>
</footer>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('libs/svg4everybody/svg4everybody.min.js') }}"></script>
<script src="{{ asset('libs/slick-carousel/slick.min.js') }}"></script>
<script src="{{ asset('libs/modernizr/modernizr.js') }}"></script>
<script src="{{ asset('libs/easy-timer/easytimer.min.js') }}"></script>
<script src="{{ asset('dist/js/app/checkout.min.js') }}"></script>
<script>
const routes = {
change_country: "{{ path('change_country') }}",
};
</script>
{% endblock %}
</body>
</html>