{% extends "blank.html" %}
{% load static %}
{% load i18n %}
{% load thumbnail %}

{% block body_class %} class="main-page" {% endblock %}

{% block top %}

    <section class="layout mp-top">
			<div class="layout-wrap">

				<aside>
                    {% include 'menu.html' %}
				</aside>

				<div class="mcl">
					<div id="mp-recent-expo" class="recent-expo swiper-container">
						<ul class="swiper-wrapper">
                            {% for event in events %}
                            <li class="swiper-slide">
								<div class="re-pict">
                                    {% if event.logo %}
                                    <a href="{{ event.get_permanent_url }}">
                                    <img src="{{ event.logo.url }}">
                                    {% comment %}
                                    {% thumbnail event.logo "220x220" crop="center" as im %}
                                        <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
                                    {% endthumbnail %}
                                    {% endcomment %}
                                    </a>
                                    {% endif %}
                                </div>
								<div class="re-body">
									<div class="re-info">
										<a href="{{ event.get_permanent_url }}">
										<div class="re-title">{{ event.name|safe }}</div>
										<div class="re-date">
                                        {% with obj=event %}
                                            {% include 'client/includes/show_date_block.html' %}
                                        {% endwith %}
                                        </div>
										<div class="re-descr" title="{{ event.main_title|safe }}">{{ event.main_title|safe }}</div>
										</a>
									</div>
									<footer>
										<div class="re-buttons">
											<a class="button blue icon-calendar addcalendar" href="{{ event.get_calendar_url }}">{% trans 'добавить в календарь' %}</a>
											<a class="button green icon-note" href="#">{% trans 'заметка' %}</a>
										</div>
										<div class="re-tags">
                                        {% for tag in event.tag.all %}
                                            <a href="{{ event.get_catalog_url }}tag-{{ tag.url }}">{{ tag }}</a>,
                                        {% endfor %}
										</div>
									</footer>
								</div>
							</li>
                            {% endfor %}
						</ul>
						<div class="re-controls">
							<a class="prev" href="#">&lt;</a>
							<a class="next" href="#">&gt;</a>
						</div>
					</div>
				</div>

			</div>
		</section>
{% endblock %}

{% block search %}
    {% include 'includes/catalog_search_main.html' with search_form=search_form %}
{% endblock %}

{% block catalog %}
    <section class="layout mp-catalog">
			<div class="layout-wrap">

				<aside>

					{% include 'client/includes/feedback.html' %}

					{% include 'client/includes/online_consult.html' %}

					{% include 'client/includes/announces.html' %}

				</aside>

				<div class="mcl">
					<div class="mp-catalog-lists">

						<div class="mpc-list">
							<header>{% trans 'Выставки' %}</header>
							<ul>
                                {% for theme in exposition_themes %}
                                    <li><a href="/expositions/theme-{{ theme.url }}"><span>{{ theme.name }}</span>&nbsp;<i>({{ theme.expositions_number }})</i></a></li>
                                {% endfor %}
							</ul>
							<footer><a class="more" href="/expositions/">{% trans 'Все выставки' %}</a></footer>
						</div>

						<div class="mpc-list">
							<header>{% trans 'конференции' %}</header>
							<ul>
								{% for theme in conference_themes %}
                                    <li><a href="/conferences/theme-{{ theme.url }}"><span>{{ theme.name }}</span>&nbsp;<i>({{ theme.conferences_number }})</i></a></li>
                                {% endfor %}
							</ul>
							<footer><a class="more" href="/conferences/">{% trans 'Все конференции' %}</a></footer>
						</div>
						{% comment %}

						<div class="mpc-list">
							<header>{%  trans 'семинары' %}</header>
							<ul>
                                {% for theme in seminar_themes %}
                                    <li><a href="/seminars/theme-{{ theme.url }}"><span>{{ theme.name }}</span>&nbsp;<i>({{ theme.seminars_number }})</i></a></li>
                                {% endfor %}
							</ul>
							<footer><a class="more" href="/seminars/">{% trans 'Все семинары' %}</a></footer>
						</div>
						{% endcomment %}

					</div>

					<div class="abn">
                        {% block menu_banner %}
                        <a href="#">
                            <img src="{% static 'client/img/_del-temp/banner-2.gif' %}" alt="" />
                        </a>
                        {% endblock %}
                    </div>
				</div>

			</div>
		</section>
{% endblock %}

