{% set page = getPage(app.request.attributes.get("_controller")) %}
<!DOCTYPE html>
<html lang="{% block html_lang %}{{ app.request.locale }}{% endblock %}">
<head>
<!-- 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-TVSNTXH');
</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1">
<link rel="icon"
href="{{ asset('assets/img/favicon.png') }}">
{% block metaTags %}
<meta name="description" content="{{ page ? page.metaDescription : siteTitle }}">
<title>{{ page ? page.metaTitle : siteTitle }}</title>
<meta property="og:title" content="{{ page ? page.metaTitle : siteTitle }}">
<meta property="og:description" content="{{ page ? page.metaDescription : siteTitle }}">
{% endblock %}
<meta name="theme-color" content="#95D3EC">
{{ encore_entry_link_tags('app') }}
{% block stylesheets %}
{% endblock %}
<link rel="stylesheet" href="{{ asset('assets/libs/openlayers/ol.css') }}">
<script type="text/javascript" src="{{ asset('assets/libs/openlayers/ol.js') }}"></script>
<link rel="stylesheet" href="{{ asset('assets/libs/aos/aos.css') }}">
{# <!-- Google tag (gtag.js) --> #}
{# <script async src="https://www.googletagmanager.com/gtag/js?id=UA-148514144-1"></script> #}
{# <script> #}
{# window.dataLayer = window.dataLayer || []; #}
{# function gtag() { #}
{# dataLayer.push(arguments); #}
{# } #}
{# gtag('js', new Date()); #}
{# gtag('config', 'UA-148514144-1'); #}
{# </script> #}
</head>
<body data-navbar-search-url="{{ path('front_navbar_search') }}" {% block body_tag %}{% endblock %}>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVSNTXH"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="wrapper">
<div class="background-burger position-fixed t-0 b-0 z-0 zi-9"></div>
{% block flash %}
{% for label, messages in app.flashes %}
{% for key, message in messages %}
<div class="modal fade mat-200" id="flashMessageModal" tabindex="-1" role="dialog"
aria-labelledby="flashMessageModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="text-right">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div>
{% if label == "success" %}
<i class="fa fa-check text-success"></i>
{% else %}
<i class="fa fa-warning text-danger"></i>
{% endif %}
{{ message|trans }}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{% endfor %}
{% endblock %}
{% block navbar %}
<header>
<div class="fixed-top zi-9999 he-47 bgc-95D3EC c-black pay-8 d-flex align-items-center">
<div class="container container-top">
<div class="d-flex align-items-center justify-content-between fs-14 fw-300">
<h1 class=" c-white fs-12 fw-500 col may-0">
{% set h1 = h1|default(null) %}
{{ h1 ?? (page ? page.title : siteTitle) }}
</h1>
<div class="col-auto text-right d-flex">
<div class="d-none d-lg-flex align-items-center languages">
{% if managedLocales|length > 1 %}
<div class="nav-item max-7 d-flex align-items-center ">
<i class="fas fa-globe color-9DE3FF position-relative t-0 mar-6"></i>
<div class=" text-uppercase ls2-260 fs-13">
<select class=" " onChange="window.location.href = this.value">
{% for key, managedLocale in managedLocales %}
<option class="text-uppercase" {{ app.request.locale == managedLocale ? 'selected' }}
value="{{ path('front_change_language', {'locale':managedLocale, "redirectUrl":app.request.uri}) }}">
{{ (managedLocale == "fr") ? ("navbar.language.fr")|trans : ("navbar.language.en")|trans }}
</option>
{% endfor %}
</select>
</div>
</div>
{% endif %}
</div>
<div class=" d-flex rs-top">
<a target="_blank"
href="https://www.linkedin.com/company/viewpoint-behavior-technology/"
class="d-flex br-30 justify-content-center align-items-center c-white">
<i class="fa-brands fa-linkedin-in"></i>
</a>
<a target="_blank" href="https://twitter.com/ViewpointBehav"
class="d-flex max-18 justify-content-center align-items-center c-white">
<i class="fa-brands fa-twitter"></i>
</a>
<a target="_blank"
href="https://www.youtube.com/@viewpointbehaviortechnolog5139"
class="d-flex br-30 justify-content-center align-items-center c-white">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-block">
{% include "commons/navbar.html.twig" %}
</div>
<div class="d-block d-lg-none">
{% include "commons/navbarMobile.html.twig" %}
</div>
</header>
{# {% for key, category in getCategories() %}
<div>
<a href="{{ path('front_products', {"catSlug":category.slug}) }}">
{{ category.title }}
</a>
</div>
{% for key, subCategory in getSubCategories(category) %}
<div>
<a href="{{ path('front_products', {"catSlug":(subCategory.category ? subCategory.category.slug : 0),'subCatSlug':subCategory.slug}) }}">
{{ subCategory.title }}
</a>
</div>
{% for key, product in getProducts(subCategory) %}
<div>
<a href="{{ getProductUrl(product, subCategory) }}">
{{ product.title }}
</a>
</div>
{% endfor %}
{% endfor %}
{% endfor %}
{% for key, category in getCategories() %}
<div>
<a href="{{ path('front_publications', {'slug':category.slug}) }}">
{{ category.title }}
</a>
</div>
{% endfor %} #}
{% endblock %}
{% block body %}{% endblock %}
{% block footer %}
{% include "front/footer.html.twig" %}
{% endblock %}
<div class="position-fixed zi-9999 b-20 r-20 scrollToTopDiv wi-50 d-flex align-items-center justify-content-center bgc-9DC771 c-white br-8">
<i class="fa fa-arrow-up pointer scrollToTop fw-600 fs-15 wi-50 d-flex align-items-center justify-content-center he-50"></i>
</div>
</div>
{{ encore_entry_script_tags('app') }}
<script type="text/javascript" src="{{ asset('assets/libs/aos/aos.js') }}"></script>
<script>
AOS.init({
once: true,
});
</script>
<script type="text/javascript" src="{{ asset('assets/libs/cookieconsent/cookie-consent.js') }}"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
cookieconsent.run({
"notice_banner_type": "simple",
"consent_type": "implied",
"palette": "light",
"language": "fr",
"website_name": "{{ siteTitle }}",
"change_preferences_selector": "#changePreferences"
});
});
</script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% block javascripts %}
{% endblock %}
</body>
</html>