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

{% block styles %}
<style>
    .pict-over{width:220px;height:220px;line-height:212px;text-align:center;background:#fff;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>

            <div class="mcl">

                <div id="mp-recent-expo" class="recent-expo">
                    <ul class="cycle-slideshow"
                        data-cycle-fx="scrollHorz"
                        data-cycle-timeout="4000"
                        data-cycle-prev=".swiper-button-prev"
                        data-cycle-next=".swiper-button-next"
                        data-cycle-pause-on-hover="true"
                        data-cycle-slides="> li"
                        data-cycle-log="false">

                        {% for event in events %}
                        <li>
                            <div class="re-pict pict-over" >
                                {% if event.logo %}
                                <a href="{{ event.get_main_link }}">
                                {# <img src="{{ event.logo.url }}"> #}

                                    {% thumbnail event.get_preview "220x220" as im %}
                                        <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
                                    {% endthumbnail %}

                                </a>
                                {% endif %}
                            </div>
                            <div class="re-body">
                                <div class="re-info">
                                    <a href="{{ event.get_main_link }}">
                                        <div class="re-title">{{ event.name|safe }}</div>
                                        <div class="re-date">
                                            {% include 'client/includes/index/main_date_block.html' with obj=event %}
                                        </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 {% if event|in_calendar:request.user %}removecalendar {% else %}addcalendar {% endif %}" href="{{ event.get_calendar_url }}">{% if event|in_calendar:request.user %}{% trans 'Убрать из календаря' %}{% else %}{% trans 'добавить в календарь' %}{% endif %}</a>
                                    </div>
                                    <div class="re-tags">
                                    {% with tags=event.tags %}
                                        {% for tag in tags %}
                                            <a href="{{ event.get_catalog_url }}tag/{{ tag.url }}">{{ tag }}</a>{% if forloop.counter < tags|length %},{% endif %}
                                        {% endfor %}
                                    {% endwith %}
                                    </div>
                                </footer>
                            </div>
                        </li>
                        {% endfor %}
                    </ul>
                    <div class="re-controls">
                        <a class="prev swiper-button-prev" href="javascript:void(0)">&lt;</a>
                        <a class="next swiper-button-next" href="javascript:void(0)">&gt;</a>
                    </div>
                </div>
            </div>





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

{% block search %}
    {% include 'client/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/services.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>
                {% include 'client/includes/banners/main_page_inner.html' %}
            </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">
                    {% if main_page_block %}
                        {{ main_page_block.text|safe }}
                    {% endif %}
                    {% comment %}
                    <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>
                    {% endcomment %}
                </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/deutsche-messe-2.png' %}" /></li>
                <li><img src="{% static 'client/img/partners/ite.png' %}" /></li>
                <li><img src="{% static 'client/img/partners/congress_office.png' %}" /></li>
                {% comment %}
                <li><img src="{% static 'client/img/partners/nurnberg-messe.png' %}" /></li>
                {% endcomment %}
                <li><img src="{% static 'client/img/partners/reed-exhibitions.png' %}" /></li>
                <li><img src="{% static 'client/img/partners/messe-dusseldorf.png' %}" /></li>
            </ul>
        </div>
    </section>
{% endblock %}

{% block services %}
    <section class="layout mp-services">
        <div class="layout-wrap">
            <aside>
                {% include 'client/includes/side_confs.html' %}
            </aside>
            <div class="mcl">
                <div class="mp-reviews-wrap clearfix">
                    {% include 'client/includes/index/blogs.html' with blogs=blogs %}
                </div>
            </div>
        </div>
    </section>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/2.1.6/jquery.cycle2.min.js" defer></script>
{% endblock %}