trocando pesquisa reativo de htmx para ajax

gestaoRaul/balcao/templates/viewBalcao.html

@@ -72,15 +72,13 @@
             <h2 style="text-align: center;">Buscar Produto </h2>
             <div class="grid-container">
               <input 
-              onwaiting="salvarValor()"
+              onkeypress="searchProduct()"
               type="text" 
               id="search-product" 
               name="search-product" 
               autofocus 
               placeholder="Buscar Produto" 
-              hx-get="{% url 'listProductBalcao' comanda.id %}" 
-              hx-trigger="keyup" 
-              hx-target="#product-list"
+              
               >
             <input type="number" id="qtd-product" name="qtd-product" value="1" required min="1"><br>
           </div>
@@ -94,7 +92,7 @@
                 id="productId-{{ product.id }}" 
               
                 style="background-color: #293552;" 
-                hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %}" hx-trigger="click" hx-target="#list-products-balcao" 
+                
                 >
                 <p hidden id="{{forloop.counter0}}" >{{product.id}}</p>
                 <p hidden id="comanda{{forloop.counter0}}" >{{comanda.id}}</p>
@@ -108,9 +106,9 @@
                 name="productBox"
                 id="productId-{{ product.id }}" 
                 style="background-color: #293552;" 
-                hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %} " hx-trigger="click" hx-target="#list-products-balcao" 
-                ><data value="{{product.id}}"></data>
-                  {{ forloop.counter0 }} {{product.name}} <br>
+                
+                >
+                  {{product.name}} <br>
                   R$ {{product.price}}
                 </article >