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

templates/base.html

@@ -24,6 +24,9 @@
             <li class="nav-item">
                 <a class="nav-link" href="/tasks">Tasks</a>
             </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/periods">Periods</a>
+            </li>
             </ul>
         </div>
     </nav>

templates/editPeriod.html

@@ -0,0 +1,29 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<span><h1>{% block title %} Edit Period {% endblock %}</h1></span>
+    <p>
+        <b>Period {{ period.period }}</b>
+    </p>
+
+<form method="post">
+    {{ form.csrf_token }}
+    <p>
+        {{ form.periodTime.label }}
+        {{ form.periodTime(value=period.periodTime) }}
+    </p>
+    <p>
+        {{ form.weekendSchedule.label }}
+        {{ form.weekendSchedule }}
+    </p>
+    <p>
+        <button class="btn btn-primary" type="submit">Submit</button>
+    </p>
+</form>
+<form method="post"
+      action="{{url_for('delete_period',
+                    periodNum=period.period) }}">
+      <input class="btn btn-danger" type="submit" value="Delete Period"
+      onclick="return confirm('Are you sure you want to delete this period?')">
+</form>
+{% endblock %}

templates/newPeriod.html

@@ -0,0 +1,20 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<span><h1>{% block title %} New Period {% endblock %}</h1></span>
+
+<form method="post">
+    {{ form.csrf_token }}
+    <p>
+        {{ form.periodTime.label }}
+        {{ form.periodTime }}
+    </p>
+    <p>
+        {{ form.weekendSchedule.label }}
+        {{ form.weekendSchedule }}
+    </p>
+    <p>
+        <button class="btn btn-primary" type="submit">Submit</button>
+    </p>
+</form>
+{% endblock %}

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