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

{% block title %} {{ exposition.title }} {% endblock %}
{% block keywords %} {{ exposition.keywords }} {% endblock %}
{% block descriptions %} {{ exposition.descriptions }} {% endblock %}

{% block content_bread_scrumbs %}
    <div class="bread-crumbs">
		<a href="/">Главная страница</a>
		<a href="{{ exposition.get_catalog_url }}">{{ exposition.get_event_type }}</a>
        <a href="#">{{ exposition.theme.all.0 }}</a>
		<strong>{{ exposition.name|safe }}</strong>
	</div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block page_filter %}
{% endblock %}

{% 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">
                        <span class="visitors" title="Посетители">N/A</span>
                        <span class="participants" title="Участники">{{ exposition.users.all|length }}</span>
                </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">
                        {{ exposition.main_title|safe }}
                    </div>
                </header>

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

                <div class="i-address">
                    <header>
                        <div class="address">
                            {{ exposition.place.address.address }}
                        </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 }},{{ exposition.place.address.lng }}" ></div>
                    </div>
                </div>
                <hr />
                <div class="i-buttons clearfix">
                    <div class="ib-main">
                        <a class="button icon-check" href="#">{% trans 'Я планирую посетить' %}</a>
                        <a class="button blue icon-calendar" href="#">{% 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="#">{{ theme }} ({{ theme.expositions_number }})</a></li>
                        {% endfor %}
                        </ul>
                    </div>

                    <div class="i-tags">
                        {% for tag in exposition.tag.all %}
                            <a href="#">{{ tag }}</a>,
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>

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

    <div class="i-steps">
        <div class="is-title">{% trans 'Посетить выставку' %}</div>
        <ul>
            <li class="s1">
				<div class="label">1. {% trans 'Зарегистрируйтесь на событие' %}</div>
			    <a class="step" href="#">{% trans 'Билеты на выставку' %}</a>
			</li>

			<li class="s2">
				<div class="label">2. {% trans 'Забронируйте отель по лучшей цене' %}</div>
				<a class="step" href="http://www.booking.com/"><b>booking</b>.com</a>
			</li>

			<li class="s3">
				<div class="label">3. {% trans 'Купите авиабилеты по лучшему тарифу' %}</div>
				<a class="step" href="http://www.aviasales.ru/"><b>aviasales.ru</b>.ru</a>
			</li>
        </ul>
    </div>
    {% 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="#">{% trans 'Деловая программа' %}</a></li>
            <li><a href="#">{% 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="{{ exposition.organiser.web_page }}">{{ organiser.web_page }}</a><br />
                <a href="{{ organiser.email }}">{{ organiser.email }}</a>
                {% endfor %}
            </dd>

            <dt>{% trans 'Веб-сайт' %}:</dt>
            <dd>
                <a target="_blank" href="http://{{ exposition.web_page }}">{{ exposition.web_page }}</a>
            </dd>
            {% if exposition.get_audience %}
            <dt>{% trans 'Аудитория' %}:</dt>
            <dd>
                {{ exposition.get_audience }}
            </dd>
            {% endif %}

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

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

        </dl>

    </div>

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

                        <li>
                            <a href="#">
                                <span class="imp-pict"><img src="{% if company.photo %}{{ company.photo }}
                                {% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt="" /></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 }}</a></li>
                {% endfor %}
            </ul>
            <a class="more" href="#">{% trans 'Все посетители' %}</a>
        </div>
    </div>
    {% endif %}
    {% 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 />
    <div class="e-cat">
        <div class="sect-title">{% trans 'Ближайшие выставки по тематике' %} <a href="#">«{{ 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>
    <div class="abn"><a href="#"><img src="{% static 'client/img/_del-temp/banner-2.gif' %}" alt="" /></a></div>

{% endblock %}