src/Notaris/FrontendBundle/Resources/views/layout2017.html.twig line 141

Open in your IDE?
  1. <!DOCTYPE html>
  2. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  3. <!--[if lt IE 7 ]> <html lang="{{ locale }}-be" class="no-js ie6"> <![endif]-->
  4. <!--[if IE 7 ]>    <html lang="{{ locale }}-be" class="no-js ie7"> <![endif]-->
  5. <!--[if IE 8 ]>    <html lang="{{ locale }}-be" class="no-js ie8"> <![endif]-->
  6. <!--[if IE 9 ]>    <html lang="{{ locale }}-be" class="no-js ie9"> <![endif]-->
  7. <!--[if (gt IE 9)|!(IE)]><!--> <html lang="{{ locale }}-be" class="no-js"> <!--<![endif]-->
  8. <head>
  9.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11.     {% block title %}{% endblock %}
  12.     <link rel="icon" href="/favicon.ico" type="image/x-icon">
  13.     <link rel="Shortcut Icon" href="/favicon.ico">
  14.     <meta name="verify-v1" content="oUnC+CPPa6tACDOorCrRc1HDuoMmCj6VKeemq+oEBOc=" />
  15.     <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"/>
  16.     {% block robots %}
  17.         {% if notaryId is defined %}
  18.             <meta name='robots' content='{% if notaryId.showInJob %}index,follow{% else %}noindex,nofollow{% endif %}' />
  19.         {% else %}
  20.             <meta name="robots" content="index,follow"/>
  21.         {% endif %}
  22.     {% endblock %}
  23.     {% if notaryId is defined %}
  24.         {% set addressSlug = '' %}
  25.         {% set currentAddress = false %}
  26.         {% if address_info is defined %}
  27.             {% set currentAddress = address_info.address %}
  28.             {% set addressSlug = address_info.address.slug %}
  29.         {% elseif sven_address_slug is defined %}
  30.             {% for address in getAddresses(notaryId)['all'] if address.slug == sven_address_slug %}
  31.                 {% set currentAddress = address %}
  32.             {% endfor %}
  33.             {% set addressSlug = sven_address_slug %}
  34.         {% endif %}
  35.     {#<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-sven/apple-touch-icon.png">#}
  36.     {#<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-sven/favicon-32x32.png">#}
  37.     {#<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-sven/favicon-16x16.png">#}
  38.     {#<link rel="manifest" href="/assets/images/favicon-sven/manifest.json">#}
  39.     {#<link rel="mask-icon" href="/assets/images/favicon-sven/safari-pinned-tab.svg" color="#5bbad5">#}
  40.     {#<link rel="icon" href="/assets/images/favicon-sven/favicon.ico" type="image/x-icon">#}
  41.     {#<link rel="shortcut icon" href="/assets/images/favicon-sven/favicon.ico">#}
  42.     {#<meta name="msapplication-config" content="/assets/images/favicon-sven/browserconfig.xml">#}
  43.     {#<meta name="theme-color" content="#ffffff">#}
  44.         {% set sites = getSvenLanguages(notaryId) %}
  45.     {% endif %}
  46.     <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png">
  47.     <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
  48.     <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
  49.     <link rel="manifest" href="/assets/images/favicon/manifest.json">
  50.     <link rel="mask-icon" href="/assets/images/favicon/safari-pinned-tab-sven.svg" color="#5bbad5">
  51.     <link rel="icon" href="/assets/images/favicon/favicon.ico" type="image/x-icon">
  52.     <link rel="shortcut icon" href="/assets/images/favicon/favicon.ico">
  53.     <meta name="msapplication-config" content="/assets/images/favicon/browserconfig.xml">
  54.     <meta name="theme-color" content="#ffffff">
  55.     <link href="/assets/css/main.css?18" rel="stylesheet" type="text/css" />
  56.     <!--link rel="stylesheet" href="/css/lightbox.css"-->
  57.     {% block extralinks %}
  58.     {% endblock %}
  59.     {% block extrameta %}
  60.         <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() }}/assets/images/logo/{{ 'mn_share_logo' | trans }}.png" />
  61.         <meta property="og:image:width" content="1200" />
  62.         <meta property="og:image:height" content="630" />
  63.     {% endblock %}
  64.     <!-- Extra CSS Libraries Start -->
  65.     {% block extracss %}{% endblock %}
  66. </head>
  67. <body class="u-bg-white {% block basethemeclass %}theme-{% if currentAddress is defined and currentAddress != false and currentAddress.color.name is defined %}{{ currentAddress.color.name }}{% elseif notaryId is defined %}standard{% else %}none{% endif %}{% endblock %}">
  68.     {% if notaryId is not defined %}
  69.         <!-- Google Tag Manager (noscript) -->
  70.         <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={% if locale == 'nl' %}{{ google_tag_manager_main_nl }}{% else %}{{ google_tag_manager_main_fr }}{% endif %}"
  71.                     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  72.         <!-- End Google Tag Manager (noscript) -->
  73.     {% endif %}
  74.     {% if notaryId is defined %}
  75.         <form action="{{ path('notaris_frontend_sven_choose_language') }}" method="post" name="setLangForm" id="setLangForm">
  76.             <input type="hidden" name="setLang" value="1">
  77.             <input type="hidden" name="setLangTo" value="FR">
  78.         </form>
  79.         <h1 class="u-hidden">{{ info.header1 | raw }}{% if info.header2 %}, {{ info.header2 }}{% endif %}</h1>
  80.     {% endif %}
  81.     <!-- @NOTE: vertaling van bericht toevoegen wanneer er op een oudere browser wordt gekeken -->
  82.     <!--[if lt IE 10]>
  83.         <div class="c-bar c-bar--ie9 u-bg-primary">
  84.             <div class="o-wrapper">
  85.                 <div class="c-bar__message">
  86.                     <div class="bar__message u-color-white">
  87.                         <span>Your browser is ancient! <a href="http://browsehappy.com/" target="_blank" class="u-color-white u-text-underline">Upgrade to a newer browser</a> for a better experience.</span>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     <![endif]-->
  93. {% set lastPart = '' %}
  94. {% if getControllerName(app.request.attributes) == 'Subsite' or getControllerName(app.request.attributes) == 'News' or getControllerName(app.request.attributes) == 'Faq' or getControllerName(app.request.attributes) == 'Brochure' or getControllerName(app.request.attributes) == 'Calculate'  or getControllerName(app.request.attributes) == 'Tv' or getControllerName(app.request.attributes) == 'Glossary' %}
  95.     {% set currentPath = path(app.request.attributes.get('_route'),
  96.         app.request.attributes.get('_route_params')) %}
  97.     {% if getControllerName(app.request.attributes) == 'Faq' %}
  98.         {% if currentPath|split('/') | length > 2 %}
  99.             {% set lastPart = currentPath|split('/')[2] %}
  100.         {% else %}
  101.             {% set lastPart = currentPath|split('/')[1] %}
  102.         {% endif %}
  103.     {% elseif getControllerName(app.request.attributes) == 'Calculate' and currentPath|split('/') | length > 3 %}
  104.         {% set lastPart = currentPath|split('/')[2] %}
  105.         {% if lastPart == 'schenkingen' %}
  106.             {% set lastPart = 'erven-schenken' %}
  107.         {% endif %}
  108.         {% if lastPart == 'kredieten' or lastPart == 'aankoop' %}
  109.             {% set lastPart = 'verkopen-kopen-huren-lenen' %}
  110.         {% endif %}
  111.         {% if lastPart == 'credit' %}
  112.             {% set lastPart = 'acheter-louer-emprunter' %}
  113.         {% endif %}
  114.         {% if lastPart == 'achat' %}
  115.             {% set lastPart = 'acheter-louer-emprunter' %}
  116.         {% endif %}
  117.         {#{ lastPart }#}
  118.     {% else %}
  119.         {% set lastPart = currentPath|split('/')[1] %}
  120.     {% endif %}
  121. {% endif %}
  122.     {% set listSubsites = getSubsites(locale) %}
  123. {% block header %}
  124.     <header class="o-wrapper ">
  125.     {% if not (showNav is defined and not showNav) %}
  126.         <nav class="c-topnav c-headroom js-headroom">
  127.             <div class="c-headroom--wrapper o-wrapper js-showhide">
  128.                 <div class="c-topnav--left">
  129.                     <ul class="o-list-inline o-list-bare">
  130.                         <!-- active state =  c-topnav__item--active -->
  131.                         {% if notaryId is defined %}
  132.                             {% set sites = getSvenLanguages(notaryId) %}
  133.                             {% if sites | length > 0 %}
  134.                                 {% for key, site in sites %}
  135.                                     <li class="o-list-inline__item">
  136.                                         <a href="{% if isPreview %}{{ path('notaris_frontend_sven_preview', {'_locale': key, 'notaryId':notary.id}) }}{% else %}javascript:setLanguage('{{ key }}');{% endif %}" class="c-topnav__item {% if locale == key %}c-topnav__item--active {% endif %}u-color-grey-darker" title="{{ key | upper }}">
  137.                                             {{ key | upper }}
  138.                                         </a>
  139.                                     </li>
  140.                                 {% endfor %}
  141.                             {% endif %}
  142.                         {% else %}
  143.                             {# @NOTE: dit is de taalnavigatie van de algemene notaris site #}
  144.                             <li class="o-list-inline__item">
  145.                                 <a href="{{ url_scheme }}://{{ linked_url_nl|default(url_nl) }}" class="c-topnav__item {% if locale == 'nl' %}c-topnav__item--active {% endif %}u-color-grey-darker" title="Notaris.be">NL</a>
  146.                             </li>
  147.                             <li class="o-list-inline__item">
  148.                                 <a href="{{ url_scheme }}://{{ linked_url_fr|default(url_fr) }}" class="c-topnav__item {% if locale == 'fr' %}c-topnav__item--active {% endif %}u-color-grey-darker" title="Notaire.be">FR</a>
  149.                             </li>
  150.                             {% if locale == 'nl' %}
  151.                                 <li class="o-list-inline__item">
  152.                                     <a href="{{ path('notaris_frontend_subsite_detail', {'slug': 'other-languages', 'slugdetail': 'english'}) }}" class="c-topnav__item u-color-grey-darker" title="EN">EN</a>
  153.                                 </li>
  154.                             {% else %}
  155.                                 <li class="o-list-inline__item">
  156.                                     <a href="{{ path('notaris_frontend_subsite_detail', {'slug': 'other-languages', 'slugdetail': 'english-1'}) }}" class="c-topnav__item u-color-grey-darker" title="EN">EN</a>
  157.                                 </li>
  158.                             {% endif %}
  159.                         {% endif %}
  160.                     </ul>
  161.                 </div>
  162.                 <div class="c-topnav--right {% if showMskSplash is defined %}theme-standard{% endif %}">
  163.                     <ul class="o-list-inline u-text-right">
  164.                         <!-- active state =  c-topnav__item--active -->
  165.                         <li class="o-list-inline__item u-hidden@mobile">
  166.                             <a href="{{ path('notaris_frontend_faq') }}" title="{{'mn_faq'|trans}}" class="c-topnav__item u-color-grey-darker {% if subsite is defined and subsite != '' and  subsite.slug == 'slg_faq' | trans %} c-topnav__item--active{% endif %}">
  167.                                 {{'mn_faq'|trans}}
  168.                             </a>
  169.                         </li>
  170.                         <li class="o-list-inline__item u-hidden@mobile">
  171.                             <a href="{{ path('notaris_frontend_glossary') }}" title="{{'sv_nav_wordlist'|trans}}" class="c-topnav__item u-color-grey-darker{% if currentslug is defined and currentslug == 'glossary'%} c-topnav__item--active{% endif %}">
  172.                                 {{'sv_nav_wordlist'|trans}}
  173.                             </a>
  174.                         </li>
  175.                         <li class="o-list-inline__item u-hidden@mobile">
  176.                             <a href="{{ 'link_naban_path' | trans }}" title="{{ 'sv_nav_naban' | trans }}" class="c-topnav__item u-color-grey-darker{% if subsite is defined and subsite != '' and subsite.slug == 'naban_slug' | trans %} c-topnav__item--active{% endif %}">
  177.                                 {{'sv_nav_naban'|trans}}
  178.                             </a>
  179.                         </li>
  180.                         <li class="o-list-inline__item u-hidden@mobile">
  181.                             <a href="{{ path('notaris_frontend_news') }}" title="{{'mn_nieuws'|trans}}" class="c-topnav__item u-color-grey-darker {% if subsite is defined and subsite != '' and  subsite.slug == 'slg_nieuws' | trans  and  not (currentslug is defined and currentslug == 'slg_tv' | trans) %} c-topnav__item--active{% endif %}">
  182.                                 {{'mn_nieuws'|trans}}
  183.                             </a>
  184.                         </li>
  185.                         <li class="o-list-inline__item u-hidden@mobile">
  186.                             <a href="{{ path('notaris_frontend_tv') }}" title="{{'mn_tv'|trans}}" class="c-topnav__item u-color-grey-darker{% if currentslug is defined and currentslug == 'slg_tv' | trans %} c-topnav__item--active{% endif %}">
  187.                                 {{'mn_tv'|trans}}
  188.                             </a>
  189.                         </li>
  190.                         {% if notaryId is not defined %}
  191.                             <li class="o-list-inline__item u-hidden@mobile">
  192.                                 <a href="{% if locale == 'nl' %}https://notaris.jobs{% else %}https://notaire.jobs{% endif %}" target="_blank" title="{{'mn_jobs'|trans}}" class="c-topnav__item u-color-grey-darker{% if subsite is defined and subsite != '' and  subsite.slug == 'slg_jobs' | trans %} c-topnav__item--active{% endif %}">
  193.                                     {{'mn_jobs'|trans}}
  194.                                 </a>
  195.                             </li>
  196.                         {% endif %}
  197.                         <li class="o-list-inline__item">
  198.                         {# Search #}
  199.                             <span class="c-topnav__item c-topnav__form js-search"> <!--  c-topnav__item--nohover -->
  200.                                 <div class="c-topnav__searchoverlay js-searchoverlay">&nbsp;</div>
  201.                                 <form method="post" action="" class="c-topnav__search js-searchform" data-action="{{ path('notaris_frontend_search') }}/">
  202.                                     <span class="u-color-grey-darker js-searchlabel">{{'sv_nav_search'|trans}}</span>
  203.                                     <input type="text" name="keyword" class="c-topnav__search__input js-searchinput" size="20" maxlength="255" value="">
  204.                                     <button class="c-topnav__search__submit c-btn--icon" type="submit">
  205.                                         <?xml version="1.0" encoding="utf-8"?>
  206.                                         <svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" fill="true"/></svg>
  207.                                     </button>
  208.                                 </form>
  209.                             </span>
  210.                         </li>
  211.                         <li class="o-list-inline__item">
  212.                         {# Calculate #}
  213.                             <a href="{{ path('notaris_frontend_calculate') }}" data-type="rekenmodule" title="{{'rm_bereken'|trans}}" class="c-topnav__item u-color-grey-darker js-fednotlink">
  214.                                 {{'rm_bereken'|trans}}
  215.                                 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 698.63 605.01"><title>icon-calculate</title><rect width="698.63" height="140.19"/><rect y="232.88" width="205.4" height="139.73"/><rect x="246.38" y="232.88" width="205.4" height="139.73"/><rect x="493.23" y="232.88" width="205.4" height="139.73"/><rect y="465.29" width="205.4" height="139.73"/><rect x="246.38" y="465.29" width="205.4" height="139.73"/><rect x="493.23" y="465.29" width="205.4" height="139.73"/></svg>
  216.                             </a>
  217.                         </li>
  218.                         {% if notaryId is not defined %}
  219.                         <li class="o-list-inline__item">
  220.                         {# Address Book #}
  221.                             <a href="{{ path('notaris_frontend_addressbook') }}" title="" class="c-topnav__item u-color-grey-darker">
  222.                                 {{ "ab_search" | trans }}
  223.                                 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 65.4 67.1">
  224.                                     <title>icon-adressbook</title>
  225.                                     <path class="a" d="M192,190.31c0,8.45-7.27,15.3-16.23,15.3s-16.23-6.85-16.23-15.3S166.8,175,175.77,175,192,181.85,192,190.31Z" transform="translate(-143.61 -175)"/><polygon class="a" points="32.11 33.08 26.08 34.93 33.11 55.86 38.54 34.82 32.11 33.08"/><path class="a" d="M202.51,208.47H190.6l-14.3,30.16-13.83-30.16H150.1s-6.5-.09-6.5,3.65v26.42s.62,3.56,6.8,3.56h53s5.57,0,5.57-3.56V212.12S208.69,208.47,202.51,208.47Zm.92,23.75H188.13v-2.13h15.31Z" transform="translate(-143.61 -175)"/>
  226.                                 </svg>
  227.                             </a>
  228.                         </li>
  229.                         {% endif %}
  230.                         <li class="o-list-inline__item u-hidden@tablet u-hidden@desktop u-hidden@wide">
  231.                             <span class="c-topnav__item u-color-grey-darker js-showhide-button js-mobile-menu">
  232.                                 Menu
  233.                                 <img class="c-topnav__icon c-topnav__icon--menu" src="/assets/images/font-awesome-svg/bars.svg" alt="menu">
  234.                                 <img class="c-topnav__icon u-hidden" src="/assets/images/font-awesome-svg/close.svg" alt="menu">
  235.                             </span>
  236.                         </li>
  237.                     </ul>
  238.                 </div>
  239.                 {# SubSubmenu mobile - Sven #}
  240.                 {% set routepath = app.request.attributes.get('_route') %}
  241.                 {% set svenHome = false %}
  242.                 {% if routepath == 'notaris_frontend_sven_preview' or routepath == 'notaris_frontend_homepage' or routepath == 'notaris_frontend_msk_subpage' %}
  243.                     {% set svenHome = true %}
  244.                 {% endif %}
  245.                 {% if notaryId is defined and showMskSplash is not defined %}
  246.                 <div class="c-mobilenav js-showhide-block u-hidden">
  247.                     <ul class="u-margin-bottom-none o-list-bare">
  248.                     {% set navigations_array = {
  249.                         'people': 'sv_nav_medewerkers',
  250.                         'downloads':'sv_nav_downloads',
  251.                         'news':'mn_nieuws_sven',
  252.                         'jobs':'sv_jobs',
  253.                         'fednotLinks':'links',
  254.                         'immo': 'immo',
  255.                         'notaristv': 'sv_notaristv',
  256.                         'themes': 'sv_themes' } %}
  257.                     {% if notary is defined and notary.id == 26565 %}
  258.                         <li class="o-list-bar__item">
  259.                             <a href="https://immo.notaire.be/fr/" target="_blank" class="c-mobilenav__item u-color-black js-sven-navigation">
  260.                                 Immo
  261.                             </a>
  262.                         </li>
  263.                     {% endif %}
  264.                     {% for item in getSvenBuild(notaryId, locale, addressSlug) %}
  265.                         <li class="o-list-bar__item">
  266.                             <a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{item.type}}" data-type="{{ item.type }}" title="{{navigations_array[item.type]|trans|capitalize}}" class="c-mobilenav__item u-color-black js-sven-navigation">
  267.                                 {{navigations_array[item.type]|trans|capitalize}}
  268.                             </a>
  269.                         </li>
  270.                     {% endfor %}
  271.                         <li class="o-list-bar__item">
  272.                             <a href="#!" title="{{'sv_meer'|trans}}" class="js-show-subnavigation-mobile c-mobilenav__item c-nav__item--icon u-color-black">
  273.                                 {{'sv_meer'|trans}}
  274.                                 <?xml version="1.0" encoding="utf-8"?>
  275.                                 <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="u-color-path-black">
  276.                                     <path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z" fill="true"/>
  277.                                 </svg>
  278.                             </a>
  279.                             <ul class="o-list-bare js-subnav-mobile u-padding-tiny">
  280.                                 {#<li class="o-list-bare__item">#}
  281.                                     {#{% if locale == 'nl' %}#}
  282.                                         {#{% set notarisslug = 'notaris' %}#}
  283.                                     {#{% else %}#}
  284.                                         {#{% set notarisslug = 'notaire' %}#}
  285.                                     {#{% endif %}#}
  286.                                     {#<a href="{{ path('notaris_frontend_subsite', {'slug': notarisslug}) }}" title="{{ 'mn_de_notaris' | trans }}" class="c-mobilenav__item u-color-hoveractive-white u-color-black">{{ 'mn_de_notaris_sven' | trans }}</a>#}
  287.                                 {#</li>#}
  288.                                 {% for subsite in listSubsites  %}
  289.                                 <li class="o-list-bare__item">
  290.                                     <a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" title="{{ subsite.name }}" class="c-mobilenav__item u-color-hoveractive-white u-color-black">{{ subsite.name }}</a>
  291.                                     {# @NOTE: use u-color-hoveractive-huwenensamenwonen on notaris #}
  292.                                 </li>
  293.                                 {% endfor %}
  294.                             </ul>
  295.                         </li>
  296.                         <li class="o-list-bar__item">
  297.                             <a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{'sv_contact'|trans|lower}}" title="{{'sv_contact'|trans}}" class="c-mobilenav__item u-color-black js-sven-navigation">{{'sv_contact'|trans}}</a>
  298.                         </li>
  299.                     </ul>
  300.                 </div>
  301.                 {% else %}
  302.                 {# mobile navigatie #}
  303.                 <nav class="c-mobilenav c-mobilenav--main js-showhide-block u-hidden">
  304.                     <ul class="u-margin-bottom-none o-list-bare">
  305.                         {% if locale == 'nl' %}
  306.                             {% set notarisslug = 'notaris' %}
  307.                         {% else %}
  308.                             {% set notarisslug = 'notaire' %}
  309.                         {% endif %}
  310.                     <li class="{% if lastPart == notarisslug %}active{% endif %} o-list-bar__item">
  311.                             {#<a class="c-mobilenav__item {% if lastPart == notarisslug %}u-bg-primary u-color-white{% else %}u-color-primary{% endif %}"#}
  312.                                {#href="{{ path('notaris_frontend_subsite', {'slug': notarisslug}) }}"#}
  313.                                {#name="{{ 'mn_de_notaris' | trans }}">#}
  314.                                 {#{{ 'mn_de_notaris_sven' | trans }}#}
  315.                             {#</a>#}
  316.                             {% if subsite is defined and subsite != '' and notarisslug == subsite.slug %}
  317.                                 <ul class="primary-nav">
  318.                                     {{ include('@NotarisFrontend/module/mobile_subsite_subnav.html.twig', {'subsite': subsite }) }}
  319.                                 </ul>
  320.                             {% endif %}
  321.                         </li>
  322.                         {% for subsite in listSubsites  %}
  323.                             <li class="{% if lastPart == subsite.slug %}active{% endif %} o-list-bar__item">
  324.                                 <a class="c-mobilenav__item {% if lastPart == subsite.slug %}u-bg-{{ subsite.stylesheet }} u-color-white{% else %}u-color-{{ subsite.stylesheet }}{% endif %}" href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" name="{{ subsite.name }}">{{ subsite.name }}</a>
  325.                                 {% if lastPart == subsite.slug %}
  326.                                     <ul class="{{ subsite.stylesheet }}-nav">
  327.                                         {{ include('@NotarisFrontend/module/mobile_subsite_subnav.html.twig', {'subsite': subsite }) }}
  328.                                     </ul>
  329.                                 {% endif %}
  330.                             </li>
  331.                         {% endfor %}
  332.                     </ul>
  333.                 </nav>
  334.                 {% endif %}
  335.                 <div class="c-topnav--cleaner">&nbsp;</div>
  336.             </div>
  337.         </nav>
  338.         <div class="u-clearfix">&nbsp;</div>
  339.         {% set svenHome = false %}
  340.         {% if notaryId is defined %}
  341.         {# START: SVEN NAVIGATIE ONDER BANNER #}
  342.         {% set routepath = app.request.attributes.get('_route') %}
  343.         {% if routepath == 'notaris_frontend_sven_preview' or routepath == 'notaris_frontend_homepage'  or routepath == 'notaris_frontend_msk_subpage' %}
  344.             {% set svenHome = true %}
  345.         {% endif %}
  346.             {% if not svenHome or routepath == 'notaris_frontend_msk_subpage' %}<a href="/" class="" title="Home">{% endif %}
  347.                 <div class="c-pageheader o-layout u-margin-top-large u-margin-top-large@tablet u-margin-bottom-none o-layout--reverse u-padding-top-tiny@mobile u-padding-top-none@tablet">
  348.                     <div class="o-layout__item u-1/1 u-1/4@tablet u-text-right@tablet u-padding-top-tiny@mobile u-padding-top-none@tablet">
  349.                         <!--img class="c-logo c-logo--header u-margin-top-tiny" src="/assets/images/logo/logo-sven.png" srcset="/assets/images/logo/logo-sven.png 1x, /assets/images/logo/logo-sven@2x.png 2x" alt="logo-sven"/-->
  350.                         {% if locale == 'nl' %}
  351.                             <img class="c-logo c-logo--header u-margin-top-tiny c-logo-sven" src="/assets/images/logo/logo-sven.svg?2" alt="Notariskantoor" title="Notariskantoor"/>
  352.                         {% else %}
  353.                             <img class="c-logo c-logo--header u-margin-top-tiny c-logo-sven" src="/assets/images/logo/logo-sven-fr.svg?2" alt="Etude Notariale"/>
  354.                         {% endif %}
  355.                     </div>
  356.                     <div class="o-layout__item u-1/1 u-3/4@tablet u-padding-bottom-tiny@mobile u-padding-bottom-small@tablet">
  357.                         {% if info.header1 %}
  358.                             <p class="u-h1 u-margin-bottom-none">{{ info.header1 | raw }}</p>
  359.                         {% endif %}
  360.                         {% if info.header2 %}
  361.                             <p class="u-h2 u-color-grey u-text-light">{{ info.header2 | raw }}</p>
  362.                         {% endif %}
  363.                     </div>
  364.                 </div>
  365.             {% if not svenHome or routepath == 'notaris_frontend_msk_subpage' %}</a>{% endif %}
  366.             {% if showMskSplash is not defined %} {# when we are on MSK startpage don't show menu #}
  367.             <nav role="navigation" class="c-nav u-hidden@tablet u-hidden@desktop u-hidden@wide">
  368.                 <div class="c-nav--left">
  369.                     <ul class="o-list-inline o-list-bare">
  370.                         <li class="o-list-inline__item">
  371.                             {% set addresses = getAddresses(notaryId) %}
  372.                             {% if svenHome or addresses['all']|length > 1 %}
  373.                                 <span class="c-nav__item c-nav__item--no-hover c-nav__item--inactive {% if svenHome == false %}c-nav__item_home{% endif %} {% if addresses['all']|length > 1 %}js-home-icon{% endif %}" title="Home">
  374.                                     <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
  375.                                 </span>
  376.                             {% else %}
  377.                                 <a href="{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}" class="c-nav__item c-nav__item--no-hover" title="Home">
  378.                                     <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
  379.                                 </a>
  380.                             {% endif %}
  381.                             <div class="c-nav__toggle_list c-nav__toggle_list_mobile js-nav-address-list" style="display: none">
  382.                                 <a href="/" class="nav-address-list-item c-nav__toggle_item">{{ 'mn_start_page' | trans }}</a>
  383.                                 {% for address in addresses['all'] %}
  384.                                     {% set path = path('notaris_frontend_msk_subpage', {slug: address.slug }) %}
  385.                                     {% if routepath == 'notaris_frontend_sven_preview' %}
  386.                                         {% set path = path('notaris_frontend_sven_preview', {notaryId: notaryId.id , slug: address.slug }) %}
  387.                                     {% endif %}
  388.                                     <a href="{{ path }}" class="c-nav__toggle_item {% if address.slug == addresses.currentSlug %}active{% endif %}">
  389.                                         {% for addressInfo in address.info %}
  390.                                             {% if addressInfo.locale == locale and addressInfo.city != '' %}{{ addressInfo.street }} - {{ address.zipcode }} {{ addressInfo.city }}{% endif %}
  391.                                         {% endfor %}
  392.                                     </a>
  393.                                 {% endfor %}
  394.                             </div>
  395.                         </li>
  396.                     </ul>
  397.                 </div>
  398.             </nav>
  399.         <nav role="navigation" class="c-nav u-hidden@mobile">
  400.             <div class="c-nav--left">
  401.                 <ul class="o-list-inline o-list-bare">
  402.                     <li class="o-list-inline__item">
  403.                         {% set addresses = getAddresses(notaryId) %}
  404.                         {% if svenHome or addresses['all']|length > 1 %}
  405.                             <span class="c-nav__item c-nav__item--no-hover c-nav__item--inactive {% if svenHome == false %}c-nav__item_home{% endif %} {% if addresses['all']|length > 1 %}js-home-icon{% endif %}" title="Home">
  406.                                 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
  407.                             </span>
  408.                         {% else %}
  409.                             <a href="{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}" class="c-nav__item c-nav__item--no-hover" title="Home">
  410.                                 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
  411.                             </a>
  412.                         {% endif %}
  413.                         <div class="c-nav__toggle_list js-nav-address-list" style="display: none">
  414.                             <a href="/" class="nav-address-list-item c-nav__toggle_item">{{ 'mn_start_page' | trans }}</a>
  415.                             {% for address in addresses['all'] %}
  416.                                 {% set path = path('notaris_frontend_msk_subpage', {slug: address.slug }) %}
  417.                                 {% if routepath == 'notaris_frontend_sven_preview' %}
  418.                                     {% set path = path('notaris_frontend_sven_preview', {notaryId: notaryId.id , slug: address.slug }) %}
  419.                                 {% endif %}
  420.                                 <a href="{{ path }}" class="c-nav__toggle_item {% if address.slug == addresses.currentSlug %}active{% endif %}">
  421.                                     {% for addressInfo in address.info %}
  422.                                         {% if addressInfo.locale == locale and addressInfo.city != '' %}{{ addressInfo.street }} - {{ address.zipcode }} {{ addressInfo.city }}{% endif %}
  423.                                     {% endfor %}
  424.                                 </a>
  425.                             {% endfor %}
  426.                         </div>
  427.                     </li>
  428.                 </ul>
  429.             </div>
  430.             {# navigation modules sven #}
  431.             <div class="c-nav--right">
  432.                 <ul class="o-list-inline u-text-right u-margin-bottom-none c-nav__list">
  433.                     {% set navigations_array = {
  434.                         'people': 'sv_nav_medewerkers',
  435.                         'downloads':'sv_nav_downloads',
  436.                         'news':'mn_nieuws_sven',
  437.                         'jobs':'sv_jobs',
  438.                         'fednotLinks':'links',
  439.                         'immo': 'immo',
  440.                         'notaristv': 'sv_notaristv',
  441.                         'themes': 'sv_themes' } %}
  442.                     {% if notary is defined and notary.id == 26565 %}
  443.                         <li class="o-list-inline__item">
  444.                             <a href="https://immo.notaire.be/fr/" target="_blank" class="c-nav__item u-color-black-60 js-sven-navigation">
  445.                                 Immo
  446.                             </a>
  447.                         </li>
  448.                     {% endif %}
  449.                     {% for item in getSvenBuild(notaryId, locale, addressSlug) %}
  450.                         <li class="o-list-inline__item">
  451.                             <a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{item.type}}" data-type="{{ item.type }}" title="{{navigations_array[item.type]|trans|capitalize}}" class="c-nav__item u-color-black-60 js-sven-navigation">
  452.                                 {{navigations_array[item.type]|trans|capitalize}}
  453.                             </a>
  454.                         </li>
  455.                     {% endfor %}
  456.                     <li class="o-list-inline__item">
  457.                 <a href="#!" title="{{'sv_meer'|trans}}" class="js-show-subnavigation c-nav__item u-color-black-60{% if lastPart != '' %} u-bg-primary u-color-white{% else %} c-nav__item--icon{% endif %}">
  458.                             {{'sv_meer'|trans}}
  459.                             {% if lastPart == '' %}
  460.                                 <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="u-color-path-black-60">
  461.                                     <path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z" fill="true"/>
  462.                                 </svg>
  463.                             {% endif %}
  464.                         </a>
  465.                     </li>
  466.                     <li class="o-list-inline__item">
  467.                         <a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{'sv_contact'|trans|lower}}" title="{{'sv_contact'|trans}}" class="c-nav__item u-color-black-60 js-sven-navigation">{{'sv_contact'|trans}}</a>
  468.                     </li>
  469.                 </ul>
  470.             </div>
  471.             {# navigation subsites #}
  472.             <div class="c-nav--subnav{% if lastPart == '' %} js-subnav u-hidden{% endif %}">
  473.                 <ul class="o-list-inline u-text-center o-flex u-bg-black-10">
  474.                     {#<li class="o-list-inline__item o-flex--equal">#}
  475.                         {#{% if locale == 'nl' %}#}
  476.                             {#{% set notarisslug = 'notaris' %}#}
  477.                         {#{% else %}#}
  478.                             {#{% set notarisslug = 'notaire' %}#}
  479.                         {#{% endif %}#}
  480.                         {#<a href="{{ path('notaris_frontend_subsite', {'slug': notarisslug}) }}" title="{{ 'mn_de_notaris' | trans }}" class="c-nav__item u-color-hoveractive-white u-color-black-60{% if lastPart == notarisslug %} u-bg-white{% endif %}">{{ 'mn_de_notaris_sven' | trans }}</a>#}
  481.                     {#</li>#}
  482.                     {% for subsite in listSubsites  %}
  483.                         <li class="o-list-inline__item o-flex--equal">
  484.                             <a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" title="{{ subsite.name }}" class="c-nav__item u-color-hoveractive-white u-color-black-60{% if lastPart == subsite.slug %} u-bg-white{% endif %}">{{ subsite.name }}</a>
  485.                         </li>
  486.                     {% endfor %}
  487.                 </ul>
  488.             </div>
  489.             {% endif %}
  490.         </nav>
  491.         {# END: SVEN NAVIGATIE ONDER BANNER #}
  492.         {% else %}
  493.             <div class="c-pageheader u-margin-bottom-small@tablet u-padding-top-small@mobile u-padding-bottom-small@mobile u-padding-none@tablet">
  494.                 {% if locale == 'nl' %}
  495.                     <a href="/" title="Notaris"><img class="c-logo c-logo--header-large u-margin-top-tiny" src="/assets/images/logo/notaris.svg" alt="Notaris" title="Notaris"/></a>
  496.                 {% else %}
  497.                     <a href="/" title="Notaire"><img class="c-logo c-logo--header-large u-margin-top-tiny" src="/assets/images/logo/notaire.svg" alt="Notaire" title="Notaire"/></a>
  498.                 {% endif %}
  499.             </div>
  500.             <nav role="navigation" class="c-nav u-hidden@mobile">
  501.                 {# navigation subsites #}
  502.                 <div class="c-nav--subnav">
  503.                     <ul class="o-list-inline u-text-center o-flex">
  504. {#                            {{ include('@NotarisFrontend/module/mod_subsubmenu.html.twig', {'color': notarisslug, 'subsite': getSubsiteNotary(locale) }) }}#}
  505.                         {# other menu items #}
  506.                         {% for subsite in listSubsites  %}
  507.                             <li class="o-list-inline__item o-flex--equal c-nav__parent-item">
  508.                                 <a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}"
  509.                                     title="{{ subsite.name }}"
  510.                                     class="c-nav__item js-nav__item u-color-hoveractive-black10 u-color-hoveractive-{{ subsite.stylesheet }} u-color-black-60{% if lastPart == subsite.slug %} u-bg-{{ subsite.stylesheet }} u-color-white{% endif %}"
  511.                                     data-slug="{{ subsite.slug }}" data-actual="{{ lastPart }}">
  512.                                     {{ subsite.name }}
  513.                                 </a>
  514.                                 <!-- @NOTE: use u-color-hoveractive-huwenensamenwonen on notaris -->
  515.                             {# SubSubmenu #}
  516.                             {{ include('@NotarisFrontend/module/mod_subsubmenu.html.twig', {'color': subsite.stylesheet, 'subsite': subsite, 'lastPart': lastPart }) }}
  517.                         </li>
  518.                     {% endfor %}
  519.                 </ul>
  520.             </div>
  521.         </nav>
  522.         {% endif %}
  523.     {% endif %}
  524.     </header>
  525. {% endblock %}
  526.     <main class="o-wrapper{% block calculateClasses %} {% endblock %}">
  527.         {% block body %}{% endblock %}
  528.     </main>
  529.     <!-- cookie banner accept -->
  530.     <div class="c-bar c-bar-adj c-bar--cookie js-cookie u-hidden {% if showMskSplash is defined %}theme-standard{% endif %}">
  531.         <div class="o-wrapper">
  532.             <div class="o-layout o-layout--flush">
  533.                 <div class="o-layout__item u-1/1 u-padding-right-small u-margin-top-large">
  534.                     <p class="c-bar__message u-color-primary u-text-bold">{{'cookie_bar_title'|trans|raw}}</p>
  535.                 </div>
  536.                 <div class="o-layout__item u-1/1 u-margin-top-small">
  537.                     <p class="c-bar__message u-color-white">{{'cookie_bar_text'|trans|raw}}</p>
  538.                 </div>
  539.                 <div class="o-layout__item u-1/1 u-margin-top-small u-hidden@largewide u-hidden@wide">
  540.                     <a href="#" title="{{'alg_all_cookies'|trans|raw}}" class="js-cookie-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-top u-1/1">
  541.                         <b>{{'alg_all_cookies'|trans|raw}}</b>
  542.                     </a>
  543.                     <a href="#" title="{{'alg_no_cookies'|trans|raw}}" class="js-cookie-no-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-top u-1/1">
  544.                         <b>{{'alg_no_cookies'|trans|raw}}</b>
  545.                     </a>
  546.                 </div>
  547.                 <div class="o-layout__item u-margin-bottom-small@mobile u-margin-top-large u-margin-top-huge@desktop u-margin-top-huge@large u-margin-top-huge@wide">
  548.                     <a href="/{{'cookie_subsite'|trans}}/{{ 'cookie_section' | trans }}#content-center-cookie" class="u-margin-left-small u-margin-left-none u-margin-top-tiny adj">
  549.                         {{ 'alg_link_cookies_text' | trans | raw }}
  550.                     </a>
  551.                     <a href="#" title="{{'alg_all_cookies'|trans|raw}}" class="js-cookie-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-left-small u-margin-bottom fl-r u-hidden@mobile u-hidden@tablet u-hidden@large">
  552.                         <b>{{'alg_all_cookies'|trans|raw}}</b>
  553.                     </a>
  554.                     <a href="#" title="{{'alg_no_cookies'|trans|raw}}" class="js-cookie-no-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-left-small u-margin-bottom fl-r u-hidden@mobile u-hidden@tablet u-hidden@large">
  555.                         <b>{{'alg_no_cookies'|trans|raw}}</b>
  556.                     </a>
  557.                 </div>
  558.             </div>
  559.         </div>
  560.     </div>
  561.     <!-- FOOTER -->
  562.     <footer class="u-margin-top-large u-no-print">
  563.         {% block footer %}{% endblock %}
  564.         <div class="u-bg-grey-darker">
  565.             <div class="o-wrapper">
  566.                 <div class="o-layout u-padding-top-large u-padding-bottom-huge">
  567.                     <div class="o-layout__item u-1/5@desktop u-text-center u-text-right@desktop u-hidden@desktopwide {% if notaryId is defined %}u-padding-footer{% endif %}">
  568.                         <p class="u-color-white">
  569.                             <small>
  570.                                 {% if locale == "nl" %}
  571.                                     <a href="/contact/notaris-be-contact" target="_blank" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
  572.                                 {% else %}
  573.                                     <a href="/nouveautes/contact" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
  574.                                 {% endif %}
  575.                             </small>
  576.                         </p>
  577.                     </div>
  578.                     <div class="o-layout__item u-4/5@desktop u-text-center u-text-left@desktop {% if notaryId is defined %}u-padding-footer{% endif %}">
  579.                         <p class="u-color-white">
  580.                             <small>
  581.                                 Copyright &copy; {{ "now"|date("Y") }} {{'ft_copy2'|trans}}
  582.                                 {% if locale == 'nl' %}
  583.                                     <a href="/gebruiksvoorwaarden/notaris-be-gebruiksvoorwaarden" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_gebruiksvoorwaarden'|trans}}">{{ 'ft_gebruiksvoorwaarden' | trans }}</a>
  584.                                 {% else %}
  585.                                     <a href="/conditions-dutilisation/conditions-d-utilisation" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_gebruiksvoorwaarden'|trans}}">{{ 'ft_gebruiksvoorwaarden' | trans }}</a>
  586.                                 {% endif %}
  587.                                 <a href="{{ 'ft_privacy_link' | trans }}" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_privacy'|trans}}">{{ 'ft_privacy' | trans }}</a>
  588.                                 <a href="{{ 'ft_cookie_link' | trans }}" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_cookie'|trans}}">{{ 'ft_cookie' | trans }}</a>
  589.                                 {% if notaryId is defined %}
  590.                                     <a href="{{ 'ft_gdpr_link' | trans }}" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_gdpr'|trans}}">{{ 'ft_gdpr' | trans }}</a>
  591.                                 {% endif %}
  592.                             </small>
  593.                         </p>
  594.                     </div>
  595.                     {% if notaryId is not defined %}
  596.                     <div class="o-layout__item u-1/5@desktop u-text-center u-text-right@desktop u-hidden@mobile u-hidden@tablet">
  597.                         <p class="u-color-white">
  598.                             <small>
  599.                                 {% if locale == "nl" %}
  600.                                     <a href="/contact/notaris-be-contact" target="_blank" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
  601.                                 {% else %}
  602.                                     <a href="/nouveautes/contact" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
  603.                                 {% endif %}
  604.                             </small>
  605.                         </p>
  606.                     </div>
  607.                     {% endif %}
  608.                     {% if notaryId is defined %}
  609.                     <div class="o-layout__item u-5/5@desktop u-text-center u-text-left@desktop">
  610.                         <p class="u-color-white">
  611.                             <small>
  612.                                 {{ 'sv_footer_ombudsdienst' | trans }} : <a href="https://{{ 'sv_footer_ombudsdienst_link' | trans }}" target="_blank">{{ 'sv_footer_ombudsdienst_link' | trans }}</a>
  613.                                 {% if notaryId.isPdoActive %}
  614.                                     <a href="" class="u-no-whitespace u-margin-left-small u-color-white js-modal-navigation" data-modal="pdo-modal" title="Data Protection Officer">Data Protection Officer</a>
  615.                                 {% endif %}
  616.                             </small>
  617.                         </p>
  618.                     </div>
  619.                     {% endif %}
  620.                     <div class="o-layout__item u-1/5@desktop u-text-center u-text-left@desktop">
  621.                         <p><small><a href="{{ 'ft_dc_projects_link' | trans }}" title="dc-projects.be" target="_blank" class="u-color-grey">dc-projects.be</a></small></p>
  622.                     </div>
  623.                 </div>
  624.             </div>
  625.         </div>
  626.     </footer>
  627.     {% if notaryId is defined and notaryId.isPdoActive %}
  628.         <div class="c-popup js-modal" id="pdo-modal">
  629.             <div class="c-popup__wrapper">
  630.                 <div class="c-popup__close c-popup__close--border u-text-right">
  631.                     <button class="js-modal-close c-btn--empty c-btn__close"><!--img src="/assets/images/icons/icon-close.svg" alt="close"/--></button>
  632.                 </div>
  633.                  <div class="c-popup__body">
  634.                     <h4 class="u-h3 u-margin-bottom-tiny">Data Protection Officer</h4>
  635.                     {{ 'sv_footer_modal_message' | trans({'%email%': info.pdoEmail}) | raw }}
  636.                 </div>
  637.             </div>
  638.         </div>
  639.     {% endif %}
  640.     <script>
  641.         var locale = "{{ locale }}";
  642.         var marriedOswald = false;
  643.         var googleAnalytics = locale === 'fr' ? '{{ google_analytics_fr }}' : '{{ google_analytics_nl }}';
  644.         var googleTagManager = locale === 'nl' ? '{{ google_tag_manager_main_nl }}' : '{{ google_tag_manager_main_fr }}';
  645.         var ShowGoogleAnalytics = true;
  646.         {% if notaryId is defined and notaryId.showInjob == false %}
  647.             ShowGoogleAnalytics = false;
  648.         {% endif %}
  649.         {#{% if notaryId is not defined %}#}
  650.             {#{% if subsite is defined and (subsite.slug == 'huwen-samenwonen' or subsite.slug == 'se-marier-vivre-ensemble') %}#}
  651.                 {#marriedOswald = true;#}
  652.             {#{% endif %}#}
  653.          {#// console.log('locale', locale, marriedOswald, defaultValueOswald);#}
  654.         {#{% endif %}#}
  655.     </script>
  656.     <script src="/assets/js/cookiesExt.js?15"></script>
  657.     <script>
  658.         WebFontConfig = {
  659.             google: {
  660.                 families: ['Lato:400,700','Montserrat:400,500,600', 'Assistant:wght@200;300&display=swap']
  661.             }
  662.         };
  663.         (function(d) {
  664.             var wf = d.createElement('script'), s = d.scripts[0];
  665.             wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
  666.             wf.async = true;
  667.             s.parentNode.insertBefore(wf, s);
  668.         })(document);
  669.     </script>
  670.     <script src="/assets/js/app.js?14"></script>
  671.     <script type="text/javascript">
  672.         {% if notaryId is defined %}
  673.             function setLanguage(choice) {
  674.                 document.setLangForm.setLangTo.value = choice;
  675.                 document.setLangForm.submit();
  676.             }
  677.         {% endif %}
  678.     </script>
  679.     <div id="fb-root"></div>
  680.     <script>
  681.         $.cookie('cookie-bar') === 'hide'; // && applyOswaldJs()
  682.         $.cookie('cookie-settings-statistics') === 'true' && applyAnalyticsJs();
  683.         $.cookie('cookie-settings-social') === 'true' && applySocialJs();
  684.          // console.log('those are the cookies statistics:', $.cookie('cookie-settings-statistics'));
  685.          // console.log('those are the cookies social:', $.cookie('cookie-settings-social'));
  686.         if (location.search.includes('cookie_bypass=1')) {
  687.             contentNavigable = true;
  688.             blockContent();
  689.             cookieBar.hide();
  690.         }
  691.     </script>
  692.     {% if subsite is defined and subsite != '' and subsite is not null %}
  693.         {% if subsite.slug == 'cookie_subsite' | trans and section.slug == 'cookie_section' | trans  %}
  694.             <script>
  695.                 app.old.anchorClick();
  696.                 if ($.cookie('cookie-bar') !== 'hide') {
  697.                     contentNavigable = true;
  698.                     blockContent();
  699.                     cookieBar.hide();
  700.                     {# If the cookie bar is present, the policies pages will be shown #}
  701.                     // $('.js-cookie').addClass('is-readable');
  702.                     // $('body > header, body > footer').addClass('is-disabled');
  703.                 }
  704.             </script>
  705.         {% else %}
  706.             <script>
  707.                 resetContentState();
  708.             </script>
  709.         {% endif %}
  710.     {% endif %}
  711.     {% block extrajs %}
  712.     {% endblock %}
  713. </body>
  714. </html>