@include('widget._feedback')
<footer class="footer wow fadeIn" data-wow-duration="1.5s">
    <div class="footer__header">
        <div class="footer__logo"><a class="footer__logo-link" href="/" aria-label="Ссылка на главную страницу">
                <svg class="footer__logo-svg" width="80" height="75">
                    <use xlink:href="/img/sprite.svg#logo"></use>
                </svg>
            </a></div>
        <div class="footer__top-wrapper"><a class="footer__top-link" href="#">Наверх</a></div>
    </div>
    <section class="footer__navigation">
        <h2 class="visually-hidden">Навигация по сайту</h2>
        <ul class="footer__navigation-list">
            <li class="footer__navigation-item footer__navigation-item--about">
                <h4 class="footer__navigation-title footer__navigation-btn"><span class="footer__navigation-title-wrapper">О проекте</span></h4>
                <ul class="footer__navigation-sublist">
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link slider-link" href="/about-project#0conc">Концепция</a>
                    </li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link slider-link" href="/about-project#1arch">Архитектура</a>
                    </li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link slider-link" href="/about-project#2tech">Технологии</a>
                    </li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link slider-link" href="/about-project#3dev">Благоустройство</a>
                    </li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link slider-link" href="/about-project#4safe">Безопасность</a>
                    </li>
                </ul>
            </li>
            <li class="footer__navigation-item footer__navigation-item--info">
                <h4 class="footer__navigation-title footer__navigation-btn"><span class="footer__navigation-title-wrapper">Информация</span></h4>
                <ul class="footer__navigation-sublist">
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/developer">Застройщик</a>
                    </li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/events">События</a>
                    </li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/documents">Документы</a>
                    </li>
                </ul>
            </li>
            <li class="footer__navigation-item footer__navigation-item--flats">
                <h4 class="footer__navigation-title footer__navigation-btn"><span class="footer__navigation-title-wrapper">Квартиры</span></h4>
                <ul class="footer__navigation-sublist">
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="#">Выбор по
                            параметрам</a></li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/finish">Отделка</a></li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/events/detail/usloviya_pokupki">Условия
                            покупки</a></li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/#3d">3d-тур
                            по дому</a></li>
                    <li class="footer__navigation-subitem"><a class="footer__navigation-link" href="/penthouse">Пентхаусы</a>
                    </li>
                </ul>
            </li>
            <li class="footer__navigation-item footer__navigation-item--other">
                <h4 class="visually-hidden">Остальные
                    ссылки</h4>
                <ul class="footer__navigation-sublist footer__navigation-sublist--other">
                    <li class="footer__navigation-subitem footer__navigation-subitem--big"><a class="footer__navigation-link footer__navigation-link--big" href="/location">Расположение</a>
                    </li>
                    <li class="footer__navigation-subitem footer__navigation-subitem--big"><a class="footer__navigation-link footer__navigation-link--big" href="/contacts">Контакты</a></li>

                </ul>
                <div class="d-flex pt-2">
                    <a target="_blank" class="mr-1 appIcon appStore" href="https://apps.apple.com/ru/app/elements-ar/id1490822776">
                    </a>
                    <a target="_blank" class="mr-1 appIcon googlePlay" href="https://play.google.com/store/apps/details?id=com.vrlab.dev.ElementsAR">
                    </a>
                </div>
            </li>

        </ul>

    </section>
    <section class="footer__contacts">
        <div class="footer__contacts-wrapper">
            <h3 class="visually-hidden">Контакты</h3>
            <h4 class="footer__contacts-title">Elements</h4>
            <p class="footer__contacts-text">Жилой проект бизнес-класса открывает новые возможности для тех, кто ценит
                высокий уровень жизни.</p>
            <div class="footer__phone-container"><a class="footer__phone-text call" href="#">Обратный звонок</a> <a class="footer__phone" href="tel:+74232901101" data-tel="+74232901101">+7 (423) 2-901-101</a></div>
        </div>
    </section>
    <div class="footer__social-wrapper">
        <ul class="footer__social">
            <li class="footer__social-item"><a class="footer__social-link footer__social-link--tg" target="_blank" href="https://t.me/elements_med" aria-label="Ссылка на страницу tg"></a></li>
            <li class="footer__social-item"><a class="footer__social-link footer__social-link--vk" target="_blank" href="https://vk.com/elementsdom" aria-label="Ссылка на страницу vkontakte"></a></li>
{{--            <li class="footer__social-item"><a class="footer__social-link footer__social-link--instagram" target="_blank" href="https://www.instagram.com/elementsdom/" aria-label="Ссылка на страницу instagram"></a></li>--}}
        </ul>
    </div>
    <div class="footer__wrapper">
        <p class="footer__company"><a class="footer__company-name" target="_blank" href="https://isksistema.ru/">ООО «Специализированный застройщик СК Система»</a></p>
        <ul class="footer__legal-links">
            <li class="footer__legal-item"><a class="footer__legal-link" href="/personal_data_processing.pdf">Политика конфиденциальности</a></li>
            <li class="footer__legal-item"><a class="footer__legal-link" href="/personal_data_processing.pdf" download>Обработка персональных данных</a></li>
        </ul>
    </div>
    <p class="footer__developers">Разработка сайта <a class="footer__developers-link" target="_blank" href="http://dviga.marketing" aria-label="Ссылка на сайт разработчика"></a></p>
    <a id="roistat-phone" style="display:none"></a>
