add botão (funcionando) remover produto da comanda

gestaoRaul/templates/htmx_components/htmx_list_products_in_comanda.html

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

gestaoRaul/templates/static/comandas/js/viewcomanda.js

@@ -2,19 +2,29 @@ function openModal() {
     document.getElementById('Modal-add-product').style.display = 'block';
 }
 
+
+function open_remove_product_comanda() {
+    document.getElementById('remove-product-comanda').style.display = 'block';
+}
+
 function closeModal() {
     document.getElementById('Modal-add-product').style.display = 'none';
 }
 
+
+function removeCloseModal() {
+    document.getElementById('remove-product-comanda').style.display = 'none';
+}
+
+
+
+
+
 document.getElementById('openModal').addEventListener('click', openModal);
 
 document.getElementById('productForm').addEventListener('submit', function(event) {
     event.preventDefault(); 
 
-    // const productName = document.getElementById('productName').value;
-    // const productPrice = document.getElementById('productPrice').value;
-    // const productDescription = document.getElementById('productDescription').value;
 
-    // closeModal();
 });