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

{% block og %}
    <meta property="og:image" content="{% thumbnail object.get_logo '500' %}">
    <meta property="og:title" content="{{ object.name }}">
    <meta property="og:description" content="{{ object.main_title }}">
    <meta property="og:url" content="{{ request.build_absolute_uri }}">
{% endblock %}

{% block styles %}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
{% endblock %}

{% 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 paginator %}{% endblock %}

{% block content_list %}
    <div class="m-article event-page">
        <div class="item-wrap event clearfix">
            <aside>
                {% if exposition.expohit %}
                    <div class="hit"></div>
                {% endif %}

                {% if exposition.canceled %}
                    <div class="cancel"></div>
                {% endif %}

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

                <div class="i-discount">
                    {% if exposition.discount %}
                        <a class="discount-button" href="#">{% trans 'Скидка' %} -{{ exposition.discount }}%</a>
                        <div class="dsc-text">{{ exposition.discount_description|safe|linebreaks }}</div>
                    {% endif %}
                 </div>
            </aside>

            <div class="i-info">
                <header>
                    <h1 class="i-title">
                    {% if exposition.main_title %}
                        {{ exposition.name|safe }} - {{ exposition.main_title|lowfirst|safe }}
                    {% else %}
                        {{ exposition.name|safe }}
                    {% endif %}
                    </h1>
                </header>

                <div class="i-date">
                    {% with obj=exposition  %}
                        {% include 'client/includes/show_date_block.html' %}
                    {% endwith %}

                    {% if not request.GET.debug == '1' %}
                        {% include "client/includes/sharing_block.html" %}
                    {% endif %}
                </div>

                {% if exposition.place %}
                    <div class="i-address">
                        <header>
                            <div class="address">
                                {{ exposition.place.country }}, {{ exposition.place.city }},
                                {% if exposition.place.web_page %}
                                    <a href="{{ exposition.place.get_permanent_url }}" class="place_link">{{ exposition.place.name }}</a>
                                {% else %}
                                    {{ exposition.place.name }}
                                {% endif %}
                            </div>
{#                            <div class="show-map"><a class="toggle-map" href="#">{% trans 'Раскрыть карту' %}</a></div>#}
                        </header>

                        <div class="show-map"><a class="toggle-map" href="#">{% trans 'Раскрыть карту' %}</a></div>

                        <div class="i-map">
                            <div class="close-map">
                                <a class="toggle-map" href="#">{% trans 'Скрыть карту' %}</a>
                            </div>

                            <div class="map-canvas" id="map-canvas" data-coords="{{ exposition.place.address.lat|coord_format }},{{ exposition.place.address.lng|coord_format }}" ></div>
                        </div>
                    </div>
                {% else %}
                    <div class="i-address">
                        <header>
                            <div class="address">
                                {{ exposition.country.name }}, {{ exposition.city.name }}{% if exposition.place_alt %} , {{ exposition.place_alt }}{% endif %}
                            </div>
                        </header>
                    </div>
                {% endif %}
            </div>
        </div>

        <hr />
        <div class="i-buttons clearfix">
            <div class="ib-main">
                {% with event=exposition user=user %}
                    {% include 'client/includes/visit_button.html' %}
                {% endwith %}

                {% include 'client/includes/calendar_button.html'  with obj=exposition %}
                {% if request.user.is_admin %}
                    <a target="_blank" class="button green " href="/admin/exposition/{{ object.url }}/">{% trans 'изменить' %}</a>
                {% endif %}
            </div>

            <div class="event_org">
                <a href="#pw-event-news-subscribe" class="button pw-open new_subribe_btn green" data-url="{% url 'events:subscribe' object.event_type object.url %}">
                    <i class="fa fa-at"></i>&nbsp;{% trans 'Напомнить о событии' %}
                </a>
            </div>
        </div>

        <hr />
        <div class="i-divs clearfix">
            <div class="i-subj">
                <ul>
                    {% with themes=exposition.themes %}
                        {% for theme in themes %}
                            <li><a href="{{ object.catalog }}theme/{{ theme.url }}/">{{ theme.name }} ({{ theme.expositions_number }})</a></li>
                        {% endfor %}
                    {% endwith %}
                </ul>
            </div>
            <div class="i-tags grey">
                {% with tags=exposition.tags %}
                    {% for tag in tags %}
                        <a href="{{ object.catalog }}tag/{{ tag.url }}/">{{ tag.name }}</a>{% if forloop.counter != tags|length %},{% endif %}
                    {% endfor %}
                {% endwith %}
            </div>
        </div>

        <div class="exposition_main_image" {% if exposition.main_image %}data-background="{% thumbnail exposition.main_image '937x244' crop='center' %}"{% endif %}>
            <div class="buttons">
                <a href="{% url 'expo_service' object.url 'tickets' %}" class="orange">{% trans 'Посетителю' %}</a>
                <a href="{% url 'expo_price' object.url %}" class="green">{% trans 'Экспоненту' %}</a>
                {% if object.paid_new_id and object.paid_new.public %}
                    <a href="{{ object.paid_new.official.get_click_link }}" class="pink">{% trans 'Официальный сайт' %}</a>
                {% endif %}
            </div>
        </div>

        {# Описание выставки #}
        <div class="expo_description">
            <h2>{% trans 'О выставке' %} {{ exposition.name|safe }}</h2>
            <aside class="right_grey_block" id="expo_statistics">
                {% if object.members and object.visitors %}
                    <h4>{% trans 'Масштаб выставки:' %}</h4>
                    <div class="exposition_members">
                        <div class="members">
                            <h5>{% trans 'Участники:' %}</h5>
                            <span>{% if object.members %}{{ object.members }}{% else %}нет данных{% endif %}</span>
                        </div>
                        <div class="visitors">
                            <h5>{% trans 'Посетители:' %}</h5>
                            <span>{% if object.visitors %}{{ object.visitors }}{% else %}нет данных{% endif %}</span>
                        </div>
                    </div>
                {% endif %}

                <div class="logos">
                    {% if exposition.quality_label.ufi.is_set %}
                        <div class="img_wrapper">
                            <img src="{% static 'client/img/approved-logo.png' %}" alt="" title="Approved Event" />
                        </div>
                    {% endif %}

                    {% if exposition.quality_label.exporating.is_set %}
                        <div class="img_wrapper">
                            <img src="{% static 'client/img/exporating_logo.png' %}" alt="" title="Approved Event" />
                        </div>
                    {% endif %}

                    {% if exposition.quality_label.rsva.is_set %}
                        <div class="img_wrapper">
                            <img src="{% static 'client/img/rsva.jpg' %}" alt="" title="Approved Event" />
                        </div>
                    {% endif %}
                </div>
            </aside>

            <aside class="right_grey_block" id="recommended_expositions">
                <h4>{% trans 'Также рекомендуем:' %}</h4>
                <div class="recommended_expositions">
                    {% for item in recommend_expos %}
                        <div class="recommended">
                            <a href="{{ item.get_absolute_url }}" target="_blank">{{ item.name }}</a>
                            <p>{{ item.city }}, {{ item.data_begin|date:'d' }}{% if item.data_end %}-{{ item.data_end|date:'d' }}{% endif %} сентября {{ item.data_begin|date:'Y' }}</p>
                        </div>
                    {% endfor %}
                </div>
            </aside>

            {% if exposition.description %}
                <div class="expo_description_detail">
                    {{ exposition.description|safe }}
                </div>
            {% elif default_description %}
                <div class="expo_description_detail">
                    {{ default_description|safe }}
                </div>
            {% else %}
               {% include "client/includes/exposition/default_description.html" with expo=exposition className="expo_description_detail" %}
            {% endif %}
        </div>

        {% include 'client/includes/banners/expo_detail.html' %}

        <hr>

        {# Дополнительная информация #}
        <div id="additional" class="i-event-additional exposition_additional">
            <div class="sect-title">{% trans 'Дополнительная информация и сервисы:' %}</div>

            <ul class="e-docs">
                {% comment %}{% if exposition.business_program.exists %}
                    <li><a href="{{ exposition.get_permanent_url }}program/">{% trans 'Деловая программа' %}</a></li>
                {% endif %}

                <li><a href="{{ exposition.get_permanent_url }}price/">{% trans 'Условия участия' %}</a></li>

                {% if exposition.statistic_exists %}
                    <li><a href="{{ exposition.get_permanent_url }}statistic/">{% trans 'Статистика' %}</a></li>
                {% endif %}{% endcomment %}
                <li><a href="http://www.booking.com/searchresults.html?aid={{ book_aid }}&city={{ exposition.city.id }}&do_availability_check=on&label=expo_search&lang={{ request.LANGUAGE_CODE }}&checkin_monthday={{ exposition.data_begin|date:'j' }}&checkin_year_month={{ exposition.data_begin|date:'Y' }}-{{ exposition.data_begin|date:'n' }}&checkout_monthday={{ exposition.data_end|date:'j' }}&checkout_year_month={{ exposition.data_end|date:'Y' }}-{{ exposition.data_end|date:'n' }}" class="find_hotel" target="_blank">{% trans 'Найти отель' %}</a></li>
                <li><a href="http://www.rentalcars.com/SearchResults.do?enabler=&country={{ exposition.country }}&doYear={{ exposition.data_end|date:'Y' }}&city={{ exposition.city }}&driverage=on&doFiltering=true&dropCity={{ exposition.city }}&driversAge=30&filterTo=49&fromLocChoose=true&dropLocationName={{ exposition.city }}+(Все+места)+&dropCountryCode=&doMinute=0&countryCode=&puYear={{ exposition.data_begin|date:'Y' }}&locationName={{ exposition.city }}+(Все+места)+&puMinute=0&doDay={{ exposition.data_end|date:'d' }}&searchType=allareasgeosearch&filterFrom=0&puMonth={{ exposition.data_begin|date:'m' }}&dropLocation=-1&doHour=10&dropCountry={{ exposition.country }}&puDay={{ exposition.data_begin|date:'d' }}&puHour=10&location=-1&doMonth={{ exposition.data_end|date:'m' }}&filterName=CarCategorisationSupplierFilter&affiliateCode=expomap790&preflang=ru" class="car_rent" target="_blank">{% trans 'Арендовать авто' %}</a></li>
                <li><a href="https://www.interpreters.travel/ru/new_partner_search?partner_id=44&search[city_name]={{ exposition.city.name }}" class="translator" target="_blank">{% trans 'Услуги переводчика' %}</a></li>
            </ul>

            <dl class="add-info">
                {% if exposition.products %}
                    <dt>{% trans 'Экспонируемые продукты' %}:</dt>
                    <dd>{{ exposition.products|safe }}</dd>
                {% endif %}

                {% if exposition.time %}
                    <dt>{% trans 'Время работы' %}:</dt>
                    <dd>{{ exposition.time|safe }}</dd>
                {% endif %}

                {% if exposition.organiser.all.exists %}
                    <dt>{% trans 'Организатор' %}:</dt>
                    <dd>
                        {% with organisers=exposition.organiser.all %}
                            {% for organiser in organisers %}
                                {{ organiser.name|safe }}<br />
                            {% endfor %}
                        {% endwith %}
                    </dd>
                {% else %}
                    {% if exposition.org %}
                        {% for item in exposition.org_split %}
                            <dt>{% if forloop.counter == 1 %}{% trans 'Организатор' %}:{% endif  %}</dt>

                            <dd>{{ item|safe }}</dd>
                        {% endfor %}
                    {% endif %}
                {% endif %}

                {% if exposition.web_page %}
                    <dt>{% trans 'Веб-сайт' %}:</dt>
                    <dd>
                        <a target="_blank" href="#" data-type="href" data-hash="1qwer" data-url="{{ exposition.web_page|base64_encode }}" class="link-encode">{% trans 'перейти на сайт выставки' %}</a>
                    </dd>
                {% endif %}

                {% comment %}{% if exposition.get_audience %}
                    <dt>{% trans 'Аудитория' %}:</dt>
                    <dd>{{ exposition.get_audience }}</dd>
                {% endif %}

                {% if exposition.get_periodic %}
                    <dt>{% trans 'Периодичность' %}:</dt>
                    <dd>{{ exposition.get_periodic }}</dd>
                {% endif %}{% endcomment %}
            </dl>
        </div>

        <hr>
        <div class="exposition_booking_block">
            {% include 'client/includes/booking_block.html' with city=exposition.city place=exposition.place event=exposition %}
        </div>

        {# Планируют быть #}
        <div class="conf_visitors">
            {% with visitors=exposition.users.all|slice:":17" %}
                <h3>{% trans 'Планируют быть на' %} {{ exposition.name }}</h3>

                <ul class="visitors-list" id="visitors-list">
                    {% if visitors %}
                    {# есть посетители #}
                        {% for user in visitors %}
                            {% if user == request.user %}
                                <li class="current"><a href="{{ user.get_permanent_url }}">{{ user.get_full_name }}&nbsp;{% if user.company %}({{ user.company.name }}){% endif %}</a></li>
                            {% else %}
                                <li><a href="{{ user.get_permanent_url }}">{{ user.get_full_name }}&nbsp;{% if user.company %}({{ user.company.name }}){% endif %}</a></li>
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                </ul>

                <p id="nobody" class=" mb-1em {% if exposition.users.all|length > 0 %}hidden{% else %}{% endif %}">{% trans 'Пока никто не отметился на событии.' %}</p>

                <p><a id="somebody" class=" more mb-1em {% if visitors|length > 0 %}{%else%}hidden{% endif %}" href="{{ event.get_permanent_url }}visitors/">{% trans 'Все посетители' %}</a></p>
            {% endwith %}

            {% with event=exposition user=user %}
                {% include 'client/includes/visit_button.html' %}
            {% endwith %}
        </div>

        {# Слайдер фото с прошлой выставки #}
        {% if exposition.get_photos %}
            {% with photos=exposition.get_photos %}
                <div class="conference_slider">
                    <h2><a href="{{ exposition.get_permanent_url }}photo/">{% trans 'Фотографии с прошлой выставки' %}</a></h2>
                    <div class="last_photos_slider">
                        {% for photo in photos %}
                            {% thumbnail photo.image '936x468' crop="center" as im %}
                                <a href="{{ exposition.get_permanent_url }}photo/"><img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" alt="" /></a>
                            {% endthumbnail %}
                        {% endfor %}
                    </div>

                    <div class="last_photos_thumbs">
                        {% for photo in photos %}
                            {% thumbnail photo.image '137x95' crop="center" as im %}
                                <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" alt="" />
                            {% endthumbnail %}
                        {% endfor %}
                    </div>
                </div>
            {% endwith %}
        {% endif %}

        <div class="exposition_news">
            {% include "client/includes/article/articles_in_event.html" with event=exposition news_list=news %}
        </div>

        <div class="conf_comments">
            <h2>{% trans 'Что вы думаете о выставке?' %}</h2>
            {% include 'client/includes/comments.html' %}
        </div>
    </div>

    <div class="conf_sharing">
        {% include 'client/includes/sharing_block_full.html' %}
    </div>

    {% include 'client/includes/banners/catalog_inner_2.html' %}

    {% if exposition.get_nearest_events %}
        <div class="e-cat exposition_nearest">
            <div class="sect-title">
                {% trans 'Другие выставки, которые могут быть вам интересны:' %}
            </div>
            <ul class="cat-list cl-exhibitions">
                {% for exp in exposition.get_nearest_events %}
                    <li class="cl-item">
                        <div class="cl-item-wrap clearfix">
                            <a href="{{ exp.get_permanent_url }}">
                                <div class="cli-pict">
                                    {% with obj=exp  %}
                                        {% include 'client/includes/show_logo.html' %}
                                    {% endwith %}
                                </div>
                            </a>
                            <div class="cli-info">
                                <div class="cli-top clearfix">
                                    {% if exp.quality_label.rsva.is_set %}
                                        <div class="cli-approved">
                                            <img width="52" height="42" src="{% static 'client/img/rsva.jpg' %}" alt="" title="Approved Event" />
                                        </div>
                                    {% endif %}

                                    {% if exp.quality_label.exporating.is_set %}
                                        <div class="cli-approved">
                                            <img width="52" height="42" src="{% static 'client/img/exporating_logo.png' %}" alt="" title="Approved Event" />
                                        </div>
                                    {% endif %}

                                    {% if exp.quality_label.ufi.is_set %}
                                        <div class="cli-approved">
                                            <img width="52" height="42" src="{% static 'client/img/approved-logo.png' %}" alt="" title="Approved Event" />
                                        </div>
                                    {% endif %}

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

                                    <div class="cli-descr">
                                        {{ exp.main_title|safe|linebreaks }}
                                    </div>
                                    <div class="cli-bot clearfix">
                                        <div class="cli-date">
                                            {% with obj=exp  %}
                                                {% include 'client/includes/show_date_block.html' %}
                                            {% endwith %}
                                        </div>

                                        <div class="cli-place">
                                            <a href="{{ exposition.catalog }}country/{{ exp.country.url }}/">{{ exp.country }}</a>, <a href="{{ exposition.catalog }}city/{{ exp.city.url }}/">{{ exp.city }}</a>
                                            {% if exp.place %}
                                            , <a href="{{ exp.place.get_permanent_url }}">{{ exp.place }}</a>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                {% endfor %}
                <li><a class="button more" href="{{ exposition.get_nearest_events_url|safe }}">{% trans 'Смотреть все' %}</a></li>
            </ul>
        </div>
    {% endif %}

     {% include 'client/includes/banners/detail_inner_3.html' %}

    <div class="e-cat look-also">
        <div class="sect-title">{% trans 'Смотрите также:' %}</div>
        <a href="{{ exposition.catalog }}city/{{ exposition.city.url }}/">{% trans "Выставки" %} {% if request.LANGUAGE_CODE == 'ru' and exposition.city.inflect %}{{ exposition.city.inflect }}{% else %}{% trans 'in' %} {{ exposition.city.name }}{% endif %}</a>
        <a href="{{ exposition.catalog }}country/{{ exposition.country.url }}/">{% trans "Выставки" %} {% if request.LANGUAGE_CODE == 'ru' and exposition.country.inflect %}{{ exposition.country.inflect }}{% else %}{% trans 'in' %} {{ exposition.country.name }}{% endif %}</a>
        {% if exposition.theme.all %}
            <a href="{{ exposition.catalog }}theme/{{ exposition.theme.all.0.url }}/country/{{ exposition.country.url }}/">{% trans "Выставки по тематике " %}&laquo;{{ exposition.theme.all.0.name|capfirst }}&raquo; {% if request.LANGUAGE_CODE == 'ru' and exposition.country.inflect %}{{ exposition.country.inflect }}{% else %}{% trans 'in' %} {{ exposition.country.name }}{% endif %}</a>
            <a href="{{ exposition.catalog }}theme/{{ exposition.theme.all.0.url }}/city/{{ exposition.city.url }}/">{% trans "Выставки по тематике " %}&laquo;{{ exposition.theme.all.0.name|capfirst }}&raquo; {% if request.LANGUAGE_CODE == 'ru' and exposition.city.inflect %}{{ exposition.city.inflect }}{% else %}{% trans 'in' %} {{ exposition.city.name }}{% endif %}</a>
        {% endif %}

    </div>

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

    <script>
        EXPO.exposition.object.init({
            visit:{
                activeClass:"visit",
                passiveClass:"unvisit",
                currentHtml:'<li class="current"><a href="{{ request.user.get_permanent_url }}">{{ request.user.get_full_name }}&nbsp;{% if request.user.company %}({{ request.user.company.name }}){% endif %}</a></li>',
                visitorsListId:"visitors-list",
                somebodyId:"somebody",
                nobodyId:"nobody"
            },
            advertise:{
                id:"advert-member-form"
            },
            event_news_subscribe:{
                id: "event-news-subscribe-form"
            },
            addCalendarText:"{% trans 'В расписание' %}",
            removeCalendarText:"{% trans 'Из расписания' %}"
        });
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>

    <script>
        $(window).load(function () {
            $('.last_photos_slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                fade: true,
                asNavFor: '.last_photos_thumbs'
            });

            $(function () {
                var $recommended = $('#recommended_expositions'),
                    $statistics = $('#expo_statistics'),
                    $text = $('.expo_description_detail'),
                    $main_image = $('.exposition_main_image');

                $recommended
                    .insertBefore($text.find('>*').eq(-2))
                    .show();

                if ($main_image.data('background')) {
                    $main_image.css('background', 'url(' + $main_image.data('background') + ')');
                }

                if ($statistics.children().length > 1) {
                    $statistics.show();
                }
            })
        })
    </script>

    {% block content_text %}{% endblock %}

    {% block popup %}
        {% include 'client/popups/advertise_member.html' with form=advertising_form %}
        {% include 'client/popups/event_news_subscribe.html' %}
    {% endblock %}
{% endblock %}