{% extends 'base.html' %}
{% block title %} Арка | DevLog {% endblock %}

{% block styles %}
    <style>
    .event-type {
        background: #c447a1;
        padding: 5px;
        border-radius: 5px;
    }
    .event-date {
        background: var(--bkg-color2);
        padding: 5px;
        border-radius: 5px;
    }

    .event-wrapper {
        padding: 10px;
        margin-top: 20px;
        border-bottom: 2px solid var(--text-color);
    }

    .event-wrapper:last-child {
        border-bottom: none;
    }

    details div {
        margin-left: 10px;
        margin-top: 10px;
        padding-left: 10px;
        border-left: 1px solid var(--text-color);
    }

    </style>
{% endblock %}

{% block content %}

<h1 class=deprecated-page-header"> DevLog </h1>

    {% if user.is_staff %}
        {% if events %}
            {% for e in events %}
                <div class="event-wrapper">
                    <span class="event-type">{{ e.event_type }}</span>
                    <span class="event-date">{{ e.event_time }}</span>
                    <h2>{{ e.name }}</h2>
                    <details>
                        <summary>Описание</summary>
                        <div>
                            {{ e.description | safe }}
                        </div>
                    </details>
                </div>
            {% endfor %}
        {% else %}
            <h2>Не передан объект <i>events</i> в шаблон</h2>
        {% endif %}
    {% else %}
        <h3>Эта страница доступна только персоналу.</h3>
        <p>
        Это означает что вы должны войти под учетной записью, имеюей статус персонала на этом сайте.
        Если вы не имеете доступа к такой учетной записи, то эта информация не для вас.
        </p>
    {% endif %}

{% endblock %}