{% extends 'base.html' %}

{% block content %}
    <span><h1>{% block title %} Periods {% endblock %}</h1></span> <a class="btn btn-primary" href="/period/new" role="button">New Period </a> <br> <br>
    <div>
        {% for period in periods %}
        {% set convertedTime = datetime.strptime(period.periodTime, "%H:%M:%S") %}
        <div class="float-right">
        <form method="post"
            action="{{url_for('delete_period',
                    periodNum=period.period) }}">
            <input class="btn btn-danger" type="submit" value="Delete"
            onclick="return confirm('Are you sure you want to delete this period?')">
        </form></div>
        <div class="float-right"><a type="button" class="btn btn-primary mr-1" href="/period/edit/{{ period.period }}">Edit</a>
        </div>
        <div>
            <p><b>Period {{ period.period }}</b> <br> Time: {{ convertedTime.strftime("%I:%M %p") }} </p>
        </div>
        <hr>
        {% endfor %}
    </div>
{% endblock %}