removeProductBalcao trocado htmx por ajax

gestaoRaul/balcao/templates/viewBalcao.html

@@ -46,8 +46,8 @@
     <tr>
       <td>{{item.product.name}}</td>
       <td>R$ {{item.product.price}}</td>
-      <td><button
+      <td><button onclick="removeProductBalcao({{item.id}})"
-        hx-get="{% url 'removeProductBalcao' item.id  %} " hx-trigger="click" hx-target="#list-products-balcao"
+        
         >🗑️ Excluir</button></td>
     </tr>
     

gestaoRaul/templates/htmx_components/htmx_list_products_in_balcao.html

@@ -8,7 +8,9 @@
 <tr>
   <td>{{item.product.name}}</td>
   <td>R$ {{item.product.price}}</td>
-  <td><button hx-get="{% url 'removeProductBalcao' item.id  %} " hx-trigger="click" hx-target="#list-products-balcao" >🗑️ Excluir</button></td>
+  <td><button onclick="removeProductBalcao({{item.id}})"
+   
+    >🗑️ Excluir</button></td>
 </tr>
 
 {% endfor %}

gestaoRaul/templates/static/comandas/js/viewbalcao.js

@@ -120,23 +120,32 @@ function addProductBalcao() {
   var qtd = document.getElementById('qtd-product').value;
   console.log(productId, comandaId)
   const url = `/balcao/addProductBalcaoTeclado${productId}/${comandaId}/${qtd}/`;
-  const listProductsBalcao = document.getElementById('list-products-balcao');
   fetch(url, {
     method: 'GET', 
     headers: {
       'Content-Type': 'application/json'
-    },
+    },}).then(function(response) {
-
-  })
-  .then(function(response) {
     return response.text();
-  }).then(function(text) {
+    }).then(function(text) {
     var listProductsBalcaoElement = document.getElementById("list-products-balcao");
     listProductsBalcaoElement.innerHTML = text;
   })
+}
 
 
-  // reloadPage()
+function removeProductBalcao(id) {
+
+  const url = `/balcao/removeProductBalcao${id}/`;
+  fetch(url, {
+    method: 'GET', 
+    headers: {
+      'Content-Type': 'application/json'
+    },}).then(function(response) {
+    return response.text();
+    }).then(function(text) {
+    var listProductsBalcaoElement = document.getElementById("list-products-balcao");
+    listProductsBalcaoElement.innerHTML = text;
+  })
 }