{% 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>