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

{% block bread_scrumbs %}
    <div class="bread-crumbs">
        <a href="/">{% trans 'Главная страница' %}</a>
        <a href="{{ object.catalog }}">{% trans 'Места' %}</a>
        <a href="{{ object.catalog }}country/{{ object.country.url }}/">{{ object.country }}</a>
        <a href="{{ object.catalog }}city/{{ object.city.url }}/">{{ object.city }}</a>
        <strong>{{ object.name }}</strong>
    </div>
{% endblock %}


{% block page_title %}{% endblock %}


{% block content_list %}

    {% block page_body %}
        <div class="m-article">
            <div class="item-wrap expo-place-page clearfix">
                <aside>
                    <div class="i-pict">
                        {% include 'client/includes/show_logo.html' with obj=object %}
                    </div>
                </aside>

                <div class="i-info">
                    <div>
                        <h1 class="i-title">{{ object.name|safe }}</h1>

                        <div class="i-descr annotation-part">
                            {{ object.description.strip|safe|linebreaks|truncatewords:20 }}
                        </div>

                        <a class="i-descr-readmore" href="javascript:void(0);">{% trans 'Далее...' %}</a>

                        <div class="i-descr full-part hidden" >
                            {{ object.description.strip|safe|linebreaks }}
                        </div>

                        {% if object.address %}
                            <div class="i-address map-opened">
                                <header>
                                    <div class="address">
                                        {{ object.adress }}
                                    </div>
                                    <div class="show-map"><a class="toggle-map" href="#">{% trans 'Раскрыть карту' %}</a></div>
                                </header>
                                <div class="i-map ">
                                    <div class="close-map"><a class="toggle-map" href="#">{% trans 'Скрыть карту' %}</a></div>
                                    <!-- позиция для карты задается в атрибуте data-coords -->
                                    <div class="map-canvas" id="map-canvas" data-coords="{{ object.address.lat|coord_format }},{{ object.address.lng|coord_format }}" ></div>
                                </div>
                            </div>
                        {% else %}
                            <hr/>
                        {% endif %}
                    </div>
                </div>
            </div>

            {% include 'client/includes/place/place_services.html' with place=object %}

            <hr />
            {% if object.photogallery %}
                {% with photos=object.photogallery.photos.all|slice:"5" %}
                    <div class="i-photo-slides">
                        <h2 class="sect-title">{% trans 'Фотогалерея' %}</h2>
                        <div id="ps-photo-gallery" class="ps-photo-gallery swiper-container">
                            <ul class="swiper-wrapper">
                            {% for photo in photos %}
                                <li class="swiper-slide">
                                    <img src="{{ photo.get_display_url }}" alt="" />
                                </li>
                            {% endfor %}
                            </ul>
                            <div class="re-controls">
                                <a class="prev" href="#">&lt;</a>
                                <a class="next" href="#">&gt;</a>
                            </div>
                        </div>
                    </div>
                {% endwith %}
            {% endif %}

            {% include 'client/includes/place/place_info.html' with place=object %}

            {% if object.get_scheme %}
                <hr />
                <div class="e-pv-container">
                    <h2 class="sect-title">{% trans 'Схема павильонов' %}</h2>
                    {% for scheme in object.get_scheme %}
                        {% ifequal scheme.file_path.url|slice:"-3:" 'pdf' %}
                            <a href="{{ scheme.file_path.url }}">{% trans 'Схема в pdf' %}</a>
                        {% else %}
                            <div class="div-img-wrap"><img src="{{ scheme.file_path.url }}" alt="" /></div>
                        {% endifequal %}
                        <hr/>
                    {% endfor %}
                </div>
            {% endif %}

            <div class="i-contacts clearfix">
                <h2 class="sect-title">{% trans 'Контактная информация' %}</h2>
                <div class="ic-wrap">
                    <div class="ic-col">
                        <div class="ic-addr">{{ object.adress }}</div>
                        <div class="ic-links">
                            <a target="_blank" href="#" data-type="href" data-hash="1qwer" data-url="{{ object.web_page|base64_encode }}" class="link-encode">{{ object.web_page }}</a>
                        </div>
                    </div>

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

                            {% if object.fax %}
                                <li>{{ object.fax|phone }}  ({% trans 'факс' %})</li>
                            {% endif %}
                        </ul>
                    </div>
                </div>
            </div>

            {% if object.events %}
                <div class="i-events-list expo-place-events">
                    <h2 class="sect-title">
                        {% trans 'Список событий' %}
                        <a href="{% url 'place_exposition_list' object.url %}" class="button">{% trans 'Все события' %}</a>
                    </h2>

                    <ul class="cat-list cl-exhibitions">
                        {% for event in object.events %}
                            <li class="cl-item" data-link="#">
                                <div class="cl-item-wrap clearfix">
                                    <a href="{{ event.get_permanent_url }}">
                                        {% if event.expohit %}
                                            <span class="hit"></span>
                                        {% endif %}

                                        <div class="cli-pict">
                                            {% with obj=event %}
                                                {% include 'client/includes/show_logo.html' %}
                                            {% endwith %}
                                        </div>
                                    </a>

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

                                            <div class="cli-bot clearfix">
                                                <div class="cli-date">
                                                    {% with obj=event %}
                                                        {% include 'client/includes/show_date_block.html' %}
                                                    {% endwith %}
                                                </div>

                                                <div class="cli-place">
                                                    <a href="{{ event.catalog }}country/{{ event.country.url }}/">{{ event.country }}</a>, <a href="{{ event.catalog }}city/{{ event.city.url }}/">{{ event.city }}</a>
                                                </div>
                                            </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.get_services %}
                                                            <li><a href="{{ service.get_permanent_url }}">{{ service.name }}</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="#">{% trans 'заметка' %}</a>
                                        </div>

                                        <div class="cli-s-buttons">
                                            <a class="button blue2 lc" target="_blank" href="http://www.booking.com/searchresults.html?aid={{ book_aid }}&city={{ event.city.id }}">{% 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">
                                        {% include 'client/includes/exposition/tags.html' with obj=event %}
                                    </div>
                                </footer>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            <div class="m-article">
                {% include 'client/includes/booking_block.html' with city=object.city place=object %}
            </div>

            <div class="clearfix">
                <hr />
                {% include 'client/includes/banners/detail_inner.html' %}
            </div>

            {% if object.get_nearest_places %}
                <div class="e-cat">
                    <h2 class="sect-title">{% trans 'Ближайшие выставочные центры' %}</h2>
                    <ul class="cat-list cl-places">
                        {% for pl in object.get_nearest_places %}
                            <li class="cl-item">
                                <div class="cl-item-wrap clearfix">
                                    <a href="{{ pl.get_permanent_url }}">
                                        <div class="cli-pict">
                                            {% include 'show_logo.html' with obj=pl %}
                                        </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>
                                                <!--<div class="cli-rate">{{ pl.rating }}</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="/places/country/{{ pl.country.url }}/">{{ pl.country }}</a>, <a href="/places/city/{{ pl.city.url }}/">{{ pl.city }}</a>,
                                                {{ pl.adress }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}
            {% include 'client/includes/banners/detail_inner_3.html' %}
        </div>
    {% endblock %}

    {% block scripts %}
        {% if request.GET.debug == '1' %}
            <script src="{% static 'client/js/_modules/page.place.object.js' %}"></script>
        {% else %}
            <script src="{% static 'client/js_min/_modules/page.place.object.min.js' %}"></script>
        {% endif %}

        <script>
            EXPO.place.object.init({
                article:{
                    class:'i-info',
                    cutLength:1000,
                    annotationClass:'annotation-part',
                    fullPartClass:'full-part',
                    readMoreClass:'i-descr-readmore'
                }
            });
        </script>
    {% endblock %}
{% endblock %}

{% block paginator %}{% endblock %}