{% load static %}
{% load i18n %}
{% 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="#">Скидка -{{ exposition.discount }}%</a>
                    <div class="dsc-text">{{ exposition.discount_description|safe }}</div>
                    {% endif %}
                 </div>
            </aside>

            <div class="i-info">
                <header>
                    <div class="i-title">
                    {% if exposition.main_title %}
                        {{ exposition.main_title|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">
                        <a class="button icon-check" href="{{ exposition.get_visit_url  }}">{% trans 'Я планирую посетить' %}</a>
                        <a class="button blue icon-calendar" href="{{ exposition.get_calendar_url }}">{% trans 'в расписание' %}</a>
                        <a class="button green icon-note" href="#">{% trans 'заметка' %}</a>
                    </div>
                    <!--
                    <div class="ib-add"><a class="button blue2 icon-find" href="#">{% trans 'Найти отель' %}</a></div>
                    -->
                </div>
                <hr />
                <div class="i-divs clearfix">
                    <div class="i-subj">
                        <ul>
                        {% for theme in exposition.theme.all %}
                            <li><a href="/{{ filter|generate_url:'model' }}/theme-{{ theme.url }}">{{ theme }} ({{ theme.expositions_number }})</a></li>
                        {% endfor %}
                        </ul>
                    </div>

                    <div class="i-tags">
                        {% for tag in exposition.tag.all %}
                            <a href="/{{ filter|generate_url:'model' }}/tag-{{ tag.url }}">{{ tag }}</a>,
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>

    <div class="i-sub-articles">
        <ul>
        {% for service in exposition.get_services %}
            <li><a href="#">{{ service.name }}</a></li>
        {% endfor %}
        </ul>
    </div>

    {% with event=exposition %}
            {% include 'includes/event_steps.html' %}
        {% endwith %}
    {% if exposition.get_photos %}
    <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 exposition.get_photos %}
                <li class="swiper-slide"><a class="open-photo" href="#"><img src="{{ photo.file_path.url }}" alt="" /></a></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="i-event-description">
        <div class="ied-title">{{ exposition.main_title|safe }}</div>
        <div class="ied-text">{{ exposition.description|safe }}</div>
    </div>
    <hr />
    <div class="i-event-additional clearfix">
        <div class="sect-title">{% trans 'Дополнительная информация' %}</div>
        <ul class="e-docs">
            <!--
            <li><a href="/{{ filter|generate_url}}/program">{% trans 'Деловая программа' %}</a></li>
            -->
            <li><a href="/{{ filter|generate_url}}/price">{% trans 'Условия участия' %}</a></li>
        </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 %}

        </dl>

    </div>
    <hr />
    <div class="i-members clearfix">
        <div class="im-participants">
            <header>
                <div class="im-title">{% trans 'Участники' %}</div>
                <a class="more" href="/{{ filter|generate_url }}/members">{% trans 'Все участники' %}</a>
            </header>
            <ul>
                {% for company in exposition.company.all|slice:":6" %}

                <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>
        </div>

        <div class="im-visitors">
            <header>
                <div class="im-title">{% trans 'Посетители' %}</div>
            </header>
            <ul>
                {% for user in exposition.users.all|slice:":17" %}
                    <li><a href="{{ user.get_permanent_url }}">{{ user.get_full_name }}</a></li>
                {% endfor %}
            </ul>
            <a class="more" href="/{{ filter|generate_url }}/visitors">{% trans 'Все посетители' %}</a>
        </div>
    </div>

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

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

    </div>
    <!--
    <div class="h-booking">
        <header class="clearfix">
            <div class="sect-title">
                <a href="#">{% trans 'Отели рядом с выставкой от' %} <b>Booking</b>.com</a>
            </div>
			<a class="more blue2" href="#">{% trans 'Все отели поблизости' %}</a>
            <ul>
            </ul>
        </header>
    </div>
    -->
    <hr />
    {% if exposition.get_nearest_events %}
    <div class="e-cat">
        <div class="sect-title">{% trans 'Ближайшие выставки по тематике' %} <a href="/expositions/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="/expositions/{{ exp.url }}">
                            <div class="cli-pict">
                            {% with obj=exp  %}
                                {% include 'client/includes/show_logo.html' %}
                            {% endwith %}

                                <img src="{% if exp.get_logo %}{{ exp.get_logo.file_path.url }}{% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt="" />
                            </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="/expositions/{{ exp.url }}">{{ exp.name|safe }}</a></div>
                                </header>

                                <div class="cli-descr">
                                    {{ exp.main_title|safe }}
                                </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 }}</a>, <a href="#">{{ exp.city }}</a>
                                        {% if exp.place %}
                                        , <a href="#">{{ 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>
    -->

{% endblock %}
{% block content_text %}
{% endblock %}