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



<div class="ep-sect eps-opened">
    <div class="ep-sect-title"><a class="eps-open" href="#">{% trans 'визуализация' %}</a></div>
    <div class="ep-sect-body">
        <header>
            <div class="pc-month-wrap">
                <a class="pcm-prev" href="/accounts/get/calendar/{{ days.0|add_month:'-1'|date:'Y' }}/{{ days.0|add_month:'-1'|date:'m' }}">&lt;</a>
                <div class="pc-month">{{ days.0|date:"F"}}’{{ days.0|date:"y"}}</div>
                <a class="pcm-next" href="/accounts/get/calendar/{{ days.0|add_month:'1'|date:'Y' }}/{{ days.0|add_month:'1'|date:'m' }}">&gt;</a>
            </div>
        </header>
        <div class="cal-wrap">
            <div class="calendar-container">
                <div class="scroll-content">
                    <table>
                        <tbody class="cal-days">
                            <tr>
                            {% for day in days %}
                                {% ifnotequal day current_day %}
                                <td><div><b>{{ day|date:"d" }}</b>/<i>{{ day|date:"D"|lower }}</i></div></td>
                                {% else %}
                                <td class="c-cur">
                                    <div>
                                        <div class="cur-mark">{% trans 'Сегодня' %}</div>
                                        <b>{{ day|date:"d" }}</b>/<i>{{ day|date:"D"|lower }}</i>
                                    </div>
                                </td>
                                {% endifnotequal %}
                            {% endfor %}
                            </tr>
                            </tbody>

                            <tbody class="cal-body">
                            {% for event in events %}
                            <tr>
                                {% for day in days %}

                                    {% if event|in_event:day %}
                                        {% if day.month == event.data_begin.month %}
                                            {% if day.day == event.data_begin.day %}
                                                <td class="c-cur" colspan="{{ event|duration:day.month }}">
                                                    <div class="c-event {% if day.month != event.data_end.month %}cont-next{% endif %}">
                                                        <div class="ce-wrap">
                                                            <h3><a href="{{ event.get_permanent_url }}">{{ event.name|safe }}</a></h3>

                                                            <div class="ce-info">
                                                                <div class="cei-icons">
                                                                    <span class="ce-ico icon-check"></span>
                                                                    <span class="ce-ico icon-fav"></span>
                                                                </div>
                                                                <div class="cei-place">{{ event.country }}, {{ event.city }}
                                                                    {% if event.plave %}
                                                                    , {{ event.place.address.address }}
                                                                    {% endif %}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            {% endif %}
                                        {% else %}
                                            {% if day.day == event.data_end.day %}
                                                <td class="c-cur" colspan="{{ event|duration:day.month }}">
                                                    <div class="c-event cont-prev">
                                                        <div class="ce-wrap">
                                                            <h3><a href="{{ event.get_permanent_url }}">{{ event.name|safe }}</a></h3>

                                                            <div class="ce-info">
                                                                <div class="cei-icons">
                                                                    <span class="ce-ico icon-check"></span>
                                                                    <span class="ce-ico icon-fav"></span>
                                                                </div>
                                                                <div class="cei-place">{{ event.country }}, {{ event.city }}
                                                                    {% if event.plave %}
                                                                    , {{ event.place.address.address }}
                                                                    {% endif %}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            {% endif %}
                                        {% endif %}
                                    {% else %}
                                        {% ifnotequal day current_day %}
                                            <td></td>
                                        {% else %}
                                        <td class="c-cur"></td>
                                        {% endifnotequal %}

                                    {% endif %}
                                {% endfor %}

                            </tr>
                            <tr class="c-sep">
                                {% for day in days %}
                                    {% ifnotequal day current_day %}
                                        <td></td>
                                    {% else %}
                                        <td class="c-cur"></td>
                                    {% endifnotequal %}
                                {% endfor %}


                            </tr>
                            {% endfor %}
                            </tbody>

                            {% if events %}
                            <tbody class="cal-days">
                            <tr>
                            {% for day in days %}
                                {% ifnotequal day current_day %}
                                <td><div><b>{{ day|date:"d" }}</b>/<i>{{ day|date:"D"|lower }}</i></div></td>
                                {% else %}
                                <td class="c-cur">
                                    <div>
                                        <div class="cur-mark">{% trans 'Сегодня' %}</div>
                                        <b>{{ day|date:"d" }}</b>/<i>{{ day|date:"D"|lower }}</i>
                                    </div>
                                </td>
                                {% endifnotequal %}
                            {% endfor %}
                            </tr>
                            </tbody>
                            {% endif %}
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>