add period templates, add period, edit period, delete period

templates/periods.html

@@ -0,0 +1,23 @@
+{% 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 %}