document.addEventListener('DOMContentLoaded', function() {
    // Manejador para botones de editar
    document.querySelectorAll('.edit-btn').forEach(button => {
        button.addEventListener('click', function() {
            const productId = this.getAttribute('data-id');
            editProduct(productId);
        });
    });

    // Manejador para botones de eliminar
    document.querySelectorAll('.delete-btn').forEach(button => {
        button.addEventListener('click', function() {
            const productId = this.getAttribute('data-id');
            deleteProduct(productId);
        });
    });
});

function editProduct(productId) {
    // Mostrar modal de confirmación
    if (confirm('¿Desea editar este producto?')) {
        // Hacer petición AJAX al servidor
        fetch(`/api/productos/${productId}`, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            // Rellenar el formulario con los datos del producto
            document.getElementById('productoId').value = data.id;
            document.getElementById('nombre').value = data.nombre;
            document.getElementById('precio').value = data.precio;
            // ... rellenar otros campos según sea necesario
            
            // Hacer scroll al formulario
            document.querySelector('.form-card').scrollIntoView({ behavior: 'smooth' });
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al cargar los datos del producto');
        });
    }
}

function deleteProduct(productId) {
    // Mostrar modal de confirmación
    if (confirm('¿Está seguro de que desea eliminar este producto?')) {
        // Hacer petición AJAX al servidor
        fetch(`/api/productos/${productId}`, {
            method: 'DELETE',
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(response => {
            if (response.ok) {
                // Eliminar la fila de la tabla
                const row = document.querySelector(`tr[data-id="${productId}"]`);
                row.remove();
                alert('Producto eliminado exitosamente');
            } else {
                throw new Error('Error al eliminar el producto');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('Error al eliminar el producto');
        });
    }
}
