Update script.js

script.js

@@ -23,7 +23,6 @@ function render() {
         app.innerHTML = '';
         app.appendChild(mesaInput);
 
-        // Usamos querySelector dentro de mesaInput para encontrar los botones
         mesaInput.querySelector('.decrease-mesa').onclick = () => { 
             if (mesaNumero > 1) mesaNumero--;
             mesaInput.querySelector('.mesa-number').textContent = mesaNumero;
@@ -50,16 +49,28 @@ function render() {
         mesaDiv.innerHTML = `
             <div class="mesa-card-body">
                 <h5 class="mesa-title">Mesa ${mesa.numero}</h5>
+                <button class="btn btn-danger btn-sm delete-mesa">Eliminar</button> 
             </div>
         `;
         mesaDiv.style.cursor = 'pointer';
         mesaDiv.onclick = () => gestionarMesa(index);
+
+        // Añadir listener para el botón de eliminar
+        mesaDiv.querySelector('.delete-mesa').onclick = (event) => {
+            event.stopPropagation(); // Evitar que se abra la mesa al eliminar
+            if (confirm(`¿Estás seguro de que quieres eliminar la Mesa ${mesa.numero}?`)) {
+                mesas.splice(index, 1);
+                render();
+            }
+        };
+
         mesasContainer.appendChild(mesaDiv);
     });
 
     app.appendChild(mesasContainer);
 }
 
+
 function gestionarMesa(index) {
     const mesa = mesas[index];
     app.innerHTML = '';
@@ -173,7 +184,7 @@ function gestionarMesa(index) {
     app.appendChild(finalizarButton);
 }
 
-// Generación del QR usando la API externa
+// Generación del QR usando la API externa con descarga
 function generarTicket(index, total) {
     const mesa = mesas[index];
     let qrContent = `Mesa ${mesa.numero}\n`;
@@ -186,7 +197,7 @@ function generarTicket(index, total) {
 
     console.log('QR Content:', qrContent);
 
-    app.innerHTML = ''; // Limpiamos el contenido antes de generar el QR
+    app.innerHTML = ''; 
 
     const qrContainer = document.createElement('div');
     qrContainer.className = 'text-center';
@@ -194,6 +205,13 @@ function generarTicket(index, total) {
 
     const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(qrContent)}&size=256x256`;
 
+    // Crear enlace de descarga
+    const downloadLink = document.createElement('a');
+    downloadLink.href = qrUrl;
+    downloadLink.download = `qr-mesa-${mesa.numero}.png`; 
+    downloadLink.textContent = 'Descargar QR';
+    qrContainer.appendChild(downloadLink);
+
     const qrImage = document.createElement('img');
     qrImage.src = qrUrl;
     qrImage.alt = 'QR Code';
@@ -210,4 +228,3 @@ function generarTicket(index, total) {
 render();
 
 
-