{% extends 'new/base.html.twig' %}
{% block title %}{{ project.seoTitle }}{% endblock %}
{% block seoDescription %}{{ project.seoDescription | raw }} {% endblock %}
{% block seoKeywords %}{{ project.seoKeywords | raw }} {% endblock %}
{% block opengraph %}
<meta property="og:type" content="website">
<meta property="og:url" content="https://mosregco.ru{{ app.request.pathInfo }}">
<meta property="og:title" content="{{ project.Title | raw }}">
<meta property="og:description" content="{{ project.content | striptags | slice(0,150) }}">
<meta property="og:image" content="https://mosregco.ru{{ vich_uploader_asset(project, 'imageFile') }}">
{% endblock %}
{% block body %}
<div class="container wow fadeInUp mob-mt-35" style="margin-top: 63px">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('app_index') }}">Главная</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ project.title | raw }}</li>
</ol>
</nav>
</div>
<div class="container mt75 mob-mt-35 wow fadeInUp">
<div class="row">
<div class="col-md-4">
<img src="{{ vich_uploader_asset(project, 'imageFile') }}" id="big-logo" style="max-width: 100%; width: 100%; margin-bottom: 10px">
<div class="slider owl-carousel owl-theme" id="slider-local_project">
<div class="item">
<img src="{{ vich_uploader_asset(project, 'imageFile') }}" class="mini-logo">
</div>
{% for image in project.images %}
<div class="item">
<img src="{{ vich_uploader_asset(image, 'imageFile') }}" class="mini-logo">
</div>
{% endfor %}
</div>
<div class="mt25 mob-mt-35">
<strong>Расположение</strong><br />
{{ project.location | raw }}
</div>
<div class="mt15">
<strong>Сумма инвестиций</strong><br />
{{ project.amountInvestment | raw }}
</div>
<div class="mt15">
<strong>Срок реализации</strong><br />
{{ project.implementationPeriod | raw }}
</div>
<div class="mt15">
<strong>Рабочих мест</strong><br />
{{ project.workPlace | raw }}
</div>
</div>
<div class="offset-md-1 col-md-7 mobb-mt-75">
<h2>{{ project.title | raw }}</h2>
<div class="mt50 mob-mt-35">
{{ project.content | raw }}
</div>
</div>
</div>
</div>
{% if project.smi | length > 0 %}
<div class="container mt75 wow fadeInUp">
<div class="row">
<div class="offset-md-5 col-md-6">
<h2 class="">Упоминания в СМИ</h2>
</div>
</div>
<div class="mt50 mob-mt-0 news-cards">
{# <div class="d-flex" style="gap: 10px">#}
<div class="owl-carousel owl-theme" id="owl-smi">
{% for publication in project.smi %}
{{ include('new\\Element\\smi_card.html.twig') }}
{% endfor %}
{# </div>#}
</div>
</div>
</div>
{% endif %}
{{ include('new\\widgets\\index_project.html.twig', {'notId' : project.id }) }}
{% if project.locX and project.locY %}
<div class="container mt-big wow fadeInUp">
<div id="map">
<div class="blackandwhite" style="">
<div id="mapapi" style="height: 525px"></div>
</div>
</div>
</div>
{% endif %}
<div style=" margin-bottom: -100px;">
{{ include('new\\widgets\\index_form.html.twig') }}
</div>
{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
#owl-smi .card-new{
width: auto;
}
</style>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$(document).ready(function (){
$('#owl-smi').owlCarousel({
loop:true,
margin:10,
nav:false,
responsive:{
0:{
items:1
},
600:{
items:2
},
1000:{
items:3
}
}
})
$('body').on("click", ".mini-logo", function () {
$('#big-logo').attr('src', $(this).attr('src'));
})
var owlItog = $('#slider-local_project').owlCarousel({
loop:true,
margin:10,
smartSpeed: 500,
nav:true,
dots:false,
navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
// animateOut: 'fadeOutDownBig',
// animateIn: 'fadeInDownBig',
responsive: {
0: {
items: 4
},
},
});
});
{% if project.locX and project.locY %}
ymaps.ready(function () {
var myMap = new ymaps.Map('mapapi', {
center: [{{ project.locX }}, {{ project.locY }}],
zoom: 11
}, {
searchControlProvider: false
}),
myPlacemark = new ymaps.Placemark([{{ project.locX }}, {{ project.locY }}], {
hintContent: '{{ project.title }}',
balloonContent: '{{ project.title }}'
}, {
// Опции.
// Необходимо указать данный тип макета.
iconLayout: 'default#image',
// Своё изображение иконки метки.
iconImageHref: '/assets/images/new/icon_loc_p.svg',
// Размеры метки.
iconImageSize: [60, 60],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
iconImageOffset: [-30, -70]
})
myMap.geoObjects
.add(myPlacemark);
});
{% endif %}
</script>
{% endblock %}