{% extends 'base_catalog.html' %}
{% load template_filters %}

{% load static %}
{% load i18n %}

{% block title %} {{ place.title }} {% endblock %}
{% block keywords %} {{ place.keywords }} {% endblock %}
{% block descriptions %} {{ place.descriptions }} {% endblock %}

{% block content_bread_scrumbs %}
    <div class="bread-crumbs">
		<a href="/">Главная страница</a>
		<a href="/places">Места</a>
		<strong>{{ place.name }}</strong>
	</div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block page_filter %}
{% endblock %}

{% block page_body %}
    <div class="m-article">
        <div class="item-wrap place clearfix">
            <aside>
				<div class="i-pict"><img src="{% if place.get_logo %}{{ place.get_logo.file_path.url }}
                              {% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt="" /></div>
				<!--<div class="i-rating">551</div>-->
			</aside>

            <div class="i-info">
                <header>
                    <div class="i-title">
                        {{ place.main_title|safe }}
                    </div>
                    <div class="i-descr">
                        {{ place.description|safe }}
                    </div>
                    <div class="i-address map-opened">
                        <header>
                            <div class="address">
                                {{ place.address.address }}
                            </div>

                            <div class="show-map"><a class="toggle-map" href="#">Раскрыть карту</a></div>
                        </header>
                        <div class="i-map">
						    <div class="close-map"><a class="toggle-map" href="#">Скрыть карту</a></div>
							<!-- позиция для карты задается в атрибуте data-coords -->
							<div class="map-canvas" id="map-canvas" data-coords="{{ place.address.lat }},{{ place.address.lng }}" ></div>
						</div>
                    </div>
                </header>
            </div>
        </div>

        <div class="i-services">
            <div class="sect-title">Услуги</div>
            <div class="is-wrap clearfix">
                <ul>
                    {% if place.bank %}
                    <li>Банк / банкоматы / обмен валюты</li>
                    {% endif %}
                    {% if place.wifi %}
                    <li>Wi-Fi</li>
                    {% endif %}
                    {% if place.children_room %}
                    <li>Детская комната</li>
                    {% endif %}
                    {% if place.disabled_service %}
                    <li>Сервис для инвалидов</li>
                    {% endif %}
                </ul>
                <ul>
                    {% if place.conference_centre %}
                    <li>Конгресс-центр</li>
                    {% endif %}
                    {% if place.business_centre %}
                    <li>Бизнес центр</li>
                    {% endif %}
                    {% if place.online_registration %}
                    <li>Онлайн-регистрация</li>
                    {% endif %}
                    {% if place.cafe %}
                    <li>Кафе и рестораны</li>
                    {% endif %}
                </ul>
                <ul>
                    {% if place.terminals %}
                    <li>Информационные терминалы</li>
                    {% endif %}
                    {% if place.parking %}
                    <li>Парковка</li>
                    {% endif %}
                    {% if place.press_centre %}
                    <li>Пресс-центр</li>
                    {% endif %}
                    {% if place.mobile_application %}
                    <li>Мобильное приложение</li>
                    {% endif %}
                </ul>
             </div>
        </div>
        <hr />
        {% if place.get_photos %}
        <div class="i-photo-slides">
            <div class="sect-title">Фотогалерея</div>
            <div id="ps-photo-gallery" class="ps-photo-gallery swiper-container">
                <ul class="swiper-wrapper">
                {% for photo in place.get_photos %}
                    <li class="swiper-slide"><img src="{{ photo.file_path.url }}" alt="" /></li>
                {% endfor %}
                </ul>
                <div class="re-controls">
                    <a class="prev" href="#">&lt;</a>
				    <a class="next" href="#">&gt;</a>
                </div>
            </div>
        </div>
        {% endif %}
        <div class="e-num-info">
            {% if place.total_area %}
            <div class="eni-area-wrap">
				<div class="eni-title">Общая выставочная площадь</div>
				<div class="eni-area">{{ place.total_area|int_format }} м²</div>
		    </div>
            {% endif %}

			<div class="eni-areas clearfix">
                {% if place.closed_area %}
				<div class="enis-col">
					<b>{{ place.closed_area|int_format }} м²</b>
					закрытая выставочная площадь
				</div>
                {% endif %}
                {% if place.open_area %}
				<div class="enis-col">
				<b>{{ place.open_area|int_format }} м²</b>
				открытая выставочная площадь
			    </div>
                {% endif %}
			</div>

            <div class="eni-areas clearfix">
                <div class="enis-col">
                    <ul>
                    {% for hall in place.halls.all %}
                        <li>{{ hall.name }} №{{ hall.number }} — {{ hall.capacity }}</li>
                    {% endfor %}
                    </ul>
                </div>
            </div>

            <div class="eni-holds">
                {{ place.total_year_action }}
            </div>

            <div class="eni-holds">
                {% if place.foundation_year %}
                <div class="eni-founded">Основано в <b>{{ place.foundation_year }}</b> году</div>
                {% endif %}
            </div>


        </div>
            {% if place.get_scheme %}
            <hr />
            <div class="e-pv-container">
                <div class="sect-title">Схема павильонов</div>
                <div class="div-img-wrap"><img src="{{ place.get_scheme.file_path.url }}" alt="" /></div>
            </div>
            {% endif %}
        <div class="i-contacts clearfix">
            <div class="sect-title">Контактная информация</div>
            <div class="ic-wrap">
                <div class="ic-col">
                    <div class="ic-addr">{{ place.address.address }}</div>
                    <div class="ic-links"><a target="_blank" href="http://{{ place.web_page }}">{{ place.web_page }}</a></div>
                </div>

                <div class="ic-col">
				    <ul class="tels">
                        {% if place.phone %}
                       <li>{{ place.phone|phone }} (телефон)</li>
                        {% endif %}
                        {% if place.fax %}
                       <li>{{ place.fax|phone }}  (факс)</li>
                        {% endif %}
                    </ul>
				</div>

            </div>
        </div>
    </div>

    <div class="i-events-list">
        <div class="sect-title">Список событий</div>
        <ul class="cat-list cl-exhibitions">
            {% for event in place.events %}
                <li class="cl-item" data-link="#">
                    <div class="cl-item-wrap clearfix">
                        <a href="#">
                            {% if event.expohit %}
                            <span class="hit"></span>
                            {% endif %}
                            <div class="cli-pict">
                                {% with obj=event %}
                                    {% include 'show_logo.html' %}
                                {% endwith %}
                            </div>
                        </a>

                        <div class="cli-info">
                            <div class="cli-top clearfix">
                                <header>
                                    <div class="cli-title"><a href="#">{{ event.name }}</a></div>
                                </header>

                                <div class="cli-descr">{{ event.main_title|safe }}</div>
                            </div>

                            <div class="cli-bot clearfix">
                                <div class="cli-date">
                                    {% with obj=event %}
                                        {% include 'show_date_block.html' %}
                                    {% endwith %}
                                </div>
                                <div class="cli-place">
                                    <a href="#">{{ event.country }}</a>, <a href="#">{{ event.city }}</a>
                                </div>
                            </div>
                        </div>

                        <div class="cli-buttons clearfix">
                            <div class="cli-m-buttons">
                                <div class="cli-services">
                                    <a class="button icon-sm" href="#">услуги</a>
                                    <div class="cli-services-sm">
                                        <ul>
                                        {% for service in event.service %}
                                            <li><a href="#">{{ service }}</a></li>
                                        {% endfor %}
                                        </ul>
                                    </div>
                                </div>
                                <a class="button blue icon-calendar" href="#">в расписание</a>
	    						<a class="button green icon-note" href="#">заметка</a>
                            </div>

                            <div class="cli-s-buttons">
			        			<a class="button blue2 lc" href="#">Лучшие цены на отели на <i>Booking</i>.com</a>
						    </div>
                        </div>
                    </div>

                    <footer class="clearfix">
						<div class="cli-stats">
							<span class="visitors">{{ event.visitors }}</span>
							<span class="participants">{{ event.members }}</span>
						</div>

						<div class="cli-tags">
                            {% with obj=event %}
                                {% include 'client/includes/show_tags.html' %}
                            {% endwith %}
                        </div>
					</footer>


            {% endfor %}
        </ul>
    </div>
    {% if place.get_nearest_places %}
    <div class="e-cat">
        <div class="sect-title">Ближайшие выставочные центры</div>
        <ul class="cat-list cl-places">
        {% for pl in place.get_nearest_places %}

            <li class="cl-item">
                <div class="cl-item-wrap clearfix">
                    <a href="/place/{{ pl.url }}">
                        <div class="cli-pict">
                        {% with obj=pl %}
                            {% include 'show_logo.html' %}
                        {% endwith %}
                        </div>
                    </a>

                    <div class="cli-info">
                        <div class="cli-top clearfix">
                            <header>
                                <div class="cli-title">
                                    <a href="/place/{{ pl.url }}"> {{ pl.name }}</a>
                                </div>
                            </header>
                            <div class="cli-descr">{{ pl.get_type }}</div>
                        </div>
                        <div class="cli-bot clearfix">
                            <div class="cli-dim">{{ pl.total_area }}</div>
                            <div class="cli-place">
                                <a href="#">{{ pl.country }}</a>, <a href="#">{{ pl.city }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        {% endfor %}
        </ul>
    </div>
    {% endif %}
{% endblock %}