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

<div class="m-article">
    <div class="item-wrap event clearfix">
        <aside>
            {% if exposition.expohit %}
                <div class="hit"></div>
            {% endif %}
            <div class="i-pict">
            {% with obj=exposition  %}
                {% include 'client/includes/show_logo.html' %}
            {% endwith %}
            </div>
            <!--
            <div class="i-rating" title="Рейтинг: 551">551</div>
            -->
            <div class="i-stats">
                {% if exposition.visitors %}
                <span class="visitors" title="Посетители">{{ exposition.visitors }}</span>
                {% endif %}
                {% if exposition.members %}
                <span class="participants" title="Участники">{{ exposition.members }}</span>
                {% endif %}
            </div>

            <div class="i-discount">
            {% if exposition.discount %}
                <a class="discount-button" href="#">{% trans 'Скидка' %} -{{ exposition.discount }}%</a>
                <div class="dsc-text">{{ exposition.discount_description|safe }}</div>
                {% endif %}
             </div>
        </aside>

        <div class="i-info">
            <header>
                <div class="i-title">
                    {% if exposition.main_title %}
                        {{ exposition.main_title|safe }}
                    {% else %}
                        {{ exposition.name|safe }}
                    {% endif %}
                </div>
            </header>

            <div class="i-date">
                {% with obj=exposition  %}
                    {% include 'client/includes/show_date_block.html' %}
                {% endwith %}
            </div>
            {% if exposition.place %}
            <div class="i-address">
                <header>
                    <div class="address">
                        {{ exposition.place.address.address }}
                    </div>
                    <div class="show-map"><a class="toggle-map" href="#">{% trans 'Раскрыть карту' %}</a></div>
                </header>

                <div class="i-map">
                    <div class="close-map"><a class="toggle-map" href="#">{% trans 'Скрыть карту' %}</a>
                    </div>
                    <div class="map-canvas" id="map-canvas" data-coords="{{ exposition.place.address.lat }},{{ exposition.place.address.lng }}" ></div>
                </div>
            </div>
            {% endif %}


        </div>
    </div>
    <hr />
    <div class="e-statistic">
        <div class="sect-title">{% trans 'Статистика' %}</div>
        <div class="ep-wrap">
        {% with statistics=exposition.statistic.all %}
        {% for st in statistics %}
            <div class="ep-sect">
                                    <div class="ep-sect-title"><a class="eps-open" href="#">{{ st.year }}</a></div>

                                    <div class="ep-sect-body">

                                        <div class="ep-stats clearfix">
                                            <div class="eps-item ">
                                                <b>{{ st.visitors }}</b>
                                                <div class="eps-text">{% trans 'посетителей' %}</div>
                                            </div>
                                            <div class="eps-item">
                                                <b>{{ st.members }}</b>
                                                <div class="eps-text">{% trans 'участников' %}</div>
                                            </div>
                                        </div>

                                        <div class="ep-info clearfix">
                                            {% if st.area %}
                                            <div class="ep-area-wrap">
                                                <div class="epa-title">{% trans 'Общая выставочная площадь' %}</div>

                                                <div class="epa-area">{{ st.area }} {% trans 'м' %}<sup>2</sup></div>

                                            </div>
                                            {% endif %}

                                            <div class="ep-founded"><b>{{ exposition.foundation_year }}</b> год основания</div>
                                        </div>
                                        {% if st.countries_number or st.countries %}
                                        <div class="ep-countries clearfix">
                                            <div class="epc-title">{% trans 'Страны' %}</div>

                                            <div class="epc-list">
                                            {% if st.countries_number %}
                                                <ul>
                                                    <li>{{ st.countries_number }} {% trans 'стран-участниц' %}</li>
                                                </ul>
                                            {% else %}
                                                {% with html=st.countries|generate_countries_list %}
                                                    {{ html|safe }}
                                                {% endwith %}

                                            {% endif %}

                                            </div>

                                        </div>
                                        {% endif %}

                                    </div>

            </div>
        {% endfor %}
        {% endwith %}
        </div>
    </div>
    {% with event=exposition %}
        {% include 'includes/event_steps.html' %}
    {% endwith %}
</div>

<div class="ed-back">
    <a href="{{ exposition.get_permanent_url }}">{{ exposition.name|safe }}</a>
</div>

<div class="i-sub-articles">
    <ul>
    {% with services=exposition.get_services %}
        {% for service in services %}
            <li><a href="{{ exposition.get_permanent_url }}service/{{ service.url }}/">{{ service.name }}</a></li>
        {% endfor %}
    {% endwith %}
    </ul>
</div>