</footer>
<script>
    var captcha1;
    var captcha2;
    var captcha3;
    var onloadCallback = function () {
        captcha1 = grecaptcha.render(document.getElementById('captcha1'), {
            'sitekey' : '6LfBOYEaAAAAAFBg84Lf3Kn8lD5kWgpzB-9uWLdx',
        });
        captcha2 = grecaptcha.render(document.getElementById('captcha2'), {
            'sitekey' : '6LfBOYEaAAAAAFBg84Lf3Kn8lD5kWgpzB-9uWLdx',
        });
        captcha3 = grecaptcha.render(document.getElementById('captcha3'), {
            'sitekey' : '6LfBOYEaAAAAAFBg84Lf3Kn8lD5kWgpzB-9uWLdx',
        });
    };
</script>
<script defer="" src="/js/lib/ofi.min.js"></script>
@yield('footer')
<!-- модалка с ноутом -->
<!-- <div style="display: none; background-color: transparent;" id="offer">
    <div class="offer">
        <div class="offer__left">
            <div class="feedback__form-inner">
                <h3 class="feedback__form-title">MacBook AIR при покупке квартиры в мае!</h3>
                <p class="offerText">Купи квартиру в Elements и получи современный MacBook AIR 2020 года. Все подробности по телефону <a href="tel:2901101">2-901-101</a> или заполните форму, чтобы мы вам перезвонили. </p>
                <form class="feedback__form feedback-form" method="POST" action="/mail">
                    <p class="feedback-form__part">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input class="feedback-form__input placeholder-shown" type="text" pattern="^[a-zA-Zа-яА-ЯёЁ]{1}[\sa-zA-Zа-яА-ЯёЁ]{0,}$" name="name" placeholder=" " id="feedback-form-name-modal_offer" maxlength="21" required="">
                        <label class="feedback-form__label" data-invalid="Поле заполнено неверно" data-text="Имя" for="feedback-form-name-modal_offer">Имя</label></p>
                    <p class="feedback-form__part"><input class="feedback-form__input placeholder-shown" type="email" name="email" placeholder=" " id="feedback-form-email-modal_offer" required="">
                        <label class="feedback-form__label" data-invalid="Поле заполнено неверно" data-text="Эл. почта" for="feedback-form-email-modal">Эл. почта</label></p>
                    <p class="feedback-form__part"><input class="feedback-form__input js-cleave-phone placeholder-shown" type="text" name="phone" placeholder=" " id="feedback-form-tel-modal_offer" pattern="\d{1} [\(]\d{3}[\)] \d{3} \d{2} \d{2}" required="">
                        <label class="feedback-form__label" data-invalid="Поле заполнено неверно" data-text="Номер телефона" for="feedback-form-tel-modal">Номер телефона</label></p>
                    <div class="feedback-form__checkbox-wrap"><input class="feedback-form__checkbox visually-hidden" type="checkbox" name="agreement-modal" id="agreement-modal_offer" required="">
                        <label class="feedback-form__checkbox-label" for="agreement-modal_offer">Я ознакомлен(на)</label> <a class="feedback-form__link" href="/personal_data_processing.pdf">с политикой конфиденциальности</a> <span>и&nbsp;принимаю</span>
                        <a class="feedback-form__link" href="/personal_data_processing.pdf" download>условия обработки персональных данных</a> <span class="feedback-form__invalid-text">Чтобы продолжить, необходимо принять условия</span>
                    </div>
                    <button class="feedback-form__submit default-button position-relative" type="submit">жду вашего звонка</button>
                </form>
            </div>
            <div class="feedback__form-modal feedback-modal">
                <button class="feedback-modal__button" type="button" aria-label="закрыть">
                    <svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9.42285 9.19238L27.8076 27.5772" stroke-width="2"></path>
                        <path d="M27.8076 9.19238L9.42284 27.5772" stroke-width="2"></path>
                    </svg>
                </button>
                <div class="feedback-modal__wrap">
                    <p class="feedback-modal__main-text">Спасибо! <span class="test">Ваша заявка принята</span>
                    </p>
                    <p class="feedback-modal__extra-text">наш менеджер свяжется с вами сегодня*</p>
                    <p class="feedback-modal__footnote">* в будние дни с 9:00-18:00</p>
                </div>
            </div>
        </div>
        <div class="offer__right">
            <div class="offer__image" style="background-image: url('http://elementsdom.ru/img/mac.jpg')">
                <div class="offer__imageBagckground d-sm-none"></div>
            </div>
        </div>
    </div>
