Setup form to use htmx

 - load image from static

templates/cmp/army-number-search.html

@@ -1,10 +1,10 @@
 {% extends "base.html" %}
+{% load static %}
 {% block title %}Army Number Search{% endblock %}
 {% block content %}
 
 <div>
-{% load static %}
-<img src="/static/cmp/flag.svg" style="width:20%; height:auto;" alt="The Flag of the British Army. A lion wearing a crown on two crossed swords. ">
+<img src="{% static 'cmp/flag.svg' %}" style="width:20%; height:auto;" alt="The Flag of the British Army. A lion wearing a crown on two crossed swords. ">
 <p></p>
 <h2> British Army Number Search Tool</h2>
 <p>
@@ -15,9 +15,11 @@ <h2> British Army Number Search Tool</h2>
 </p>
 </div>
 <div>
-    <form action="{% url 'army-number-search' %}" method="get">
-        <input type="text" name="q" placeholder="Enter army number" value="787569" class="input-text">
-        <input type="submit" value="Search">
+    <form method="post" hx-post="{% url 'army-number-search' %}" hx-target="#query-response">
+        {% csrf_token %}
+        <input type="text" name="q" placeholder="Enter army number" class="input-text">
+        <input type="submit" value="Search" class="btn btn-secondary">
     </form>
 </div>
+<div class="pt-4" id="query-response"></div>
 {% endblock %}