{% extends 'TroikaRealEstateBundle:Default:layout.html.twig' %}{% block title %}Контакты «Troika Estate»{% endblock %}{% block description %}Для того чтобы найти надежную компанию по продаже или покупке элитной недвижимости, нет необходимости тратить массу времени. Всю необходимую информацию о надежной и профессиональной фирме можно найти здесь.{% endblock %}{% block main %} <script> $(document).ready(function () { $('#quest-ok').click(function (e) { var btn = $(this); $('.error').each(function () { $(this).removeClass('error'); }); error = 0; errorText = ''; $('#contactModalError').html(''); $('#contactModalError').hide(); if ($.trim($('#mName').val()) == '') { error = 1; $('#mName').addClass('error'); errorText += 'Не заполнено поле "Имя" \n'; } /* if (!isValidMail($('#mMail').val())) { error = 1; $('#mMail').addClass('error'); errorText += 'Не заполнено поле "E-mail" \n'; } */ if (($('#agree-input').prop('checked')) === false) { error = 1; $('#agree-input').addClass('error'); errorText += 'Требуется Ваше согласие с <a href=\'/docs/Политика%20в%20области%20персональных%20данных.docx\' target=\'_blank\'>пользовательским соглашением.</a> \n'; } if(error === 0 && !btn.hasClass( "sending" )) { $('#contactModalError').hide(); btn.addClass('sending'); btn.text('Отправка...'); $.ajax({ url: "/api/order", type: "POST", data: { name: $("#mName").val(), mail: $("#mMail").val(), phone: $("#mPhone").val(), text: $("#mText").val() } }).done(function() { /* errorText += 'Вопрос успешно отправлен!'; $('#contactModalError').html(errorText); $('#contactModalError').html($('#contactModalError').html().replace(/\n/g, '<br/>')); $('#contactModalError').show(); */ btn.removeClass('sending'); btn.text('Отправить'); $("#questionModal").modal("hide"); $("#questionSuccessModal h4.modal-title").text("обратная связь"); $("#questionSuccessModal").modal(); return $("#quest-close").click(function() { return $("#questionSuccessModal").modal("hide") }) }).fail(function () { btn.removeClass('sending'); btn.text('Отправить'); }); } else{ $('#contactModalError').html(errorText); $('#contactModalError').html($('#contactModalError').html().replace(/\n/g, '<br/>')); $('#contactModalError').show(); } //$("#modal").arcticmodal('close'); //$("#success").arcticmodal(); }); }); </script> <div id="content" class="content old contact_huck"> <div class="wrapper old_text"> <ul class="hb hide__phone hbtmfix"> <li><a href="/">Элитная недвижимость</a></li> <li class="current">Контакты</li> </ul> <h1>Получить консультацию эксперта по недвижимости</h1> <div class="layout layout__column-left"> <div class="layout-column-left"> <div class="panel panel__gray panel__catalog" style=" border-radius: 0px; background: white;"> <div class="panel-container"><h2 class="title text-center m50-tablet" style="color: #666;">Задайте вопрос</h2></div> <div class="panel-container__left"> <div id="contactModalError" class="panel-container error-content ModalError"> </div> <div class="panel-container no-top-margin-on-tablet"> <input type="text" class="control control__icon-before" id="mName" placeholder="имя"> <i class="fa fa__control fa-user pull-left gray-dark"></i> </div> <div class="panel-container"> <input type="text" class="control control__icon-before" id="mPhone" placeholder="телефон"> <i class="fa fa__control fa-phone pull-left gray-dark"></i> </div> <div class="panel-container"> <input type="text" class="control control__icon-before" id="mMail" placeholder="е-mail"> <i class="fa fa__control fa-envelope pull-left gray-dark"></i> </div> </div> <div class="panel-container"> <textarea class="control control__icon-before" placeholder="комментарий" id="mText" rows="6"></textarea> <i class="fa fa__control fa-pencil pull-left gray-dark"></i> </div> <div class="panel-container"> <div class="agree-container"> <input type="checkbox" id="agree-input"> <label for="agree-input" class="agree-label">Я согласен(на) с <a href="/agreement" target="_blank">Политикой конфиденциальности.</a></label> </div> </div> <div class="panel-container"> <div class="btn btn-orange btn__block" id="quest-ok">отправить</div> </div> </div> </div> <div class="layout-column-right new"> <div class="cards cards__contacts"> {% for contact in contacts %} <div class="cards-item" itemscope itemtype="https://schema.org/Organization"> <div class="cards-item-image" style="border-radius: 0px"> <img width="100" src="{{ contact.webPathImage }}" alt=""> </div> <div class="cards-item-text" style="border-left: solid #eee 1px;"> <table class="table"> <tr> <td class="table-key table-key__big" colspan="2"> <span class="gray-dark">{{ contact.name }}</span> <a href="#map" id="{{ contact.id }}" class="link orange link__dashed font12 pull-right view_kart hide__phone"><i class="fa fa-map-marker"></i> смотреть на карте</a> </td> </tr> <tr class="table-spacer"></tr> </table> <div class="hr hr__dotted"></div> <table class="table"> <tr class="table-spacer"></tr> <tr> <td class="table-key" colspan="2">адрес:</td> </tr> <tr style="height: 34px"> <td class="table-value" colspan="2" itemprop="address">{{ contact.address }}</td> </tr> <tr class="table-spacer"></tr> <tr> <td class="table-key" colspan="2">тел./факс:</td> </tr> <tr> <td class="table-value call_phone_2" colspan="2" itemprop="telephone">{{ contact.phone }}</td> </tr> <tr class="table-spacer"></tr> <tr> <td class="table-key" colspan="2">e-mail:</td> </tr> <tr> <td class="table-value" colspan="2" itemprop="email">{{ contact.mail }}</td> </tr> <tr class="table-spacer"></tr> <tr> <td class="table-key" colspan="2">e-mail для резюме:</td> </tr> <tr> <td class="table-value" colspan="2">{{ contact.mail2 }} </td> </tr> <tr class="table-spacer"></tr> </table> </div> </div> {% endfor %} </div> </div> </div> </div> <div class="layout layout__column-left m-p435" style="margin: 0 auto !important;"> <div class="layout-column-left"> </div> <a name="map"></a> <div class="layout-column-right hide__tablet hide__phone"> <ul class="tabs tabs__contacts tabs__column-2" style="margin-left: 0"> {% for contact in contacts %} <li name="{{ contact.id }}" style="width: 373px;" class="tabs-item contact-tab {% if loop.index == 1 %}active{% endif %}" data-address="{{ contact.address }}">{{ contact.name }}</li> {% endfor %} </ul> </div> <div class="hide__desktop hide__phone"> <ul class="tabs tabs__contacts tabs__column-2" style="margin-left: -297px"> {% for contact in contacts %} <li name="{{ contact.id }}" style="width: 373px;" class="tabs-item contact-tab {% if loop.index == 1 %}active{% endif %}" data-address="{{ contact.address }}">{{ contact.name }}</li> {% endfor %} </ul> </div> <div class="show__phone contact_lal"> <ul class="tabs tabs__contacts tabs__column-2" style="margin-left: -297px"> {% for contact in contacts %} <li name="{{ contact.id }}" class="tabs-item contact-tab {% if loop.index == 1 %}active{% endif %}" data-address="{{ contact.address }}">{{ contact.name }}</li> {% endfor %} </ul> </div> </div> </div> <div id="map" class="map map__contacts"></div> <script src="https://api-maps.yandex.ru/2.1/?apikey=b768297a-39c6-4852-9956-1d07c2261d8f&lang=ru_RU" type="text/javascript"></script> {# <script src="{{ asset('/js/441b7c7.js') }}"></script> #} {% block javascripts %} {{ parent() }} <script src="{{ asset('/assets/contacts_new.js') }}"></script> {# <script src="{{ asset('/assets/contacts.js') }}"></script> #} {% endblock %}{% endblock %}