ver detalle

// Manejar clic en el botón "Ver Detalle"
  $('#pediTable tbody').on('click', '.verDetalle', function() {
    const detalle_pedido_de_compras = $(this).data('detalle_pedido_de_compras');
    // Limpiar la lista de detalles del insumo
    $('#insumoDetalle-info').empty();
    // Agregar detalles del insumo a la lista
    if(detalle_pedido_de_compras) {
      detalle_pedido_de_compras.forEach(function(insumo) {
          $('#insumoDetalle-info').append(`
              <li class="list-group-item">
                  <strong>ID Insumo:</strong> ${insumo.id_insumo}<br>
                  <strong>Cantidad:</strong> ${insumo.cantidad}<br>
                  <strong>Nombre Insumo:</strong> ${insumo.nombre_insumo}<br>
                  <strong>Unidad de Medida:</strong> ${insumo.unidad_medida}
              </li>`);
      });
    }
    // Mostrar el modal con los detalles del insumo
    $('#detalleModal').modal('show');
  });