{% extends 'TroikaRealEstateBundle:Default:layout.html.twig' %}
{% block title %}
{{ lot.typeHouse.name }},
{{ lot.highway }} шоссе {{ lot.mkadDistance }}км, ID:{{ lot.id }} - Troika Estate
{% endblock %}
{% block ogTitle %}
{{ lot.typeHouse.name }},
{{ lot.highway }} шоссе {{ lot.mkadDistance }}км, ID:{{ lot.id }} - Troika Estate
{% endblock %}
{% block ogImg %}
{% for photo in lot.photos %}
{% if photo.isMain %}https://troikaestate.ru{{ photo.webPathImage }}
{% endif %}
{% endfor %}
{% endblock %}
{% block description %}{{ lot.ShortDescription|striptags }}{% endblock %}
{% block canonicallink %}https://troikaestate.ru/zagorodnaya_nedvizhimost/{% endblock %}
{% block main %}
<div id="card-map" class="map map__card" style="display: none;"></div>
<script src="https://api-maps.yandex.ru/2.1/?apikey=b768297a-39c6-4852-9956-1d07c2261d8f&lang=ru_RU"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
setTimeout(function (argument) {
var lng = $('#complex_card_map').data('lat');
var lat = $('#complex_card_map').data('lng');
ymaps.ready(function (argument) {
var map = new ymaps.Map('complex_card_map', {
center: [parseFloat(lng), parseFloat(lat)],
zoom: 10, controls: [],
behaviors: ['default', 'scrollZoom']
},
{
maxZoom: 22,
minZoom: 9,
yandexMapDisablePoiInteractivity: true,
//suppressMapOpenBlock: true,
autoFitToViewport: 'always', //'none'|'ifNull'|'always'
//restrictMapArea: [[20.0, 20.0], [70.0, 70.0]],
checkZoomRange: true,
duration: 500,
timingFunction: 'ease-in-out', //CSS transition-timing-function. Полный список значений: http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag
useMapMargin: true,
zoomMargin: 150,
delay: 500,
flying: true
// safe: true
});
var myPlacemark = new ymaps.Placemark(
[parseFloat(lng), parseFloat(lat)],
{
hintContent: `{{ lot.typeHouse.name }}, {{ lot.highway }} шоссе {{ lot.mkadDistance }}км, ID:{{ lot.id }}`
},
{
preset: 'islands#icon',
iconColor: '#c800ff',
//openEmptyBalloon: true,
//balloonPanelMaxMapArea: 0
/* iconLayout: 'default#imageWithContent',
iconImageHref: '/img/mark.png',
iconContent: '1',
iconImageOffset: [-16, -16],
iconImageSize: [32, 32],
iconImageClipRect: [[0, 0], [33, 32]] */
});
map.geoObjects.add(myPlacemark);
});
}, 1000);
});
</script>
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('/assets/lot.js') }}"></script>
{% endblock %}
<div class="content" itemscope itemtype="https://schema.org/Product"
data-address="{% if lot.settlement and lot.settlement.lng
and lot.settlement.lat and lot.settlement.lng is not empty
and lot.settlement.lat is not empty %}{{ lot.settlement.lat }} {{ lot.settlement.lng }}
{% else %}Московская область {{ lot.address.address|raw }}{% endif %}"
data-coord="{{ lot.yandexCoord }}" data-xcord="{{ lot.x }}" data-ycord="{{ lot.y }}">
<div class="wrapper wrapper__card huckkk" style="margin-top: 45px;">
<div class="layout-column-left">
<div class="btn btn__tiny btn__translucent btn__card hide__tablet hide__phone">
<ul class="hb hide__phone hide__tablet huck-150">
<li><a href="/">Элитная недвижимость</a></li>
<li>
<a href="/zagorodnaya_nedvizhimost{% if lot.typeOperation.id == 2 %}_arenda{% endif %}/">{% if lot.typeOperation.id == 2 %}Аренда{% else %}Продажа{% endif %}
загородной недвижимости</a></li>
<li class="current">{{ lot.typeHouse.name }}: {{ lot.id }}</li>
</ul>
</div>
</div>
<div class="layout-column-left" style="width: 65%">
<!-- <a onclick="history.back()" href="#" style="margin-right: 20px;margin-top: -76px;float: right;" class="btn hide__phone btn__tiny btn__translucent btn__card"><i class="fa fa-reply"></i> вернуться к списку</a> -->
<!-- <a href="#" id="mapShow" style="margin-right: 20px;float: right;width: 150px;" class="btn hide__phone btn__tiny btn__translucent btn__card"><i class="fa fa-map-marker"></i> смотреть на карте</a> -->
<div class="panel panel__white panel__tabs-bottom card-photo">
<div class="slider slider__navigation" data-slider-force-size>
<div id="photo_slider" class="slider {% if lot.showlot is empty %}sold {% endif %}slider__navigation"
data-slider-force-size data-slider-force-step>
<div class="slider-items" data-slider-type="slider-items">
<ul data-no-animation="true" data-slider-type="slider-items-container">
{% for photo in lot.photos %}{% if not photo.isPlanning %}
<li><img {% if photo.isMain %} itemprop="image"
{% endif %}src="/cache{{ photo.webPathImage|replace({"." : "_1130x720."}) }}"
alt="{% if lot.typeOperation.id == 1 %}Купить{% else %}Арендовать{% endif %}
{{ currency.getAccusative(lot.typeHouse.id) }}
{% if lot.repair %}с отделкой{% else %}без отделки{% endif %}
{% if lot.settlement %}{{ lot.settlement.name }}{% endif %}
{% if lot.address is not empty %}{{ lot.address.address }}{% endif %} метро {% if lot.subway2 %}{{ lot.subway2.name }}{% else %}{{ lot.subway }}{% endif %}">
</li>
{% endif %}{% endfor %}
</ul>
</div>
<div class="slider-controls">
<div class="slider-controls-left" data-slider-type="slider-prev"></div>
<div class="slider-controls-right" data-slider-type="slider-next"></div>
{% if lot.showlot is empty %}
<div class="label plashkasold label__new uppercase">продано</div>{% else %}
<div class="slider-controls-zoom" data-slider-type="slider-zoom"><i class="fa fa-search-plus"></i>
увеличить
</div>{% endif %}
<div class="slider-controls-close" data-slider-type="slider-close"><i class="fa fa-remove"></i>
закрыть
</div>
</div>
<div class="slider-navigation">
<div class="slider-navigation-left" data-slider-type="slider-prev"></div>
<div class="slider-navigation-right" data-slider-type="slider-next"></div>
<div class="slider-navigation-items" data-slider-type="slider-thumbs">
<ul data-slider-type="slider-thumbs-container">
{% for photo in lot.photos %}{% if not photo.isPlanning %}
<li><img src="{{ photo.webPathImage }}" alt=""></li>
{% endif %}{% endfor %}
</ul>
</div>
</div>
</div>
{% if lot.virtualTourLink and lot.virtualTourImage %}
<div id="virtual_slider">
<a target="_blank" href="{{ lot.virtualTourLink }}">
<img src="/img/virtual/{{ lot.virtualTourImage }}" alt=""/>
</a>
</div>
{% endif %}
<!--<ul class="tabs tabs__bottom tabs__main tabs__column-2">
<li id="photos_btn" class="tabs-item active"><i class="fa fa-camera"></i> фотографии</li>
<li id="planning_btn" class="tabs-item"><i class="fa fa-retweet"></i> планировки</li>
<li id="virtual_btn" class="tabs-item"><i class="fa fa-binoculars"></i> виртуальный тур</li>
</ul>-->
</div>
</div>
</div>
<div class="layout-column-right" style="width: 32%; float: right">
<div class="panel panel__white">
<h1>{{ lot.typeHouse.name }}: {{ lot.id }}</h1>
<table class="table">
<tr>
<td class="table-key">Стоимость {% if lot.typeOperation.id == 2 %}в месяц{% endif %}</td>
<td class="table-value table-value__right">
{% if lot.price == 0 %}
<div class="label label__new uppercase" style="
margin-right: 0px;
">цена по запросу
</div>{% endif %}
{% if lot.price != 0 %}
<div
class="table-value-big {% if lot.oldPrice > 0 %}strike{% endif %}">{{ currency.getRubles(lot.price, lot.currency) | number_format(0, '.', ' ') }}
<i class="fa fa-rub"></i></div>
{% if lot.price != 0 %}{% if lot.oldPrice > 0 %}
<div class="table-value-big" itemprop="price"
style="color: #f36d1e;">{{ (currency.getRubles(lot.price, lot.currency) - currency.getDollars(lot.price * lot.oldPrice * 0.01 , lot.currency)) | number_format(0, '.', ' ') }}
<i class="fa fa-rub"></i></div>
{% endif %}{% endif %}
<p>
${{ currency.getDollars(lot.price - lot.price * lot.oldPrice * 0.01, lot.currency) | number_format(0, '.', ' ') }}</p>
{% endif %}
</td>
</tr>
{# <tr>
<td class="table-key">Стоимость за сот.</td>
<td class="table-value table-value__right">
${{ currency.getDollars((lot.price - lot.price * lot.oldPrice * 0.01)/lot.homesteadArea, lot.currency) | number_format(0, '.', ' ') }} $ / {{ currency.getRubles((lot.price - lot.price * lot.oldPrice * 0.01)/lot.homesteadArea, lot.currency) | number_format(0, '.', ' ') }}
</td>
</tr> #}
<tr class="table-spacer"></tr>
</table>
<div class="hr hr__dotted"></div>
<table class="table">
<tr>
<td class="table-key" colspan="2">
{% if lot.isNew %}
<div class="label label__new uppercase">новое предложение</div>
{% endif %}
</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
{% if lot.settlement %}
<td class="table-key table-key__big" colspan="2"><h2 itemprop="name">{{ lot.settlement.name }}</h2>
</td>
{% elseif lot.address %}
<td class="table-key table-key__big" colspan="2"><h2 itemprop="name">{{ lot.address.address }}</h2>
</td>
{% endif %}
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Направление</td>
<td class="table-value" colspan="2">{{ lot.highway }}</td>
</tr>
{% if lot.mkadDistance %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Расстояние от МКАД</td>
<td class="table-value">{{ lot.mkadDistance }} км.</td>
</tr>
{% endif %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Тип недвижимости</td>
<td class="table-value">{{ lot.typeHouse.name }}</td>
</tr>
</table>
<div class="hr hr__dotted"></div>
<table class="table">
<tr>
<td class="table-key">Площадь дома</td>
<td class="table-value">{{ lot.area }} м<sup>2</sup></td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Площадь участка</td>
<td class="table-value">{{ lot.homesteadArea }} сот.</td>
</tr>
{% if lot.rooms %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Комнатность</td>
<td class="table-value">{{ lot.rooms }}</td>
</tr>
{% endif %}
{% if lot.bedrooms %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Спален</td>
<td class="table-value">{{ lot.bedrooms }}</td>
</tr>
{% endif %}
{% if lot.wc %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Санузлов</td>
<td class="table-value">{{ lot.wc }}</td>
</tr>
{% endif %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Готовность</td>
<td class="table-value">{% if lot.stageHouse and lot.stageHouse.name %}{{ lot.stageHouse.name }}{% endif %}</td>
</tr>
</table>
<div class="hr hr__dotted"></div>
<table class="table">
<tr>
<td class="table-key">Объект</td>
<td class="table-value">ID:{{ lot.id }}</td>
</tr>
<tr class="table-spacer"></tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">
<a href="#" class="btn btn__small btn_fave_lot btn_fave_lot_card btn__outlined"
data-id="{{ lot.id }}">
<i class="fa fa-star"></i> в избранное
</a>
</td>
<td class="table-value table-value__right">
{# <div class="controls" style="float: right;">
<a href="#" id="mail" data-id="{{ lot.id }}" data-prefix="zagorodnaya_nedvizhimost" class="btn btn__small btn__gray"><i class="fa fa-envelope-o"></i></a>
<a href="#" id="print" data-id="{{ lot.id }}" data-prefix="zagorodnaya_nedvizhimost" class="btn btn__small btn__gray"><i class="fa fa-print"></i></a>
</div> #}
</td>
</tr>
</table>
{% if lot.settlement.landing is defined and lot.settlement.landing is not null %}
<table class="table">
<tr>
<td class="table-key">
<a
{% if lot.settlement.landing.template == 'new' %}
href="/site/{{ lot.settlement.landing.slug }}"
{% else %}
href="/page/{{ lot.settlement.landing.slug }}"
{% endif %}
target="_blank" class="btn btn__block" style="width: 100%; margin-top: 15px">
Посмотреть все свободные объекты
</a>
</td>
</tr>
</table>
{% endif %}
</div>
<div class="complex_card_map hide__phone" id="complex_card_map" data-lat="{{ lot.settlement.lat }}"
data-lng="{{ lot.settlement.lng }}"></div>
<div class="block hide__phone hide__tablet">
{{ render(controller('TroikaRealEstateBundle:Banner:getBanner', { 'banner': 6 })) }}
</div>
</div>
<div class="layout-column-left desctop-m60"
style="width: 65%;margin-top: -25px;">
<div
class="panel panel__white panel__lighten old_text fckn-shit">
<h2 class="title">ОПИСАНИЕ</h2>
<p itemprop="description">{{ lot.description | raw }}</p>
</div>
{% if lot.fieldGroups | length %}
<div class="panel panel__columned-3 panel__lighten">
{% for group in lot.fieldGroups %}
<div class="panel-column old_text">
<h2 class="title">{{ group.name }}:</h2>
<table class="table">
{% for field in group.fields %}
<tr>
<td class="table-key" style="width: 70%">{{ field.name }}</td>
<td class="table-value">{{ field.value }}</td>
</tr>
{% endfor %}
</table>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{# <div class="layout-column-right desctopm25" style=" margin-top: 232px;">
<div class="panel panel__gray panel__consult text-right">
<div class="strong font22" style="
text-align: left;
"></div>
<a href="#" class="btn btn__block btn__question" data-button="Предложите вашу цену!" data-object="{{ lot.id }}"
data-object-url="/zagorodnaya_nedvizhimost/{{ lot.id }}">
<span class="whatsapp"></span>
<span class="viber"></span>
<span class="telegramm"></span>
Предложите вашу цену!</a>
</div>
</div> #}
<div class="clearfix"></div>
{% if similar|length > 0 %}
<div class="hr hr__light clearfix__after"></div>
<div class="wrapper">
<h2 class="caption text-center sim_h">похожие объекты</h2>
<div class="slider slider__cards sim">
<div class="slider-items cards" data-slider-type="slider-items">
<ul data-slider-type="slider-items-container">
{% for lot in similar %}
<li>
<a href="/zagorodnaya_nedvizhimost/{{ lot.id }}" class="cards-item">
<div class="cards-item-image">
<img
src="{% if lot.photos|length %}/cache{{ lot.photos.0.webPathImage|replace({"." : "_305x176."}) }}{% endif %}"
alt="">
</div>
<div class="cards-item-text">
<table class="table">
<tr>
<td class="table-key table-key__big" colspan="2">
<div class="for-hint card-item-title hint"><span><a
href="/zagorodnaya_nedvizhimost/{{ lot.id }}">{% if lot.settlement %}{{ lot.settlement.name }}{% else %}{% if lot.highway %}{{ lot.highway }}, {{ lot.mkadDistance }} км от МКАД{% else %}{{ lot.mkadDistance }} км от МКАД{% endif %}{% endif %}</a></span>
</div>
</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Направление:</td>
<td class="table-value">
<div class="for-hint card-item-title hint height20 width156">
<span>
{{ lot.highway }}
</span>
</div>
</td>
</tr>
<tr>
<td class="table-key">Тип недвижимости:</td>
<td class="table-value">
<div class="for-hint card-item-title hint height20 width156">
<span>
{{ lot.typeHouse }}
</span>
</div>
</td>
</tr>
<tr>
<td class="table-key">Площадь дома:</td>
<td class="table-value">{{ lot.area }} м<sup>2</sup></td>
</tr>
<tr>
<td class="table-key">Площадь участка:</td>
<td class="table-value">{{ lot.homesteadArea }} сот.</td>
</tr>
<tr>
<td class="table-key">От МКАД:</td>
<td class="table-value">{{ lot.mkadDistance }} км</td>
</tr>
</table>
<table class="table">
<tr>
<td class="table-key idd">ID:{{ lot.id }}</td>
<td class="table-value nobr">
<div class="table-value-big m-m70 {% if lot.oldPrice > 0 %}strike{% endif %}">
{% if lot.price > 0 %}
{{ currency.getRubles(lot.price, lot.currency) | number_format(0, 0, ' ', ' ') }}
<i class="fa fa-rub"></i>
{% else %}
<div class="label label__new uppercase">цена по запросу</div>
{% endif %}</div>
{% if lot.oldPrice > 0 %}
<div
class="table-value-big m-m70 f36d1e">{{ currency.getRubles(lot.price - lot.price * lot.oldPrice * 0.01, lot.currency) | number_format(0, '.', ' ') }}
<i class="fa fa-rub"></i></div>
{% endif %}
</td>
</tr>
</table>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
<div class="slider-controls">
<div class="slider-controls-left" data-slider-type="slider-prev"></div>
<div class="slider-controls-right" data-slider-type="slider-next"></div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% block goals %}
<script>
$(document).ready(function () {
{% if app.environment != 'dev' %}
setTimeout(function () {
yaCounter20865403.reachGoal('anltc_suburban_one_open');
}, 1000);
$('.header__btn.btn__question>a').click(function () {
yaCounter20865403.reachGoal('anltc_suburban_order');
});
$('.btn.btn__block.btn__question').click(function () {
yaCounter20865403.reachGoal('anltc_suburban_order');
});
{% endif %}
});
</script>
{% endblock %}