Implement boilerplate search widget/page view

core/templates/window-content/drug_search.html

@@ -0,0 +1,68 @@
+<form class="skipEmptyFields" method="POST" hx-post="#"
+  hx-trigger="change"
+  hx-target="#widgets-here"
+  hx-swap="innerHTML"
+  hx-indicator="#spinner">
+  {% csrf_token %}
+  <div class="columns">
+    <div class="column">
+      <div class="field has-addons">
+        <div id="query" class="control is-expanded has-icons-left">
+          <input
+            hx-post="#"
+            hx-trigger="keyup changed delay:200ms"
+            hx-target="#widgets-here"
+            hx-swap="innerHTML"
+            name="query"
+            value=""
+            class="input"
+            type="text"
+            placeholder="Search something">
+          <span class="icon is-small is-left">
+            <i class="fas fa-magnifying-glass"></i>
+          </span>
+        </div>
+        <div class="control">
+          <div class="field">
+            <button
+              id="search"
+              class="button is-fullwidth"
+              hx-post="#"
+              hx-trigger="click"
+              hx-target="#widgets-here"
+              hx-swap="innerHTML">
+              Search
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="column is-3">
+      <div class="nowrap-parent">
+        <div
+          data-script="on click toggle .is-hidden on #options"
+          class="button is-right nowrap-child">
+          Options
+        </div>
+        <div class="nowrap-child">
+          <span id="spinner" class="button is-light has-text-link is-loading htmx-indicator">Static</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="block">
+    <input
+      hx-trigger="change"
+      hx-post="#"
+      hx-target="#widgets-here"
+      hx-swap="innerHTML"
+      id="tags"
+      class="input"
+      type="tags"
+      name="tags"
+      placeholder="Tag search: nick: john"
+      value="##">
+  </div>
+  <div class="is-hidden"></div>
+
+</form>

core/templates/window-content/main.html

@@ -1,9 +1,9 @@
-<p class="title">This is a demo panel</p>
+<p class="title">Common controls</p>
 
 <div class="buttons">
   <button
     hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-    hx-get="{% url 'modal' %}"
+    hx-get="{% url 'search' type='widget' %}"
     hx-trigger="click"
     hx-target="#modals-here"
     class="button is-info">
@@ -11,7 +11,7 @@
       <span class="icon">
         <i class="fa-solid fa-list"></i>
       </span>
-      <span>Open modal</span>
+      <span>Open search widget</span>
     </span>
   </button>
   <button