{# Some pages use Bootstrap 5 #} 
{% set isBS5 = bs5|default(false) %} 
<!DOCTYPE html> 
<html lang="{% if app.request.locale == 'ua' %}uk-ua{% else %}ru-ua{% endif %}"> 
<head> 
    {% if app.environment == 'dev' %} 
        <meta name="robots" content="noindex, nofollow"> 
        <meta name="google-site-verification" content="FWJj2KVU8sswZ4I7nJAffMG7Tj8xgkCr3XX-FgBmAus" /> 
    {% endif %} 
 
    <link rel="preconnect" href="https://www.googletagmanager.com"> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,user-scalable=0"> 
    <meta name="google-site-verification" content="VQNmMzLlDoUUKSHDh_Bno6EG39hJYE9s0beA96Dk_vM"> 
    <meta name="facebook-domain-verification" content="zepah08oy5mc696rqnli2tv1jvovt1"> 
    <meta charset="utf-8"> 
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.ico"> 
    <link rel="icon" type="image/png" sizes="32x32" href="/icon-32x32.png"> 
    <link rel="icon" type="image/png" sizes="16x16" href="/icon-16x16.png"> 
    <link rel="manifest" href="/manifest.json"> 
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 
    <meta name="theme-color" content="#ffffff"> 
    <meta name="google-site-verification" content="ZnHsXhGdFYfiT15Ky8MUnybMBxinpxLLyl1YX0gInAs"> 
    <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/portal/css/portal{{ isBS5 ? 'BS5' : '' }}.css?{{ VERSION }}"> 
 
    {% block canonical %} 
        {% include '@DcSite/Modules/canonical.html.twig' %} 
    {% endblock canonical %} 
 
    {% block head %} 
    {% endblock head %} 
 
    {% block ogtagStatic %} 
        {% include '@DcSite/Modules/og-tag.html.twig' %} 
    {% endblock ogtagStatic %} 
    {% block ogtagDynamic %} 
    {% endblock ogtagDynamic %} 
    {% if INCLUDE_ANALYTICS %} 
        <noscript> 
            <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2565496603726688&ev=PageView&noscript=1" alt="facebook"> 
        </noscript> 
 
        {% include '@DcSite/Modules/google-tag-manager.html.twig' with { 'domain': 'vidi.ua', 'gtmIdCode': 'GTM-TK6DGWW' } %} 
    {% endif %} 
</head> 
 
<body> 
{% if INCLUDE_ANALYTICS %} 
<!-- Google Tag Manager (noscript) --> 
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK6DGWW" 
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
<!-- End Google Tag Manager (noscript) --> 
{% endif %} 
{% block socialPreview %} 
{% endblock socialPreview %} 
 
<div class="wrapper"> 
 
    {# Плашка Анонс бар #} 
    {% include '@Portal/header-top-bar.html.twig' with {'announcementBar' : announcementBar} %} 
 
 
    {% include '@Portal/new-header.html.twig' %} 
 
    <main class="main"> 
        {% include '@Core/Core/preloader.html.twig' %} 
        {% block content %} 
        {% endblock content %} 
    </main> 
 
    {% include '@Portal/Modules/callback-vidi.html.twig' %} 
    {% include '@Portal/footer.html.twig' %} 
    {% include '@Portal/header-canvas-left.html.twig' %} 
    {% include '@Portal/arrow-top-new.html.twig' %} 
    {% include '@DcSite/Modules/callback/widget.html.twig' %} 
    {% include '@DcSite/Modules/sps-popup.html.twig' %} 
    {% include '@My/Modules/cookies-warning.html.twig' with { 'noCookiesCSS': true, 'usePortalCookiesCss': true } %} 
    {% include '@My/Modules/auth.html.twig' %} 
    {% include '@DcSite/Modules/vidiCoreMessageWrapper.html.twig' %} 
</div> 
 
<iframe style="display: none" src="{{ path('my_ios_cross_domain_auth') }}"></iframe> 
 
{% set urlResult = backLoginUrl is defined and backLoginUrl ? backLoginUrl : path('my_about_car') %} 
<script> 
    window.INCLUDE_ANALYTICS = {{ INCLUDE_ANALYTICS ? 'true' : 'false' }}; 
</script> 
<script src="/dist/{{ MODE }}/portal/js/portal{{ isBS5 ? 'BS5' : '' }}.js?{{ VERSION }}"></script> 
<script> 
    window.dataLayer = window.dataLayer || []; 
    window.app = { 
        options: { 
            version: '{{ VERSION }}', 
            locale: '{{ app.request.locale }}' 
        }, 
        user: { 
            id: {% if app.user %} {{ app.user.id }} {% else %}null{% endif %}, 
            name: {% if app.user %} '{{ app.user.fullName }}' {% else %}null{% endif %} 
        } 
    }; 
 
    $(() => { 
        window.core.modules.initCookies({ 
            policyUrl: "{{ path('portal_privacy_policy') }}", 
            site: 'VIDI.UA', 
        }); 
        window.core.modules.initAuthRegistration({ 
            locale: "{{ app.request.locale }}", 
            fbAuthUrl: "{{ path('my_auth_fb_user') }}", 
            googleAuthUrl: "{{ path('my_auth_google_user') }}", 
            registerConfoirmUrl: "{{ path('my_register_confirm') }}", 
            profileUrl: '{{ urlResult }}', 
            getCodeUrl: "{{ path('my_register_get_code') }}", 
            resendCodeUrl: "{{ path('my_register_resend_reg_code') }}", 
            loginCodeUrl: "{{ path('core_register_code_login') }}", 
            messageRegisterSuccessTitle: "{{ 'app.message.register.success_title'|trans({},'core') }}", 
            messageRegisterSuccessText: "{{ 'app.message.register.success_text'|trans({},'core') }}", 
            messageLoginErrorPassword: "{{ 'app.message.login.error_password'|trans({}, 'core') }}", 
            messageLoginErrorEmail: "{{ 'app.message.login.error_email'|trans({}, 'core') }}" 
        }); 
        window.core.modules.initAuthChangePhone({ 
            locale: "{{ app.request.locale }}", 
            messageLoginErrorEmail: "{{ 'app.message.login.error_email'|trans({}, 'core') }}", 
            getCodeChangePhoneUrl: "{{ path('my_change_phone_get_code') }}", 
            setNewPhoneUrl: "{{ path('my_change_phone_set_phone') }}", 
            loginCodeUrl: "{{ path('core_register_code_login') }}", 
            confirmNewPhoneUrl: "{{ path('my_confirm_new_phone') }}", 
            profileUrl: "{{ path('my_about_car') }}" 
        }); 
 
        window.app.message = window.core.modules.initMessage({ 
            templateUrl: "{{ path('core_message_load_template') }}", 
            text: { 
                btnCancel: "{{ 'app.message.cancel'|trans({},'core') }}" 
            } 
        }); 
        window.app.http = window.core.modules.initHttp({ 
            requestErrorText: "{{ 'app.http.server_error'|trans({},'core') }}" 
        }); 
        window.Track = window.core.modules.initTrack(); 
        window.app.preLoader = window.core.modules.initPreloader({ 
            templateUrl: "{{ path('core_preloader_load_template') }}" 
        }); 
        window.app.leadForms = window.core.modules.initLeadForms({ 
            captchaUrl: '{{ path('base_capthcha_init') }}', 
            text: { 
                successTitle: '{{ 'modules.sps_form_title'|trans({}, 'dc_base') }}', 
                successText: '{{ 'modules.sps_form_subtitle'|trans({}, 'dc_base') }}', 
                buttonText: '{{ 'pages.base.ok'|trans({}, 'dc_base') }}' 
            }, 
            href: { 
                buttonSuccess: null, 
            }, 
        }); 
        window.app.Favorit = window.core.modules.initFavorite({ 
            addUrl: "{{ path('portal_add_favl') }}", 
            removeUrl: "{{ path('portal_remove_favl') }}" 
        }); 
        window.app.Compare = window.core.modules.initCompare(); 
 
        const portal = window.portal.portal || window.portal.portalBS5; 
        portal.init(); 
        portal.initViDiCallback({ 
            createCallbackUrl: '{{ path('callback_widget_create_request') }}', 
            getDepartmentUrl: '{{ path('callback_widget_department_vidi') }}', 
            getCallbackStateUrl: '{{ path('callback_widget_get_state') }}', 
            privacyUrl: '{{ path('portal_privacy_policy') }}', 
            callBackMinute: '{{ 'callback_widget.title'|trans({}, 'dc_base')|raw }}', 
            callBackWorkingHours: '{{ 'callback_widget.working_hours'|trans({}, 'dc_base') }}' 
        }); 
    }); 
</script> 
 
 {# Плашка Анонс бар #} 
<script> 
    document.addEventListener("DOMContentLoaded", function() { 
        const charityBar = document.querySelector('.charity_die'); 
        const closeBtn = document.querySelector('.charity_btn_close'); 
        const sessionKey = 'charityBarHidden'; 
 
        if (sessionStorage.getItem(sessionKey)) { 
            charityBar.classList.add('charity_die_hiden'); 
        } else { 
            charityBar.classList.remove('charity_die_hiden'); 
        } 
 
        closeBtn.addEventListener('click', function() { 
            charityBar.classList.add('charity_die_hiden'); 
            sessionStorage.setItem(sessionKey, 'charity_die_hiden'); 
        }); 
    }); 
</script> 
 
{% if INCLUDE_ANALYTICS %} 
    <noscript> 
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK6DGWW" height="0" width="0" style="display:none"></iframe> 
    </noscript> 
{% endif %} 
 
{% if app.user %} 
<script type="text/javascript"> 
    window.dataLayer.push({'user_id': {{ app.user.id }}}); 
</script> 
{% endif %} 
 
{% block script %} 
{% endblock script %} 
</body> 
</html>