{% extends 'TroikaRealEstateBundle:Default:layout.html.twig' %}
{% block title %} {{ lot.typeHouse.name }}{% if lot.country %}, {{ lot.country.name }}{% endif %}, {{ lot.countryCity.name }}, ID: {{ lot.id }} - Troika Estate{% endblock %}
{% block ogTitle %}{{ lot.typeHouse.name }}{% if lot.country %}, {{ lot.country.name }}{% endif %}, {{ lot.countryCity.name }}, ID: {{ lot.id }} - Troika Estate{% endblock %}
{% block canonicallink %}https://troikaestate.ru/zarubezhnaya_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: 7, 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 }}{% if lot.business %}, {{ lot.business.name }}{% endif %},<br> {{ lot.address.address }}, 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="{{ lot.country }} {{ lot.countryCity }} {{ lot.address.address }}" data-xcord="{{ lot.x }}"
data-ycord="{{ lot.y }}">
<div class="wrapper wrapper__card huckkk" style="margin-top: 45px;">
<div class="btn btn__tiny btn__translucent btn__card hide__tablet hide__phone" style="width: 100%;">
<ul class="hb hide__phone hide__tablet">
<li><a href="/">Элитная недвижимость</a></li>
<li>
<a href="/zarubezhnaya_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 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="/zarubezhnaya_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 {% if photo.isMain %} itemprop="image" {% endif %}><img
src="/cache{{ photo.webPathImage|replace({"." : "_1130x720."}) }}" alt=""></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 {% if photo.isMain %} itemprop="image" {% endif %} 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.getRubles(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 class="table-spacer"></tr>
<tr>
<td class="table-key">Стоимость за м<sup>2</sup></td>
<td class="table-value table-value__right">
{{ currency.getRubles((lot.price - lot.price * lot.oldPrice * 0.01)/lot.area, lot.currency) | number_format(0, '.', ' ') }}
<i class="fa fa-rub"></i>
/ {{ currency.getDollars((lot.price - lot.price * lot.oldPrice * 0.01)/lot.area, 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>
<td class="table-key table-key__big" colspan="2"><h2
itemprop="name">{{ lot.country }} {{ lot.countryCity }}</h2></td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Страна</td>
<td class="table-value" colspan="2">{{ lot.country }}</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Город</td>
<td class="table-value">{{ lot.countryCity }}</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Тип недвижимости</td>
<td class="table-value">{{ lot.typeHouse.name }}</td>
</tr>
<tr>
<td class="table-key">Адрес:</td>
<td class="table-value">{{ lot.address.street }} {{ lot.address.home }}</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>
{% if lot.homesteadArea %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Участок</td>
<td class="table-value">{{ lot.homesteadArea }} сот.</td>
</tr>
{% endif %}
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Готовность</td>
<td class="table-value">{{ lot.stageHouse }}</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Комнат</td>
<td class="table-value">{{ lot.rooms }}</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Спален</td>
<td class="table-value">{{ lot.bedrooms }}</td>
</tr>
</table>
<div class="hr hr__dotted"></div>
<table class="table">
<tr>
<td class="table-key">Объект</td>
<td class="table-value">ID:<span id="idd">{{ lot.id }}</span></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_card btn__outlined btn_fave_lot"
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;margin-right: 7px;">
<a href="#" id="mail" data-id="{{ lot.id }}" data-prefix="zarubezhnaya_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="zarubezhnaya_nedvizhimost" class="btn btn__small btn__gray"><i class="fa fa-print"></i></a>
</div> #}
</td>
</tr>
</table>
</div>
<div class="complex_card_map hide__phone" id="complex_card_map"
data-lat="{{ lot.x }}"
data-lng="{{ lot.y }}"></div>
<div class="block hide__phone hide__tablet">
{{ render(controller('TroikaRealEstateBundle:Banner:getBanner', { 'banner': 8 })) }}
</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="/zarubezhnaya_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="/zarubezhnaya_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-photos">{{ lot.photos|length }}</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>{{ lot.country }}</span></div>
</td>
</tr>
<tr class="table-spacer"></tr>
<tr>
<td class="table-key">Страна:</td>
<td class="table-value">{{ lot.country }}</td>
</tr>
<tr>
<td class="table-key">Город:</td>
<td class="table-value">{{ lot.countryCity }}</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">
<div class="for-hint card-item-title hint height20 width156">
<span>{{ lot.area }} м<sup>2</sup></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.rooms }} {{ 'комната'|trans({},null, null, lot.rooms%10) }}</span>
</div>
</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.price == 0 %}
<div class="label label__new uppercase" style="
margin-right: 0px;
">цена по запросу
</div>
{% else %}
{{ currency.getRubles(lot.price - lot.price * lot.oldPrice * 0.01, lot.currency) | number_format(0, '.', ' ') }}
<i class="fa fa-rub"></i>
{% endif %}
</div>
</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_foreign_one_open');
}, 1000);
$('.header__btn.btn__question>a').click(function () {
yaCounter20865403.reachGoal('anltc_foreign_order');
});
$('.btn.btn__block.btn__question').click(function () {
yaCounter20865403.reachGoal('anltc_foreign_order');
});
{% endif %}
});
</script>
{% endblock %}