From b32a64d8a6458ec6c8a8fa39dd8b7e2a0c1efa42 Mon Sep 17 00:00:00 2001
From: ry_austin <rrarra@gmail.com>
Date: Fri, 6 Oct 2023 14:00:32 -0400
Subject: [PATCH] Setup form to use htmx  - load image from static

---
 templates/cmp/army-number-search.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/templates/cmp/army-number-search.html b/templates/cmp/army-number-search.html
index 5bfa2c1..415fe66 100644
--- a/templates/cmp/army-number-search.html
+++ b/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 %}
\ No newline at end of file