</div> -->
<!-- <script>
    let offerOpen = false;

    function closeOffer() {
        document.cookie = "showOffer = true; max-age=180";
    }

    function openOffer() {
        $.fancybox.open({
            src: '#offer',
            type: 'inline',
            opts: {
                afterShow: function(instance, current) {
                    offerOpen = true;
                },
                afterClose: function(instance, current) {
                    offerOpen = false;
                    closeOffer()
                }
            }
        });
    }
    if (getCookie("showOffer") === undefined) {
        document.cookie = "showOffer = true; max-age=40";
    }
    setInterval(() => {
        if (getCookie("showOffer") === undefined && !offerOpen) {
            openOffer()
        }
    }, 2000);
</script> -->
<script src="/js/lib/wow.min.js"></script>
<script>
    new WOW().init();
</script>
<script async>
    ! function(e, t) {
        var i = e.getElementsByTagName("script")[0];
        n = e.createElement("script"), n.src = "//pb7470.profitbase.ru/assets/js/sw.js", n.async = !0, n.onload = function() {
            t.pb_front_widget.init("//pb7470.profitbase.ru/api/v2/json/sitewidget/widget", {
                pb_api_key: "86f7175df589d0fd4ed7fb8d659db396"
            })
        }, i.parentNode.insertBefore(n, i)
    }(document, window);
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() { // Аналог $(document).ready(function(){
        let buttonProfitbaseClick = document.getElementsByClassName("open-profitbase");

        let myFunction = function() {
            document.getElementById("pb-widget-show").click();
        };

        for (let i = 0; i < buttonProfitbaseClick.length; i++) {
            buttonProfitbaseClick[i].addEventListener('click', myFunction, false);
        }
    });
</script>
<script type="text/javascript">
    function overButton() {
        document.querySelector('.bageMain').classList.add('active')
        document.querySelector('#open-profitbase').classList.add('active')
    }

    function leaveButton() {
        document.querySelector('.bageMain').classList.remove('active')
        document.querySelector('#open-profitbase').classList.remove('active')
    }
</script>

<!--
Скрипт загружает Roistat и подменяет телефоны на сайте.
Телефоне в ProfitBase подменяются автоматически, в этом коде нет этой функции.
Код сработает, если в первом if указать true.

Правки внесли crm-specnaz.ru

!!!
При подмене номера, в верхнем левом углу, телефон переносится на новую строку, потому что он шире, чем основной номер
В style.css внесли правки размера шрифта, на 1px меньше.
При повторной сборке стилей все сломается, нужно будет это учесть сборщику и внести правки в SAAS.

!!!
В код шаблона также добавлен невидимый DOM-element <a id="roistat-phone" style="display:none"></a> для работы скрипта
-->
<script>
    if (true) {
        (function(w, d, s, h, id) {
            w.roistatProjectId = id;
            w.roistatHost = h;
            var p = d.location.protocol == "https:" ? "https://" : "http://";
            var u = /^.*roistat_visit=[^;]+(.*)?$/.test(d.cookie) ? "/dist/module.js" : "/api/site/1.0/" + id + "/init";
            var js = d.createElement(s);
            js.charset = "UTF-8";
            js.async = 1;
            js.src = p + h + u;
            var js2 = d.getElementsByTagName(s)[0];
            js2.parentNode.insertBefore(js, js2);
        })(window, document, 'script', 'cloud.roistat.com', '45ef0944e0ad6509839bc553050683d1');

        function get_full_roistat_phone() {
            return $("#roistat-phone").text().replace("8 (", "+7 (");
        }

        function get_full_roistat_phone_condensed() {
            return get_full_roistat_phone().replace("-", "").replace("-", "").replace("(", "").replace(")", "").replace(" ", "").replace(" ", "");
        }

        function get_short_roistat_phone() {
            return get_full_roistat_phone().split(") ")[1];
        }



        function change_phone() {
            $(".footer__phone").data("tel", get_full_roistat_phone_condensed());
            $(".footer__phone").text(get_full_roistat_phone());

            $("a[href='tel:+74232901101']").text(get_full_roistat_phone());
            $("a[href='tel:+74232901101']").attr("href", "tel:" + get_full_roistat_phone_condensed())

            $(".header__phone").data("tel", get_full_roistat_phone_condensed());
            $(".header__phone > span").text(get_short_roistat_phone());
        }


        window.onload = function() {
            change_phone();
            console.log($("#roistat-phone").text());
        };

    }
</script>
<!--<link rel="stylesheet" href="https://cdn.envybox.io/widget/cbk.css">
<script type="text/javascript" src="https://cdn.envybox.io/widget/cbk.js?wcb_code=89f6eba13eaa02e23714ac9d2cd8770b" charset="UTF-8" async></script>
-->
<!-- FFFFF -->
<script src="https://isksistema.acebot.ru/assets/modules/channel-web/inject.js"></script>
<script>
    window.botpressWebChat.init({host: 'https://isksistema.acebot.ru/', botId: 'elementsdom1'})
    window.addEventListener('message', function(event){if (event.data.name === 'webchatReady'){window.botpressWebChat.sendEvent({type: 'proactive-trigger',
        channel: 'web',
        payload:{text: 'fake message'}})}})
</script>
</body>

</html>