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

{% block page_body %}
    <div class="m-article">
        <div class="item-wrap event clearfix">
            <aside>
                {% if exposition.expohit %}
                    <div class="hit"></div>
                {% endif %}
                <div class="i-pict">
                {% with obj=exposition  %}
                    {% include 'client/includes/show_logo.html' %}
                {% endwith %}
                </div>
                <!--
                <div class="i-rating" title="Рейтинг: 551">551</div>
                -->
                <div class="i-stats">
                    {% if exposition.visitors %}
                    <span class="visitors" title="Посетители">{{ exposition.visitors }}</span>
                    {% endif %}
                    {% if exposition.members %}
                    <span class="participants" title="Участники">{{ exposition.members }}</span>
                    {% endif %}
                </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>
                    <div class="i-title">
                    {% if exposition.main_title %}
                        {{ exposition.main_title|safe }} {{ exposition.name|safe }}
                    {% else %}
                        {{ exposition.name|safe }}
                    {% endif %}
                    </div>
                </header>

                <div class="i-date">
                    {% with obj=exposition  %}
                        {% include 'client/includes/show_date_block.html' %}
                    {% endwith %}
                </div>
                {% if exposition.place %}
                <div class="i-address">
                    <header>
                        <div class="address">
                            {{ exposition.place.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>
                        <div class="map-canvas" id="map-canvas" data-coords="{{ exposition.place.address.lat|stringformat:'f' }},{{ exposition.place.address.lng|stringformat:'f' }}" ></div>
                    </div>
                </div>
                {% endif %}
                <hr />
                <div class="i-buttons clearfix">
                    <div class="ib-main">
                        {% with event=exposition user=user %}
                            {% include 'client/includes/visit_button.html' %}
                        {% endwith %}

                        {% with event=exposition user=user %}
                            {% include 'client/includes/calendar_button.html' %}
                        {% endwith %}
                        <div class="{% if request.user.is_authenticated%}note-wrap{% else %}note-wrap-disabled{% endif %}">


                            <a class="button green icon-note {% if note %}active{% endif %} note-button" href="/expo/add-note/{{ object.url }}/">{% trans 'заметка' %}</a>
                            <div class="note-overlay">
                                <form action="">
                                    <textarea name="note_text" class="note-text"> {{ note }}</textarea>
                                </form>
                            </div>
                        </div>
                        {% if request.user.is_admin %}
                        <a class="button green " href="/admin/exposition/{{ object.url }}/">{% trans 'изменить' %}</a>
                        {% endif %}

                    </div>

                    <div class="ib-add"><a class="button blue2 icon-find" href="http://www.booking.com/searchresults.html?aid={{ book_aid }}&city={{ object.city.id }}">{% trans 'Найти отель' %}</a></div>

                </div>
                <hr />
                <div class="i-divs clearfix">
                    <div class="i-subj">
                        <ul>
                        {% with themes=exposition.theme.all %}
                            {% 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">
                        {% with tags=exposition.tag.all %}
                            {% for tag in tags %}
                                <a href="{{ object.catalog }}tag/{{ tag.url }}/">{{ tag.name }}</a>,
                            {% endfor %}
                        {% endwith %}

                    </div>
                </div>
            </div>
        </div>
    {% include 'client/includes/exposition/exposition_services.html' %}

    {% include 'includes/event_steps.html' with event=exposition %}

    {% if exposition.get_photos %}
        {% with photos=exposition.get_photos|slice:"5" %}
    <hr />

    <div class="i-photo-slides">
        <div class="sect-title"><a href="#">{% trans 'Фотографии с прошлой выставки' %}</a></div>
        <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 %}
    {% if exposition.description %}
    <div class="i-event-description">

        <div class="ied-title">{% trans 'О выставке' %} {{ exposition.name|safe }}</div>
        <div class="ied-text">{{ exposition.description|safe|linebreaks }}</div>
    </div>
    <hr />
    {% endif %}
    <div class="i-event-additional clearfix">
        <div class="sect-title">{% trans 'Дополнительная информация' %}</div>
        <ul class="e-docs">

            {% 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 %}
        </ul>
        <dl class="add-info">
            <dt>{% trans 'Организатор' %}:</dt>
            <dd>
                {% for organiser in exposition.organiser.all %}
                {{ organiser.name }}<br />
                <a target="_blank" href="{{ organiser.web_page }}">{{ organiser.web_page }}</a><br />
                {{ organiser.email }}
                {% endfor %}
            </dd>
            {% if exposition.web_page %}
            <dt>{% trans 'Веб-сайт' %}:</dt>
            <dd>
                <a target="_blank" href="{{ exposition.web_page }}">{{ exposition.web_page }}</a>
            </dd>
            {% endif %}

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

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

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

        </dl>

    </div>
    <hr />
    <div class="i-members clearfix">
        <div class="im-participants">
        {% with companies=exposition.company.all|slice:":6" %}
            {% if companies %}
            {# есть участники #}
                <header>
                    <div class="im-title">{% trans 'Участники' %}</div>

                    <a class="more" href="{{ exposition.get_permanent_url }}members/">{% trans 'Все участники' %}</a>
                </header>
                <ul>
                    {% for company in companies %}

                    <li>
                        <a href="{{ company.get_permanent_url }}">
                            <span class="imp-pict">

                            {% with obj=company %}
                                {% include 'includes/show_logo.html' %}
                            {% endwith %}
                            </span>
                            {{ company.name }}
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            {% else %}
            {# нет участников #}
                <header>
                    <div class="im-title">{% trans 'Участники' %}</div>
                    <p>{% trans 'Привлекайте целевых посетителей на стенд' %}</p>
                    <!--//todo: обработчик-->
                    <p><a href="#" class="button icon-up ">Рекламировать участника</a></p>
                </header>
            {% endif %}
        {% endwith %}
        </div>

        <div class="im-visitors">
        {% with visitors=exposition.users.all|slice:":17" %}
            <header>
                <div class="im-title">{% trans 'Посетители' %}</div>
            </header>
                <ul id="visitors-list">
                {% if visitors %}
                {# есть посетители #}
                    {% for user in visitors %}
                        <li><a href="{{ user.get_permanent_url }}">{{ user.get_full_name }}{% if user.company %}({{ user.company.name }}){% endif %}</a></li>
                    {% endfor %}
                {% endif %}
                </ul>
                {% if visitors %}
                    <a class="more" href="{{ exposition.get_permanent_url }}visitors/">{% trans 'Все посетители' %}</a>

                {% endif %}
        {% endwith %}


            <ul id="secondary-visit" style="display: none;">
                <li>{% trans 'Пока никто не отметился на событии.' %}</li>
            </ul>

            <!-- todo: сделать так, чтобы при отметке изменялся текст-->
            {% with event=exposition user=user %}
            {% include 'client/includes/visit_button.html' %}
            {% endwith %}
        </div>
    </div>


    <hr/>
    <div class="e-num-info">

        {% if exposition.area %}
        <div class="eni-area-wrap">
            <div class="eni-title">{% trans 'Общая выставочная площадь' %}</div>
            <div class="eni-area">
                {{ exposition.area }} {% trans 'м²' %}

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

        <div class="eni-stats">

            {% if exposition.members %}
            <div class="enis-item"><b>{{ exposition.members }}</b> {% trans 'участников' %}</div>
            {% endif %}
            {% if exposition.visitors %}
            <div class="enis-item"><b>{{ exposition.visitors }}</b> {% trans 'посетителей' %}</div>
            {% endif %}
            {% if exposition.foundation_year %}
            <div class="eni-founded">{% trans 'Основано в' %} <b>{{ exposition.foundation_year }}</b> {% trans 'году' %}</div>
            {% endif %}
        </div>
    </div>


    </div>

    {% include 'client/includes/booking_block.html' with city=exposition.city place=exposition.place %}

    <hr />
    {% if exposition.get_nearest_events|slice:":6" %}
    <div class="e-cat">
        <div class="sect-title">{% trans 'Ближайшие выставки по тематике' %} <a href="{{ expo_catalog }}theme-{{ exposition.theme.all.0.url }}">«{{ exposition.theme.all.0 }}»</a></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.approved %}
                                <div class="cli-approved">
                                    <img 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="{{ exp.country.get_permanent_url }}">{{ exp.country }}</a>, <a href="{{ exp.city.get_permanent_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 %}
        </ul>
    </div>
    {% endif %}
        <!--
    <div class="abn"><a href="#"><img src="{% static 'client/img/_del-temp/banner-2.gif' %}" alt="" /></a></div>
    -->
    <div class="e-cat look-also">
        <div class="sect-title">{% trans 'Смотрите также:' %}</div>

        <a href="">Выставки: Автомобильная электроника (3)</a>
        <a href="">Выставки: Классические автомобили (2)</a>
        <a href="">Выставки: Транспортная промышленность (28)</a>
        <a href="">Выставки: Лес, деревообработка, бумага (8)</a>
        <a href="">Выставки: Мода, одежда, обувь, аксессуары (3)</a>
        <a href="">Выставки: Полиграфия, издательское дело (14)</a>

    </div>

{% endblock %}
{% block content_text %}
{% endblock %}
{% block scripts %}
<script src="{% static 'client/js/_modules/page.exposition.object.js' %}"></script>
<script>
    EXPO.exposition.object.init({
        visitButton:{
            class:'visit',
            wrapId:'secondary-visit',
            template:'<a href="{{ request.user.get_permanent_url }}">{{ request.user.get_full_name }}</a>',
            visitorsListId:'visitors-list'

        },
        unvisitButton:{
            class:'unvisit',
            wrapId:'secondary-visit',
            template:'<a href="{{ request.user.get_permanent_url }}">{{ request.user.get_full_name }}</a>',
            visitorsListId:'visitors-list'
        },
        note:{
            wrapClass:'note-wrap',
            wrapDisabledClass:'note-wrap-disabled',
            buttonClass:'note-button',
            inputClass:'note-text'
        },
        addCalendarText:"{% trans 'В расписание' %}",
        removeCalendarText:"{% trans 'Из расписания' %}"
    });
</script>
{% endblock %}