{% load static %}
{% load i18n %}
{% load template_filters %}

{% with objects=object_list %}
    {% if objects %}
        {% include 'client/includes/banners/tops.html' %}

        <ul class="cat-list cl-exhibitions">
            {% for obj in objects %}
                <li class="cl-item {% if obj.canceled %}canceled{% endif %}" data-slug="{{ obj.url }}">
                    <div class="cl-item-wrap clearfix">
                        {% if not obj.canceled %}
                            <a target="_blank" href="{% if not obj.paid_new_id %}{{ obj.get_permanent_url }}{% else %}{{ obj.get_paid_catalog_url }}{% endif %}">
                                {% if obj.expohit %}
                                    <div class="hit"></div>
                                {% endif %}
                                <div class="cli-pict">
                                    {% with obj=obj  %}
                                        {% include 'client/includes/show_logo.html' %}
                                    {% endwith %}
                                </div>
                            </a>
                        {% else %}
                            <div class="cancel"></div>
                            <div class="cli-pict">
                                {% with obj=obj  %}
                                        {% include 'client/includes/show_logo.html' %}
                                {% endwith %}
                            </div>
                        {% endif %}

                        <div class="cli-info">
                            <div class="cli-top clearfix">
                                {% if obj.quality_label.rsva.is_set %}
                                    <div class="cli-approved">
                                        <img width="52" height="42" src="{% static 'client/img/rsva.jpg' %}" alt="" title="Approved Event" />
                                    </div>
                                {% endif %}

                                {% if obj.quality_label.exporating.is_set %}
                                    <div class="cli-approved">
                                        <img width="52" height="42" src="{% static 'client/img/exporating_logo.png' %}" alt="" title="Approved Event" />
                                    </div>
                                {% endif %}

                                {% if obj.quality_label.ufi.is_set %}
                                    <div class="cli-approved">
                                        <img width="52" height="42" src="{% static 'client/img/approved-logo.png' %}" alt="" title="Approved Event" />
                                    </div>
                                {% endif %}

                                <header>
                                    <div class="cli-title"><a target="_blank" href="{% if not obj.paid_new_id %}{{ obj.get_permanent_url }}{% else %}{{ obj.get_paid_catalog_url }}{% endif %}">{{ obj.name|safe }}</a></div>
                                </header>

                                <div class="cli-descr">
                                    {{ obj.main_title|safe }}
                                </div>
                            </div>

                            <div class="cli-bot clearfix">
                                <div class="cli-date">
                                    {% with obj=obj  %}
                                        {% include 'client/includes/show_date_block.html' %}
                                    {% endwith %}
                                </div>

                                {% if obj.country %}
                                    <div class="cli-place">
                                        <a href="{{ obj.catalog }}country/{{ obj.country.url }}/">{{ obj.country }}</a>, <a href="{{ obj.catalog }}city/{{ obj.city.url }}/">{{ obj.city }}</a>
                                        {% if obj.place %}, <a href="/places/{{ obj.place.url }}/">{{ obj.place }}</a>{% endif %}
                                    </div>
                                {% endif %}
                            </div>
                        </div>

                        <div class="cli-buttons clearfix">
                            <div class="cli-m-buttons">
                                {% include 'client/includes/exposition/services.html' with obj=obj %}
                                {% include 'client/includes/calendar_button.html'  with obj=obj%}
                                <div class="{% if request.user.is_authenticated%}note-wrap{% else %}note-wrap-disabled{% endif %}">
                                    {% with note=obj|note_by_user:request.user %}
                                        <a class="button green icon-note {% if note %}active{% endif %} note-button" href="/expo/add-note/{{ obj.url }}/">{% trans 'заметка' %}</a>
                                        <div class="note-overlay">
                                            <form action="">
                                                <textarea name="note_text" class="note-text"> {{ note }}</textarea>
                                            </form>
                                        </div>
                                    {% endwith %}
                                </div>

                                {% if request.user.is_admin %}
                                    <div class="note-wrap">
                                        <a class="button green " href="/admin/exposition/{{ obj.url }}/">{% trans 'изменить' %}</a>
                                    </div>
                                {% endif %}
                                <div></div>
                            </div>
                            <div class="cli-s-buttons">
                                {% include 'client/buttons/booking_button.html' with object=obj %}
                            </div>
                        </div>
                    </div>

                    <footer class="clearfix">
                        <div class="cli-stats">
                            {% if obj.visitors %}
                                <span class="visitors" title="Посетители">{{ obj.visitors }}</span>
                            {% endif %}

                            {% if obj.members %}
                                <span class="participants" title="Участники">{{ obj.members }}</span>
                            {% endif %}
                        </div>

                        <div class="cli-tags">
                            {% include 'client/includes/exposition/tags.html' with obj=obj %}
                        </div>
                    </footer>
                </li>

                {% if forloop.counter == 5 %}
                    {% include 'client/includes/banners/catalog_inner_2.html' %}
                {% elif forloop.last and objects|length < 5 %}
                    {% include 'client/includes/banners/catalog_inner_2.html' %}
                {% endif %}

                {% if forloop.counter == 10 %}
                    {% include 'client/includes/banners/catalog_inner.html' %}
                {%endif %}
            {% endfor %}

        </ul>
    {% else %}
        <p class="message-not-found">
            <span class="message">
                {% trans "Выставки по указанным параметрам не найдены. Попробуйте задать менее точный запрос по теме или расширить период времени" %}
            </span>
        </p>
    {% endif %}
{% endwith %}

{% block scripts %}
    {% if request.GET.debug == '1' %}
        <script src="{% static 'client/js/_modules/block.exposition.list.js' %}"></script>
    {% else %}
        <script src="{% static 'client/js_min/_modules/block.exposition.list.min.js' %}"></script>
    {% endif %}

    <script>
        EXPO.exposition.list.init({
            note:{
                wrapClass:'note-wrap',
                wrapDisabledClass:'note-wrap-disabled',
                buttonClass:'note-button',
                inputClass:'note-text'
            },
            addCalendarText:"{% trans 'В расписание' %}",
            removeCalendarText:"{% trans 'Из расписания' %}"
        });
    </script>
{% endblock %}