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


{% 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.name|safe }}
                    </div>
                    <div class="i-descr">
                        {{ place.description|safe }}
                    </div>
                    <div class="i-address map-opened">
                        <header>
                            <div class="address">
                                {{ place.adress }}
                            </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|stringformat:'f' }},{{ place.address.lng|stringformat:'f' }}" ></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>{% trans 'Банк / банкоматы / обмен валюты' %}</li>
                    {% endif %}
                    {% if place.wifi %}
                    <li>Wi-Fi</li>
                    {% endif %}
                    {% if place.children_room %}
                    <li>{% trans 'Детская комната' %}</li>
                    {% endif %}
                    {% if place.disabled_service %}
                    <li>{% trans 'Сервис для инвалидов' %}</li>
                    {% endif %}
                </ul>
                <ul>
                    {% if place.conference_centre %}
                    <li>{% trans 'Конгресс-центр' %}</li>
                    {% endif %}
                    {% if place.business_centre %}
                    <li>{% trans 'Бизнес центр' %}</li>
                    {% endif %}
                    {% if place.online_registration %}
                    <li>{% trans 'Онлайн-регистрация' %}</li>
                    {% endif %}
                    {% if place.cafe %}
                    <li>{% trans 'Кафе и рестораны' %}</li>
                    {% endif %}
                </ul>
                <ul>
                    {% if place.terminals %}
                    <li>{% trans 'Информационные терминалы' %}</li>
                    {% endif %}
                    {% if place.parking %}
                    <li>{% trans 'Парковка' %}</li>
                    {% endif %}
                    {% if place.press_centre %}
                    <li>{% trans 'Пресс-центр' %}</li>
                    {% endif %}
                    {% if place.mobile_application %}
                    <li>{% trans 'Мобильное приложение' %}</li>
                    {% endif %}
                </ul>
             </div>
        </div>
        <hr />
        {% if place.get_photos %}
        <div class="i-photo-slides">
            <div class="sect-title">{% trans 'Фотогалерея' %}</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">{% trans 'Общая выставочная площадь' %}</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 }} {% trans 'м²' %}</b>
					{% trans 'закрытая выставочная площадь' %}
				</div>
                {% endif %}
                {% if place.open_area %}
				<div class="enis-col">
				<b>{{ place.open_area|int_format }} {% trans 'м²' %}</b>
				{% trans 'открытая выставочная площадь' %}
			    </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">{% trans 'Основано в' %} <b>{{ place.foundation_year }}</b> {% trans 'году' %}</div>
                {% endif %}
            </div>


        </div>
            {% if place.get_scheme %}
            <hr />
            <div class="e-pv-container">
                <div class="sect-title">{% trans 'Схема павильонов' %}</div>
                {% for scheme in place.get_scheme %}
                    <div class="div-img-wrap"><img src="{{ scheme.file_path.url }}" alt="" /></div>
                    <hr/>
                {% endfor %}

            </div>
            {% endif %}
        <div class="i-contacts clearfix">
            <div class="sect-title">{% trans 'Контактная информация' %}</div>
            <div class="ic-wrap">
                <div class="ic-col">
                    <div class="ic-addr">{{ place.adress }}</div>
                    <div class="ic-links"><a target="_blank" href="{{ place.web_page }}">{{ place.web_page }}</a></div>
                </div>

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

            </div>
        </div>
    </div>
    {% if place.events %}
    <div class="i-events-list">
        <div class="sect-title">{% trans 'Список событий' %}</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|safe }}</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="#">{% trans 'услуги' %}</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="{{ event.get_calendar_url }}">{% trans 'в расписание' %}</a>
	    						<!--
	    						<a class="button green icon-note" href="#">заметка</a>
	    						-->
                            </div>
                            <!--
                            <div class="cli-s-buttons">
			        			<a class="button blue2 lc" href="#">{% trans 'Лучшие цены на отели на' %} <i>Booking</i>.com</a>
						    </div>
						    -->
                        </div>
                    </div>

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

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


            {% endfor %}
        </ul>
    </div>
    {% endif %}

    {% if place.get_nearest_places %}
    <div class="e-cat">
        <div class="sect-title">{% trans 'Ближайшие выставочные центры' %}</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="{{ pl.get_permanent_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="{{ pl.get_permanent_url }}"> {{ pl.name|safe }}</a>
                                </div>
                            </header>
                            <div class="cli-descr">{{ pl.get_type }}</div>
                        </div>
                        <div class="cli-bot clearfix">
                            {% if pl.total_area %}
                            <div class="cli-dim">{{ pl.total_area }}</div>
                            {% endif %}
                            <div class="cli-place">
                                <a href="#">{{ pl.country }}</a>, <a href="#">{{ pl.city }}</a>,
                                <a href="{{ pl.get_permanent_url }}">{{ pl.adress }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        {% endfor %}
        </ul>
    </div>
    {% endif %}
{% endblock %}