{% load thumbnail %}
{% load i18n %}
{% load template_filters %}



<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 pict-over" >
                    {% if event.logo %}
                    <a href="{{ event.get_permanent_url }}">
                    <!--<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_permanent_url }}">
                        <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 class="main-page {% if request.user.is_authenticated%}note-wrap{% else %}note-wrap-disabled{% endif %}">
                                <a class="button green icon-note {% if note %}active{% endif %} note-button" href="/expo/add-note/{{ event.url }}/">{% trans 'заметка' %}</a>
                                <div class="note-overlay">
                                    <form action="">
                                        <textarea name="note_text" class="note-text"> {{ note }}</textarea>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="re-tags">
                        {% with tags=event.tag.all %}
                            {% 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" href="#">&lt;</a>
            <a class="next" href="#">&gt;</a>
        </div>
    </div>
</div>