1 files changed, 44 insertions, 0 deletions
diff --git a/app/templates/add_product.html b/app/templates/add_product.html
new file mode 100644
index 0000000..ad7ea0a
--- /dev/null
+++ b/app/templates/add_product.html
@@ -0,0 +1,44 @@
+{# -*- mode: jinja2; -*- #}
+
+{% extends "base.html" %}
+{% import "bootstrap/wtf.html" as wtf %}
+
+{% block content %}
+
+  {% block title %}Add a New Product{% endblock %}
+
+  {% if message %}
+
+    {# the form was submitted and message exists #}
+    <p class="lead"><strong>{{ message }}</strong></p>
+    {# links #}
+    <p><a href="{{ url_for('add_product') }}" class="button">Submit another product.</a></p>
+<p><a href="/fapg/home">Return to the index.</a></p>
+
+{% else %}
+
+  {# the form is displayed when template opens via GET not POST #}
+  <p class="lead alert alert-primary">Add a new sock to our inventory.</p>
+<p class="ml-4"><a href="/fapg/home" class="button">Return to the index.</a></p>
+{# show flash - based on WTForms validators
+see https://pythonprogramming.net/flash-flask-tutorial/
+get_flashed_messages() exists here because of flash()
+in the route function
+#}
+{% with errors = get_flashed_messages() %}
+  {% if errors %}
+    {% for err in errors %}
+      <div class="alert alert-danger alert-dismissible" role="alert">
+	<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
+	{{ err }}
+      </div>
+    {% endfor %}
+  {% endif %}
+{% endwith %}
+{# end of flash #}
+
+{# the form, thanks to WTForms #}
+{{ wtf.quick_form(form) }}
+
+{% endif %}
+{% endblock %}