{% 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 'client/includes/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">
                            {% include 'client/includes/index/expos.html' with themes=exposition_themes %}
						</div>

						<div class="mpc-list">
                            {% include 'client/includes/index/confs.html' with themes=conference_themes %}
						</div>

					</div>

					<div class="abn">
                        {% block menu_banner %}

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

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

{% block announces %}
    <section class="layout mp-announces">
			<div class="layout-wrap">
				<aside>
					<div class="mp-news-list">
                        {% include 'client/includes/index/news.html' with news=news_list %}
					</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">
                        {% include 'client/includes/index/blogs.html' with blogs=blogs %}

						<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 %}