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

{% block styles %}

<style>

.pict-over{
    width: 220px;
    height: 220px;
    line-height: 212px;
    text-align: center;
    background: #ffffff;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.pict-over  img{
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
    vertical-align: middle;
}

</style>
{% endblock %}


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

{% block top %}

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

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

                {% include 'client/includes/index/main_events.html' with events=events %}


			</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>
<script src="{% static 'client/js' %}{% if debug %}/{% else %}_min/{% endif %}_modules/page.index{% if debug %}{% else %}.min{% endif %}.js"></script>
<script>
	EXPO.index.init({
		note:{
			wrapClass:'note-wrap',
			wrapDisabledClass:'note-wrap-disabled',
			buttonClass:'note-button',
			inputClass:'note-text'
		}
	});
</script>
{% endblock %}