{% extends 'base.html' %}

{% block content %}
    <span><h1>{% block title %} Events {% endblock %}</h1></span>
    <div>
        {% for event in events %}
            <div>
                {% set convertedTime = datetime.strptime(event.period.periodTime, "%H:%M:%S") %}
                <p><b>Period {{ event.period_num }}</b> <br> Time: {{ convertedTime.strftime("%I:%M %p") }} </p>
                <b>
                        <a href="/task/{{ event.tasks.id }}">
                            {{ event.tasks.title }}
                        </a>
                </b>
                <div>
                    <p>{{ event.tasks.description }}</p>
                </div>
                <hr>
            </div>
        {% endfor %}
    </div>
{% endblock %}