1 files changed, 29 insertions, 0 deletions
diff --git a/engagements/templates/engagements/engagement_create.html b/engagements/templates/engagements/engagement_create.html
new file mode 100644
index 0000000..1e72ca0
--- /dev/null
+++ b/engagements/templates/engagements/engagement_create.html
@@ -0,0 +1,29 @@
+{% extends "core/base.html" %}
+
+{% block title %}Create new engagement{% endblock title %}
+
+{% block content %}
+
+<div class="w3-container w3-cell-row w3-margin-bottom">
+    <h2>{{ title }}</h2>
+    <div class="w3-panel w3-light-blue w3-round w3-leftbar w3-border-blue w3-display-container">
+
+        <span onclick="this.parentElement.style.display='none'"
+              class="w3-button w3-display-topright">&times;</span>
+        <h4>Step 1</h4>
+        <p>To roughly plan out future events, you provide the minimal details here: <strong>start date</strong>, <strong>end date</strong> (optional),the <strong>type of Engagement</strong> (Assessment, Inspection or Sampling), the <strong>external site</strong> or operation and finally the <strong>inspectors</strong> who are carrying out the work.</p>
+        <h4>Step 2</h4>
+        <p>So that we can track the finer details involved with an Assessment or Inspection, each Engagement comprises additional <em>components</em>, such as <strong>Planning</strong>, <strong>On-site</strong> and <strong>Reporting</strong>. Inspector time can be allocated to these components. In addition, each compontent can be associated with <strong>Instruments</strong>, such as <strong>DSCs</strong>, etc. After you create the overarching Engagement using this form, you will have the opportunity to add components.</p>
+    </div>
+
+    <hr>
+    <div class="w3-container w3-cell-middle">
+        <h4>Enter main details:</h4>
+        <form method="post">{% csrf_token %}
+            {{ form.as_p }}
+            <input type="submit" class="w3-btn w3-green" value="Save">
+        </form>
+    </div>
+</div>
+
+{% endblock content %}