{% extends 'TroikaRealEstateBundle:Default:layout.html.twig' %}
{% block title %}{{ analytic.metaTitle }}{% endblock %}
{% block description %}{{ analytic.metaDescription }}{% endblock %}
{% block keywords %}{{ analytic.metaKeywords }}{% endblock %}
{% block ogTitle %}{{ analytic.name }}{% endblock %}
{% block ogImg %}https://troikaestate.ru/cache{{ analytic.webPathImg|replace({"." : "_720x360."}) }}{% endblock %}
{% block main %}
<div id="content" class="content">
<div class="wrapper news">
<ul class="hb hide__phone hide__tablet hbtmfix">
<li><a href="/">Элитная недвижимость</a></li>
<li><a href="/analytic">Аналитика</a></li>
<li class="current">{{ analytic.name }}</li>
</ul>
<div id="layout" class="layout">
<div class="layout-column-left">
{# <div id="btn-delivery" class="btn btn-orange btn__block" style="margin-bottom: 12px">подписаться</div> #}
<div class="panel panel__white panel__list hide__phone hide__tablet">
<ul class="list__clean fontOpenSans lh24">
{% for year_item in date %}
<li style="float: left; margin-right: 10px;"><a href="/analytic/{{ year_item.date }}/"
class="link link__underlined">{{ year_item.date }}
год</a></li>
{% endfor %}
</ul>
</div>
<div class="block hide__phone hide__tablet">
{{ render(controller('TroikaRealEstateBundle:Banner:getBanner', { 'banner': 3 })) }}
</div>
</div>
<div class="layout-column-right">
<div class="block block-select hide__desktop" style="margin-left: -2px">
<select name="" id="analytic-select">
{% for year_item in date %}
<option value="{{ year_item.date }}">{{ year_item.date }}
год
</option>
{% endfor %}
</select>
</div>
<div class="cards cards__list cards__list__news">
<h1>{{ analytic.name }}</h1>
{{ analytic.text|raw }}
{# <a href="{{ analytic.webPathfile }}" download="{{ analytic.name }}"
style="color: #c1b2a9; text-decoration: underline;"><img style="width: 16px;display: inline-block;"
src="/pdf-file.png" alt=""/> Скачать отчет в pdf</a>
#}
</div>
{# <div id="photo_slider" class="slider slider__navigation" data-slider-force-size data-slider-force-step>
<div class="slider-items" data-slider-type="slider-items">
<ul data-slider-type="slider-items-container">
{% for photo in analytic.photos %}
<li><img src="/cache{{ photo.webPathImage|replace({"." : "_1130x720."}) }}" alt=""></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 class="slider-controls-zoom" data-slider-type="slider-zoom"><i class="fa fa-search-plus"></i>
увеличить
</div>
<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 analytic.photos %}
<li><img src="{{ photo.webPathImage }}" alt=""></li>
{% endfor %}
</ul>
</div>
</div>
</div> #}
</div>
{% if links is defined %}
<div class="news_list_in_item">
<ul>
{% for link in links %}
<li>
<a href="/news/item/{{ link.id }}">{{ link.name }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
{#
<div class="modal fade" id="deliveryNews">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="font-size: 18px; font-weight: 100;">подписаться на аналитику</h4>
</div>
<div class="modal-body">
<div id="newsModalError" class="panel-container error-content ModalError">
<p></p>
</div>
<div class="panel-container__left">
<div class="panel-container modal-panel">
<input type="text" class="control control__icon-before" placeholder="Имя" id="dName">
<i class="fa fa__control fa-user pull-left gray-dark"></i>
</div>
<div class="panel-container modal-panel">
<input type="text" class="control control__icon-before" placeholder="Компания" id="dCompany">
<i class="fa fa__control fa-home pull-left gray-dark"></i>
</div>
<div class="panel-container modal-panel">
<input type="text" class="control control__icon-before" placeholder="E-mail" id="dMail">
<i class="fa fa__control fa-envelope pull-left gray-dark"></i>
</div>
</div>
</div>
<div class="modal-footer">
<div class="btn" id="btn-ok" style="width: 280px;">подписаться</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
#}
<style>
.cards.cards__list.cards__list__news h1 img,
.cards.cards__list.cards__list__news p img {
width: 100%;
height: auto;
}
.cards__list__news p, .cards__list__news li {
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
line-height: 21px;
color: #171717;
margin-bottom: 5px;
}
.cards.cards__list.cards__list__news h1, .cards.cards__list.cards__list__news h2, .cards.cards__list.cards__list__news h3, .cards.cards__list.cards__list__news h4, .cards.cards__list.cards__list__news h5 {
font-family: Open Sans, sans-serif;
color: rgb(57, 57, 57);
font-weight: 600;
margin-bottom: 10px;
}
.news .cards.cards__list.cards__list__news > h5 {
font-size: 14px;
}
.news .cards.cards__list.cards__list__news > h4 {
font-size: 15px;
}
.news .cards.cards__list.cards__list__news > h3 {
font-size: 16px !important;
}
.news .cards.cards__list.cards__list__news > h2 {
font-size: 18px;
}
.news .cards.cards__list.cards__list__news > h1 {
font-size: 20px;
}
@media (min-width: 700px) {
.cards.cards__list.cards__list__news {
width: 70%;
}
div#layout {
position: relative;
}
.news_list_in_item {
position: absolute;
top: 85px;
right: 0px;
width: 27%;
border: solid #e5e0db 1px;
border-radius: 2px;
padding: 11px;
font-size: 13px;
}
.news_list_in_item li {
margin-bottom: 8px;
line-height: 16px;
}
.news_list_in_item a {
color: #393939;
text-decoration: underline;
}
}
.cards.cards__list.cards__list__news li {
list-style: circle;
margin-left: 16px;
}
@media (max-width: 700px) {
.news_list_in_item {
display: none;
}
}
</style>
{# <script>
$('#btn-delivery').on('click', function () {
$('#deliveryNews').modal();
$('#deliveryNews h4.modal-title').text('подписаться на новости');
$('#btn-ok').on('click', function () {
$('.error').each(function () {
$(this).removeClass('error');
});
errorText = '';
error = 0;
if ($.trim($('#dName').val()) == '') {
error = 1;
errorText += 'Не заполнено поле "Имя" \n';
$('#dName').addClass('error');
}
if ($.trim($('#dCompany').val()) == '') {
error = 1;
errorText += 'Не заполнено поле "Компания" \n';
$('#dCompany').addClass('error');
}
if (!isValidMail($('#dMail').val())) {
error = 1;
errorText += 'Не заполнено поле "E-mail" \n';
$('#dMail').addClass('error');
}
console.log(errorText);
if (error != 1) {
$('#newsModalError').html('');
$('#newsModalError').hide();
$.ajax({
url: '/api/newsClient',
type: 'POST',
data: {
name: $('#dName').val(),
company: $('#dCompany').val(),
mail: $('#dMail').val()
}
}).done(function () {
$('#deliveryNews').modal('hide');
$('#questionSuccessModal').modal();
$('#questionSuccessModal h4.modal-title').text('подписаться на новости');
$('#questionSuccessModal .modal-body').text('Спасибо!');
$('#quest-close').click(function () {
$('#questionSuccessModal').modal('hide');
});
});
} else {
$('#newsModalError').html(errorText);
$('#newsModalError').html($('#newsModalError').html().replace(/\n/g, '<br/>'));
$('#newsModalError').show();
}
});
});
</script>
#}
<script src="/js/lightbox.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/lightbox.css">
{% endblock %}