{% load static %}
{% load i18n %}
{% load thumbnail %}
{% load template_filters %}
{% block page_body %}
	<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-stats">
					{% if exposition.visitors %}
					<span class="visitors" title="{% trans 'Посетители' %}">{{ exposition.visitors }}</span>
					{% endif %}
					{% if exposition.members %}
					<span class="participants" title="{% trans 'Участники' %}">{{ 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>
					<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 %}

					{% include "client/includes/sharing_block.html" %}
				</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|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 %}
				<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=object %}
						<div class="{% if request.user.is_authenticated%}note-wrap{% else %}note-wrap-disabled{% endif %}">
							{% with note=object|note_by_user:request.user %}
							<a class="button green icon-note {% if note %}active{% endif %} note-button" href="/expo/add-note/{{ obj.url }}/">{% trans 'заметка' %}</a>
							<div class="note-overlay">
								<form action="">
									<textarea name="note_text" class="note-text"> {{ note }}</textarea>
								</form>
							</div>
							{% endwith %}
						</div>
						{% if request.user.is_admin %}
						<a target="_blank" class="button green " href="/admin/exposition/{{ object.url }}/">{% trans 'изменить' %}</a>
						{% endif %}
                        {% if exposition.photogallery_id %}
                            <a class="button blue icon-photo" href="{{ exposition.get_permanent_url }}photo/">{% trans 'фото' %}</a>
                        {% endif %}

					</div>
					<div class="ib-add"><a target="_blank" 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.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">
						{% 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>
		</div>

        <p><a href="#pw-event-news-subscribe" class="button pw-open"><i class="fa fa-at"></i>&nbsp;{% trans 'Подписаться на новости' %}</a>&nbsp;&nbsp;&nbsp;<i>{% blocktrans with name=exposition.name|safe %}Получайте актуальную информацию о выставке {{ name }} на свой email{% endblocktrans %}</i></p>

        {% include 'client/includes/exposition/exposition_services.html' with object=exposition %}

        {% include 'client/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 %}

	<div class="i-event-description">
		<h2 class="ied-title">{% trans 'О выставке' %} {{ exposition.name|safe }}</h2>
        {% if exposition.description %}
		    	<div class="ied-text">{{ exposition.description|safe }}</div>
        {%elif default_description %}
            <div class="ied-text" style="text-align: justify">
          	{{ default_description|safe }}
          </div>
        {% else %}
           {% include "client/includes/exposition/default_description.html" with expo=exposition %}
        {% endif %}

	</div>
	<hr />
    {% include 'client/includes/banners/expo_detail.html' %}
	<div id="additional" 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">
			{% if exposition.organiser.all.exists %}
				<dt>{% trans 'Организатор' %}:</dt>
				<dd>
					{% with organisers=exposition.organiser.all %}
						{% for organiser in organisers %}
							{{ organiser.name }}<br />
						{% endfor %}
					{% endwith %}
				</dd>
            {% else %}
                {% if exposition.org %}
                    {% for item in exposition.org_split %}
                        <dt>{% if forloop.counter == 1 %}{% trans 'Организатор' %}:{% endif  %}</dt>

                        <dd>
                        {{ item }}
                        </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">{{ 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>

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

	{% include "client/includes/article/articles_in_event.html" with event=exposition news_list=news %}
	<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>
					<p><a href="#pw-advertise" class="button icon-up pw-open" >{% trans 'Рекламировать участника' %}</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 %}
						{% 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>
				<a id="somebody" class=" more mb-1em {% if visitors|length > 0 %}{%else%}hidden{% endif %}" href="{{ exposition.get_permanent_url }}visitors/">{% trans 'Все посетители' %}</a>
		{% endwith %}
			<p id="nobody" class=" mb-1em {% if exposition.users.all|length > 0 %}hidden{% else %}{% endif %}">{% trans 'Пока никто не отметился на событии.' %}</p>
			{% with event=exposition user=user %}
			{% include 'client/includes/visit_button.html' %}
			{% endwith %}
		</div>
	</div>
	<hr/>
	{% if exposition.area %}
	{% else %}
		{% if exposition.members or exposition.visitors or exposition.foundation_year %}
			<p class="title"> <i class="fa fa-bar-chart">&nbsp;</i>{% trans "Статистика" %}</p>
		{% endif %}
	{% endif %}
	{% if exposition.members or exposition.visitors or exposition.foundation_year or exposition.area %}
		<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>
	{% endif %}
	</div>
	{% include 'client/includes/booking_block.html' with city=exposition.city place=exposition.place event=exposition %}
	<hr />
	{% if exposition.get_nearest_events %}
	<div class="e-cat">
		<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>
    {% include 'client/includes/banners/detail_inner_3.html' %}
	{% endif %}
	<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>
{% endblock %}

{% block content_text %}
{% endblock %}

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

{% block scripts %}
	{% 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"
			},
			note:{
				wrapClass:'note-wrap',
				wrapDisabledClass:'note-wrap-disabled',
				buttonClass:'note-button',
				inputClass:'note-text'
			},
			advertise:{
				id:"advert-member-form"
			},
            event_news_subscribe:{
                id: "event-news-subscribe-form"
            },
			addCalendarText:"{% trans 'В расписание' %}",
			removeCalendarText:"{% trans 'Из расписания' %}"
		});
	</script>
{% endblock %}