{% block announces %}
    <section class="layout mp-announces">
			<div class="layout-wrap">
				<aside>
					<div class="mp-news-list">
						<header>
							<a href="#">{% trans 'Новости событий' %}</a>
						</header>
						<ul>
                            {% for news in news_list %}
                                <li>
                                    <a href="{{ news.get_permanent_url }}">
                                        <span class="nl-pict">
                                            {# add logo #}
                                            <img src="{% static 'client/img/_del-temp/expo-bn-2-s.jpg' %}" alt="" />
                                        </span>
                                        <span class="nl-body">
                                            <span class="nl-text">{{ news.main_title %}</span>
                                            <span class="nl-date">{{ news.date }}</span>
                                        </span>
                                    </a>
							    </li>
                            {% endfor %}
						</ul>
						<footer><a class="more" href="#">{% trans 'Все новости' %}</a></footer>
					</div>
				</aside>

				<div class="mcl">
					<div class="mp-photo-gallery">
						<header class="clearfix">
							<div class="pg-title"><a href="#">{% trans 'Фоторепортажи:' %}</a></div>
							<h2><a href="#">Edinburgh International Festival 2013</a></h2>
						</header>
						<div id="mp-photo-gallery" class="photo-gallery swiper-container">
							<ul class="swiper-wrapper">

								<li class="swiper-slide">
									<div class="pg-item">
										<div class="pgi-pict"><img src="{% static 'client/img/_del-temp/mp-phg-1.jpg' %}" alt="" /></div>
										<div class="pgi-descr clearfix">
											<div class="pgi-date"><b>с 1 по 8 августа</b> 2013 года</div>
											<div class="pgi-text">Международный фестиваль оперы, музыки, драматических и танцевальных постановок Edinburgh International Festival 2013</div>
										</div>
									</div>
								</li>

								<li class="swiper-slide">
									<div class="pg-item">
										<div class="pgi-pict"><img src="{% static 'client/img/_del-temp/mp-phg-1.jpg' %}" alt="" /></div>
										<div class="pgi-descr clearfix">
											<div class="pgi-date"><b>с 1 по 8 августа</b> 2013 года</div>
											<div class="pgi-text">Международный фестиваль оперы, музыки, драматических и танцевальных постановок Edinburgh International Festival 2013</div>
										</div>
									</div>
								</li>

							</ul>
							<div class="re-controls">
								<a class="prev" href="#">&lt;</a>
								<a class="next" href="#">&gt;</a>
							</div>
						</div>
					</div>
				</div>

			</div>
		</section>
{% endblock %}

{% block partners %}
    <section class="layout mp-partners">
				<div class="mpp-wrap">
					<header>{% trans 'Наши партнеры:' %}</header>
					<ul class="mp-partners-list">
						<li><img src="{% static 'client/img/partners/expocentr.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/ite.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/expoforum.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/deutsche-messe.png' %}" alt="" /></li>
						<li><img src="{% static 'client/img/partners/messe-frankfurt.png' %}" alt="" /></li>
					</ul>
				</div>
		</section>
{% endblock %}

{% block services %}
    <section class="layout mp-services">
			<div class="layout-wrap">

				<aside>

				    {% include 'client/includes/services.html' %}

				</aside>

				<div class="mcl">
					<div class="mp-reviews-wrap clearfix">
						<div class="mp-reviews">
							<header>
								<div class="mpr-title"><a href="#">{%  trans 'Обзоры и аналитика' %}</a></div>
								<div class="more-link"><a class="more" href="/articles/">{%  trans 'Все обзоры' %}</a></div>
							</header>

							<ul>
                                {% for article in articles %}
                                    <li>
                                        <a href="{{ article.get_permanent_url }}">
                                            <span class="mpr-pict"><img src="{% static 'client/img/_del-temp/review-1.jpg' %}" alt="" /></span>
                                            <span class="mpr-text">{{ article.main_title }}</span>
                                        </a>
                                    </li>
                                {% endfor %}
							</ul>
						</div>

						<div class="sbnr">
							<div class="sbnr-wrap"><a href="#"><img src="{% static 'client/img/_del-temp/bnrs.jpg' %}" alt="" /></a></div>
						</div>
					</div>
				</div>

			</div>
		</section>
{% endblock %}