From c7e30c9ed17396edeac16c06f4f58ba259d38ddc Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gregory.w.ballantine@nasa.gov>
Date: Tue, 21 May 2024 09:42:12 -0400
Subject: [PATCH] Added search field in navbar

---
 assets/styles/gargoyle.scss |  7 +++++++
 views/layout.twig           | 13 +++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/assets/styles/gargoyle.scss b/assets/styles/gargoyle.scss
index 42d6344..7c0f89e 100644
--- a/assets/styles/gargoyle.scss
+++ b/assets/styles/gargoyle.scss
@@ -53,6 +53,9 @@ input[type="submit"].button-primary{
   .nav-bar-left{
     float: left;
   }
+  .nav-bar-right{
+    float: right;
+  }
 
   ul{
     list-style: none;
@@ -60,6 +63,10 @@ input[type="submit"].button-primary{
     li{
       display: inline-block;
     }
+
+    form, li{
+      display: inline-block;
+    }
   }
 
   .site-logo,
diff --git a/views/layout.twig b/views/layout.twig
index 450ee30..b388b09 100644
--- a/views/layout.twig
+++ b/views/layout.twig
@@ -18,11 +18,20 @@
       <ul>
         <li class="site-logo">Overseer</li>
         <li class="nav-link"><a href="/">Home</a></li>
-        <li class="nav-link"><a href="/item/search">Search</a></li>
         <li class="nav-link"><a href="/item/add">Add Item</a></li>
         <li class="nav-link"><a href="/license/add">Add License</a></li>
       </ul>
     </div>
+
+    <div class="nav-bar-right">
+      <ul>
+        <li><form action="/search" method="GET">
+          <input type="text" name="search" placeholder="enter a search query...">
+
+          <button type="submit" name="button"><i class="fa-solid fa-magnifying-glass"></i></button>
+        </form></li>
+      </ul>
+    </div>
   </nav>
 
   {% if flash != null %}
@@ -36,4 +45,4 @@
     {% block content %}{% endblock %}
   </div>
 </body>
-</html>
\ No newline at end of file
+</html>