{% 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> DevLog </h1>

{% 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 %}

{% endblock %}