// Variable global para usar dentro de las excepciones de bonosKpis para reventa
var wmaxRules = {"33780":{"min":1,"max":2},"39629":{"min":1,"max":2},"31119":{"min":1,"max":2},"37265":{"min":1,"max":2},"33001":{"min":1,"max":2},"35232":{"min":1,"max":2},"33028":{"min":1,"max":2},"38759":{"min":1,"max":2},"33027":{"min":1,"max":2},"39366":{"min":1,"max":2},"37336":{"min":1,"max":2},"34996":{"min":1,"max":2},"37338":{"min":1,"max":2},"37331":{"min":1,"max":2},"37337":{"min":1,"max":2},"37345":{"min":1,"max":2},"33135":{"min":1,"max":2},"33134":{"min":1,"max":2},"35132":{"min":1,"max":2},"31526":{"min":1,"max":2},"38201":{"min":1,"max":2},"38202":{"min":1,"max":2},"40286":{"min":1,"max":2},"39200":{"min":1,"max":2},"40284":{"min":1,"max":2},"40285":{"min":1,"max":2}};
function view_shopping_cart(fkShoppingCart=0, docStatus=0) {

	$('#top_section_search').show();
	console.log("Estoy en la función view_shopping_cart de shopping_cart.js");
	var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc" );
	var fkRubro = $( ".top-section-info-current .current-customer-info" ).data( "fk_rubro" );
	var fkFormeJuridique = $( ".top-section-info-current .current-customer-info" ).data( "fkFormeJuridique" );
	soloClienteEnFoco = parseInt($('#btn_solo_cliente_en_foco').data('soloClienteEnFoco'));

	console.log( "fkSoc: ", fkSoc);
	console.log( "fkShoppingCart1: ", fkShoppingCart);
	console.log( "fkRubro: ", fkRubro);
	console.log( "fkFormeJuridique: ", fkFormeJuridique);

	// Se consulta la tabla de carrito de compras para revisar cuales registros existen en esa tabla y mostrar la lista de documentos creados
	const fd = new FormData();
	fd.append('action', 'view_shopping_cart');
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);
	fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('fk_forme_juridique', fkFormeJuridique);
	fd.append('fk_status', docStatus);
	fd.append('solo_cliente_en_foco', soloClienteEnFoco);

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		if (data.fkShoppingCart > 0)
			fkShoppingCart = data.fkShoppingCart;
		userRights = data.userRights;
		numLineasPedido = data.sum_lineas_pedido;
		numPedidos = data.num_pedidos;
		totalPedidos = data.sum_total_ttc;
		proLineasPedido = data.lineas_promedio;
		vrPromPedido = data.vr_prom_pedidos;
		build_shopping_cart(data, fkSoc, fkRubro, fkShoppingCart, docStatus);
	});

}

function build_shopping_cart(data, fkSoc, fkRubro, fkShoppingCart, docStatus) {
	console.log(": data", data);

	$( "#add_product_to_cart" ).css("visibility", "visible");
	$( "#add_shopping_cart" ).css("visibility", "visible");

	$( ".right-central-section" ).empty();

	var shoppingCartPpalDiv = $( "<div>", {
		class: "cointainer-ppal-shopping-cart"
	});

	var shoppingCartLeftDiv = $( "<div>", {
		class: "cointainer-shopping-cart-left"
	});

	var shoppingCartLeftOptionsDiv = $( "<div>", {
		class: "cointainer-shopping-cart-left-options"
	});

	/*****
	*	Se incluye icono que servirá para filtrar cuando se quiere que el carro de compras muestre sólo documentos del cliente en foco.
	*	dbonilla.	01/oct/2025
	*****/

	var cartSpan = $(`
	<span id="btn_solo_cliente_en_foco">
		<i class="fa fa-crosshairs"></i>
	</span>
	`);

	shoppingCartLeftOptionsDiv.append(cartSpan)

	var cartIcon1 = $("<div>", {
		class: "cart-container-options"
		, id: "tab_ideas"
		, style: "display: none;"
		, html: $('<i>', {
			class: "fa fa-lightbulb"
		}).add($('<div>', {
			class: "cart-badge",
			text: "2"
		}))
	});

	var cartIcon2 = $("<div>", {
		class: "cart-container-options"
		, id: "tab_shopping-draft"
		, html: $('<i>', {
			class: "fa fa-shopping-cart"
		}).add($('<div>', {
			class: "cart-badge"
			, id: "badge_draft"
			, text: ""
		}))
	});

	var cartIcon3 = $("<div>", {
		class: "cart-container-options"
		, id: "tab_shopping-validate"
		, html: $('<i>', {
			class: "fa fa-dolly"
		}).add($('<div>', {
			class: "cart-badge"
			, id: "badge_validate"
			, text: ""
		}))
	});

	shoppingCartLeftOptionsDiv.append(cartIcon1, cartIcon2, cartIcon3)

	var shoppingCartListDocsDiv = $( "<div>", {
		class: "cointainer-shopping-cart-list-docs"
	});

	var shoppingCartRighttDiv = $( "<div>", {
		class: "cointainer-shopping-cart-right"
	});

	var shoppingCartRightOptionsDiv = $( "<div>", {
		class: "cointainer-shopping-cart-right-options"
	});

	var cartIcon1 = $("<div>", {
		class: "cart-container-options"
		, html: $('<i>', {
			class: "fa fa-star"
		})
	});

	var cartIcon2 = $("<div>", {
		class: "cart-container-options",
		html: $('<i>', {
			class: "fa fa-tag"
		})
	});

	var cartIcon3 = $("<div>", {
		class: "cart-container-options",
		html: $('<i>', {
			class: "fa fa-flag"
		})
	});

	shoppingCartRightOptionsDiv.append(cartIcon1, cartIcon2, cartIcon3)

	var shoppingCartDocCustomerDiv = $( "<div>", {
		class: "cointainer-shopping-cart-doc-customer"
	});

	var operationDiv = $("<div>", {
		class: "operation"
	});

	var customerDiv = $("<div>", {
		class: "customer"
		, html: '<b>Cliente</b>' +
		'<p id="customer_info"></p>'
	});

	var addressDiv = $("<div>", {
		class: "address"
		, html: '<b>Dirección de entrega</b>' +
		'<p id="address_info"></p>'
	});

	var informationDiv = $("<div>", {
		class: "information"
		, html: '<b>Información</b>' +
		'<div id="information_info"></div>'
	});

	shoppingCartDocCustomerDiv.append(operationDiv, customerDiv, addressDiv, informationDiv);

	// Contenedor del encabezado del detalle del documento
	var shoppingCartRightDocHeaderDiv = $( "<div>", {
		class: "cointainer-shopping-cart-doc-header"
	});


	// Articulo
	// Se incluye el botón de agregar producto solamente cuando los documentos son borradores
	if (docStatus == 0) {
		var shoppingCartHeaderActionDiv = $( "<div>", {
			class: "cointainer-shopping-cart-header-action edit add"
			, "data-modo": "edit"
		})
		.append($( "<i>", {
			class: "fa fa-plus-circle"
			, style: "color: var(--rojo-wurth); font-size: 2vw"
		}));
	}
	else {
		var shoppingCartHeaderActionDiv = $( "<div>", {
			class: "cointainer-shopping-cart-header-action edit"
		});
	}

	console.log('docStatus:', docStatus);
	// Div para incluir acciones adicionales como por ejemplo, eliminar la linea del carro de compras
	// Este div en el encabezado no llave ningún dato, pero se deja definido para guardar la proporción con las lineas de detalle
	var shoppingCartHeaderActionslDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-actions edit add"
		, 'etiqueta': 'acciones'
		, html: (docStatus==0? '<i class="fa fa-clipboard-list" id="btn_goto_preorder"></i>' : '<div></div>')
	});

	// var shoppingCartHeaderReposiscionDiv = $("<select>", {
	// 	class: "cointainer-shopping-cart-header-actions-select-reposicion edit add"
	// 	, id: "select_reposicion"
	// }).append(
	// 	$("<option>", { value: "reposicion", text: "Reposición", selected: true }),
	// 	$("<option>", { value: "perdida", text: "Pérdida" })
	// );

	//------------------ para la edición -----------------------------//

	// Articulo
	var shoppingCartHeaderLabelDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-label edit"
		, text: "Artículo"
	});

	// Precio U. (selección de lista de precios)
	if (docStatus == 0) {
		var shoppingCartHeaderNivPrecioDiv = $( "<div>", {
			class: "cointainer-shopping-cart-header-niv-precio edit"
			, html: 'Nivel precio'
		});
	}
	else {
		// por prácticidad para no perder el estilo de los productos en el carro de compras, se dibuja el div, pero no se coloca nada en su interior
		var shoppingCartHeaderNivPrecioDiv = $( "<div>", {
			class: "cointainer-shopping-cart-header-niv-precio edit"
		});
	}

	// Cantidad
	var shoppingCartHeaderQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-qty edit"
		, text: "Cantidad"
	});

	// Price
	var shoppingCartHeaderPriceDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-price edit"
		, text: "Precio"
	});

	// Descuento
	var shoppingCartHeaderDiscountDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-discount edit"
		, text: "Dto."
	});

	// Valor
	var shoppingCartHeaderTotalDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-total edit"
		, text: "Subtotal"
	});

	// Valor
	var shoppingCartHeaderTotalTTCDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-total-ttc edit"
		, text: "Total"
	});

	//------------------ para la adición -----------------------------//
	// Funciona solamente cuando los documentos son borradores

	// Casilla búsqueda producto
	var shoppingCartHeaderProductSearchDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-product-search add"

	})
	.append(
		$( "<input>", {
			id: "nom_producto"
			, type: "text"
			, placeholder: "Buscar producto..."
		})
	);


	// Casilla selección de precio
	var shoppingCartHeaderPriceSelectDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-price-select add"

	})
	.append(
		$( "<select>", {
			id: "price_select"
			, placeholder: "Seleccione precio .."
		})
	);


	// Casilla del input de la cantidad a agregar
	var shoppingCartHeaderProductInputAddQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-product-input-add-qty add"
	})
	.append($( "<input>", {
		id: "qty_producto"
		, type: "number"
		, placeholder: "Cant."
	}))
	.append($( "<label>", {
		id: "clear_qty"
		, class: "clear-qty"
		, text: "X"
	}))
	;

	// casilla que contiene el elemento imput y el span de clear de la cantidad
	var shoppingCartHeaderProductInputClearQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-product-input-clear-qty add"
	})


	shoppingCartHeaderProductInputClearQtyDiv.append(shoppingCartHeaderProductInputAddQtyDiv);

	// Casilla cantidad a agregar
	var shoppingCartHeaderProductAddQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-product-add-qty add"
	})
	.append($( "<i>", {
		id: "down_qty"
		, class: "fa fa-minus-circle"
	}))
	.append(shoppingCartHeaderProductInputClearQtyDiv)
	.append($( "<i>", {
		id: "up_qty"
		, class: "fa fa-plus-circle"
	}))
	;

	// Casilla descuento
	var shoppingCartHeaderDiscountInputDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-discount add"

	})
	.append(
		$( "<input>", {
			id: "remise_percent"
			, type: "number"
			, placeholder: "Dto."
		})
	);
	;

	// Icono agregar producto
	var shoppingCartHeaderProductAddDiv = $( "<i>", {
		id: "add_product"
		, class: "fa fa-cart-arrow-down cointainer-shopping-cart-header-product-add add"
		, style: "font-size: 1.8vw;"
	});

	// Icono agregar obsequio
	var shoppingCartHeaderProductAddGiftDiv = $( "<i>", {
		id: "add_gift"
		, class: "fa fa-gift cointainer-shopping-cart-header-product-add-gift add"
		, style: "font-size: 1.8vw;"
	});


	shoppingCartRightDocHeaderDiv.append (
		shoppingCartHeaderActionDiv
		//, shoppingCartHeaderReposiscionDiv
		, shoppingCartHeaderActionslDiv
		, shoppingCartHeaderLabelDiv
		, shoppingCartHeaderNivPrecioDiv
		, shoppingCartHeaderQtyDiv
		, shoppingCartHeaderPriceDiv
		, shoppingCartHeaderDiscountDiv
		, shoppingCartHeaderTotalDiv
		, shoppingCartHeaderTotalTTCDiv
		, shoppingCartHeaderProductSearchDiv
		, shoppingCartHeaderPriceSelectDiv
		, shoppingCartHeaderProductAddQtyDiv
		, shoppingCartHeaderDiscountInputDiv
		, shoppingCartHeaderProductAddDiv
		, shoppingCartHeaderProductAddGiftDiv
	);

	var shoppingCartRightDocDetailDiv = $( "<div>", {
		class: "cointainer-shopping-cart-doc-detail"
	});

	var shoppingCartRightDocDetaiInformativelDiv = $( "<div>", {
		class: "cointainer-shopping-cart-doc-detail-informative"
	});

	shoppingCartLeftDiv.append(shoppingCartLeftOptionsDiv, shoppingCartListDocsDiv);

	shoppingCartRighttDiv.append(shoppingCartRightOptionsDiv, shoppingCartDocCustomerDiv, shoppingCartRightDocHeaderDiv);
	shoppingCartPpalDiv.append(shoppingCartLeftDiv, shoppingCartRighttDiv);

	$( ".right-central-section" ).append(shoppingCartPpalDiv);
	$( ".right-central-section" ).find('#btn_solo_cliente_en_foco').data('soloClienteEnFoco', soloClienteEnFoco);

	$('#btn_solo_cliente_en_foco').removeClass('selected');
	if (soloClienteEnFoco == 1) {
		$('#btn_solo_cliente_en_foco').addClass('selected');
	}

	$( ".right-central-section" )
	.off('click', '#btn_solo_cliente_en_foco')
	.on('click', '#btn_solo_cliente_en_foco', function() {
		$(this).removeClass('selected');
		var soloClienteEnFoco = parseInt($(this).data('soloClienteEnFoco'));
		if (soloClienteEnFoco == 1) {
			soloClienteEnFoco = 0;
		}
		else {
			soloClienteEnFoco = 1;
			$(this).addClass('selected');
		}
		$(this).data('soloClienteEnFoco', soloClienteEnFoco);

		// Se vuelve a refrescar el carro de compras
		var tabDraf = 	$( ".right-central-section" ).find("#tab_shopping-draft" );
		var tabValid = 	$( ".right-central-section" ).find("#tab_shopping-validate" );

		if (tabDraf.attr('style')?.includes('color: var(--rojo-wurth)')) {
			view_shopping_cart(0 , 0);
		}
		else {
			view_shopping_cart(0 , 1);
		}
	})



	/*****
	*	Se solicita un efectro de blinking en el ícono que desde el carro de compras lleva al prepedido
	*	dbonilla.
	*	9-dic-2024
	*****/

	function iniciarBlinking() {
		const elemento = $( '#btn_goto_preorder' );

		// Solo iniciar el efecto si no está ya activado
		if (!elemento.hasClass('blink-activado')) {
			elemento.addClass('blink-activado');

			// Crear el intervalo de parpadeo
			const intervalo = setInterval(function() {
				elemento.toggleClass('hidden');
			}, 500);

			// Almacenar el identificador del intervalo en el elemento
			elemento.data('blink-interval', intervalo);
		}
	}

	// Detener el efecto antes de reiniciar
	function detenerBlinking() {
		const elemento = $( '#btn_goto_preorder' );
		const intervalo = elemento.data('blink-interval');
		if (intervalo) {
			clearInterval(intervalo);
			elemento.removeClass('blink-activado hidden'); // Restablecer estado visible
			elemento.removeData('blink-interval'); // Eliminar datos almacenados
		}
	}

	// Uso:
	detenerBlinking(); // Detiene el parpadeo
	iniciarBlinking(); // Inicia el parpadeo

	// Se quiere ir al prepedido desde el carro de compras
	$( '#btn_goto_preorder' ).on( 'click', function() {
		view_shopping_add();
	})

	$(document).off("click", ".up-qty-modal").on("click", ".up-qty-modal", function () {
		const elementType = $( ".operation-select" ).data("element_type");
		let $qty_product = $(this).closest('.father').find('.qty-producto-modal')
		let qty = parseInt($qty_product.val());
		let qty_multiplo = parseInt($qty_product.data('qty_multiplo'));
		let qtyMin = parseInt($qty_product.data( "qty_min" ));

		let new_qty = qty + qty_multiplo;

		switch (elementType) {
			case 'muestra':
				// La cantidad máxima es la unidad mínima de venta
				if (new_qty > qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para las muestras no se permite cantidades superiores a la unidad mínima de venta.';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
			case 'obsequio':
				// No se controla cantidad máxima
				if (new_qty > qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para los obsequios no se permite cantidades superiores a la unidad mínima de venta.';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
			case 'canjebono':
				// No se controla cantidad máxima
				break;
			case 'bonoskpis':
				// La cantidad máxima es la unidad mínima de venta
				/*****
				*	Se define que para todos lo productos que se dejen agregar (unidad mínima de venta <= 2), se deja como límite 2 unidades
				*	donilla. 7/mar/2025
				*****/
				if (new_qty > 2) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para el canje de bonos por KPIs no se permite cantidades superiores a 2 unidades';
					msjStandard(mensaje, '', true);
					new_qty = 2;
				}
				break;
		}
		$qty_product.val( new_qty ).trigger('input');
	});

	$(document).off("click", ".down-qty-modal").on("click", ".down-qty-modal", function () {
		const elementType = $( ".operation-select" ).data("element_type");
		let $qty_product = $(this).closest('.father').find('.qty-producto-modal')
		let qty = parseInt($qty_product.val());
		let qty_multiplo = parseInt($qty_product.data('qty_multiplo'));
		let qtyMin = parseInt($qty_product.data( "qty_min" ));

		let new_qty = qty - qty_multiplo;

		switch (elementType) {
		case 'muestra':
			// No se controla La cantidad minima
			break;
		case 'obsequio':
			// La cantidad mínima es la unidad mínima de venta
			if (new_qty < qtyMin) {
				// Se muestra mensaje informando al usuario la excepción
				mensaje = 'Para los obsequios no se permite cantidades inferiores a la unidad mínima de venta.';
				msjStandard(mensaje, '', true);
				new_qty = qtyMin;
			}
			break;
		case 'commande':
			// La cantidad mínima es la unidad mínima de venta
			if (new_qty < qtyMin) {
				// Se muestra mensaje informando al usuario la excepción
				mensaje = 'No se permiten menos unidades de la cantidad mínima';
				msjStandard(mensaje, '', true);
				new_qty = qtyMin;
			}
			break;
		case 'canjebono':
			// No se controla La cantidad minima
			break;
		case 'bonoskpis':
			// La cantidad mínima es la unidad mínima de venta
			if (new_qty < qtyMin) {
				// Se muestra mensaje informando al usuario la excepción
				mensaje = 'Para el canje de bonos por KPIs no se permite cantidades inferiores a la unidad mínima de venta.';
				msjStandard(mensaje, '', true);
				new_qty = qtyMin;
			}
			break;
		}
		$qty_product.val( new_qty ).trigger('input');
	});

	// Evento que controla el descuento que se quiere colocar al producto
	$(document).off("blur", ".remise-percent-modal").on("blur", ".remise-percent-modal", function () {
		let idProductPrice = $(this).closest('.father').find(".price-select-modal").val();
		let qty_product = $(this).closest('.father').find(".qty-producto-modal");

		if (idProductPrice != null) {
			let price = parseFloat(qty_product.data( "price" ));
			let priceMin = parseFloat(qty_product.data( "price_min" ));
			let priceMinF = qty_product.data( "price_min_format" );
			let remisePercent = parseFloat($(this).val());

			console.log("price: ", price);
			console.log("priceMin: ", priceMin);
			console.log("remisePercent: ", remisePercent);

			if (price * (1 - remisePercent / 100) < priceMin) {
				console.log("Se supera el precio mínimo");

				// Crea un diálogo con el mensaje
				var modalMensaje = $('<div>', {
					class: "font-window-message"
					, html: 'El precio de venta no puede ser inferior al mínimo permitido para este producto (' + priceMinF + ' sin impuestos).' +
							'<br/><br/>Este mensaje también puede aparecer si escribe un descuento demasiado importante.'
				});

				modalMensaje.dialog({
					modal: true
					, width: innerWidth * 0.4
					, position: { my: 'center', at: 'center', of: $( window ) }
					, open: function() {
						modalMensaje.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
						$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
						modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
						modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
					}
					, close: function() {
						modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
						modalMensaje.dialog( "destroy" );
						//$( "#remise_percent" ).focus();
					}
					, buttons: [
						{
							text: "OK"
							, click: function() {
								$(this).dialog( "close" );
							}
						}
					]
				});

			}
		}
	});

	$(document)
	.off('click', '.add-product-modal')
	.on('click', '.add-product-modal', function () {
		var fkUserDivision = $('#label_nom_user').data('fk_division_user');
		fkUserDivision = parseInt(fkUserDivision);
		const elementType = $( ".operation-select" ).data("element_type");
		if (elementType == 'bonoskpis' && $('#qty_producto').data( 'qty_min') > 2) {
			mensaje = 'El producto seleccionado no aplica para este tipo de pedidos. El número máximo de unidades que se pueden agregar es 2.<br><br>Favor verificar.';
			msjStandard(mensaje);
			return false;
		}

		const qty_product = $(this).closest('.father').find(".qty-producto-modal").val();
		const fkPrice= $(this).closest('.father').find(".price-select-modal").val();
		const remisePercent = $(this).closest('.father').find(".remise-percent-modal").val();
		fkShoppingCart = $( ".cointainer-shopping-cart-doc-customer .operation" ).data("fk_shopping_cart");

		console.log("Element type " + elementType);
		console.log("fkPrice " + fkPrice);
		console.log("qty_product " + qty_product);
		console.log("remisePercent " , remisePercent);

		add_product_to_shopping_cart_modal(fkShoppingCart, fkPrice, qty_product, remisePercent);
	});

	$(document).off('click', '.add-gift-modal').on('click', '.add-gift-modal', function () {
		fkShoppingCart = $( ".cointainer-shopping-cart-doc-customer .operation" ).data("fk_shopping_cart");
		const fkPrice = $(this).closest('.father').find(".qty-producto-modal").data("fk_price");
		const qty_producto = $(this).closest('.father').find(".qty-producto-modal").val();
		const remisePercent = $(this).closest('.father').find(".remise-percent-modal").val();
		gift = 1;

		add_product_to_shopping_cart_modal(fkShoppingCart, fkPrice, qty_producto, remisePercent, gift);
	});

	// Eventos de aumentar y disminuir la Cantidad
	$( "#up_qty" ).on( "click", function() {
		console.log("1. Aumento la cantidad en " + $( "#qty_producto" ).data( "qty_multiplo" ));
		console.log("La cantidad mínima es: " + $( "#qty_producto" ).data( "qty_min" ));
		console.log("El elemento es: " + $( ".operation-select" ).data("element_type"));
		var elementType = $( ".operation-select" ).data("element_type");
		var qtyMin = $( "#qty_producto" ).data( "qty_min" );

		$( "#clear_qty" ).show();

		var qty = parseInt($("#qty_producto").val());
		var qty_multiplo = parseInt($("#qty_producto").data("qty_multiplo"));

		var new_qty = qty + qty_multiplo;

		// Se generan controles en las unidades adicionadas, según sea el tipo de documento
		switch (elementType) {
			case 'muestra':
				// La cantidad máxima es la unidad mínima de venta
				if (new_qty > qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para las muestras no se permite cantidades superiores a la unidad mínima de venta.';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
			case 'obsequio':
				// No se controla cantidad máxima
				if (new_qty > qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para los obsequios no se permite cantidades superiores a la unidad mínima de venta.';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
			case 'canjebono':
				// No se controla cantidad máxima
				break;
			case 'bonoskpis':
				// La cantidad máxima es la unidad mínima de venta
				/*****
				*	Se define que para todos lo productos que se dejen agregar (unidad mínima de venta <= 2), se deja como límite 2 unidades
				*	donilla. 7/mar/2025
				*****/
				if (new_qty > 2) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para el canje de bonos por KPIs no se permite cantidades superiores a 2 unidades';
					msjStandard(mensaje, '', true);
					new_qty = 2;
				}
				break;
		}

		$( "#qty_producto" ).val( new_qty ).trigger('input');
	});


	$( "#down_qty" ).on( "click", function() {
		console.log("Disminuyo la cantidad en " + $( "#qty_producto" ).data( "qty_multiplo" ));
		var elementType = $( ".operation-select" ).data("element_type");
		var qtyMin = $( "#qty_producto" ).data( "qty_min" );

		$( "#clear_qty" ).show();

		var qty = parseInt($("#qty_producto").val());
		var qty_multiplo = parseInt($("#qty_producto").data("qty_multiplo"));

		var new_qty = qty - qty_multiplo;

		// Se generan controles en las unidades adicionadas, según sea el tipo de documento
		switch (elementType) {
			case 'muestra':
				// No se controla La cantidad minima
				break;
			case 'obsequio':
				// La cantidad mínima es la unidad mínima de venta
				if (new_qty < qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para los obsequios no se permite cantidades inferiores a la unidad mínima de venta.';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
			case 'commande':
				// La cantidad mínima es la unidad mínima de venta
				if (new_qty < qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'No se permiten menos unidades de la cantidad mínima';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
			case 'canjebono':
				// No se controla La cantidad minima
				break;
			case 'bonoskpis':
				// La cantidad mínima es la unidad mínima de venta
				if (new_qty < qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para el canje de bonos por KPIs no se permite cantidades inferiores a la unidad mínima de venta.';
					msjStandard(mensaje, '', true);
					new_qty = qtyMin;
				}
				break;
		}
		$( "#qty_producto" ).val( new_qty ).trigger('input');

	});



	$('#price_select').select2();
	$('#price_select').next('.select2-container').find('.select2-selection').css('background-color', '');
	$('#price_select').next('.select2-container').find('.select2-selection').css('height', '3.5vh');
	$('#price_select').next('.select2-container').css('background-color', '');
	$('#price_select').next('.select2-container').css('border', '1px solid black');
	$('#price_select').next('.select2-container').css('height', '3.5vh');
	$('#price_select').next('.select2-container').css('width', '100%');
	$('#price_select').next('.select2-container').hover(function() {
		$(this).css('border', '2px solid var(--rojo-wurth)'); // Aplica el borde cuando el cursor está sobre el select2
	}, function() {
		$(this).css('border', 'none'); // Restablece el borde cuando el cursor se retira
	});

	$( ".cart-container-options" ).on( "click", function() {
		console.log("Se cargará el tab: ",  $( this ).attr('id'));
		var idTab = $( this ).attr('id');
		if ( idTab == 'tab_shopping-draft' ) {
			view_shopping_cart(0 , 0);
		}
		else {
			view_shopping_cart(0 , 1);
		}
	});

	$( '#remise_percent' ).on( 'input', function() {
		let remisePercentVal = $(this ).val();
		if (remisePercentVal < 0) {
			$( this ).val(0);
		}
	});

	// Evento que controla el descuento que se quiere colocar al producto
	$( "#remise_percent" ).on( "blur", function() {
		idProductPrice = $("#price_select").val();
		if (idProductPrice != null) {
			var subprice = $( "#qty_producto" ).data( "subprice" );
			var price = $( "#qty_producto" ).data( "price" );
			var priceMin = $( "#qty_producto" ).data( "price_min" );
			var priceMinF = $( "#qty_producto" ).data( "price_min_format" );
			var remisePercent = $( "#remise_percent" ).val();
			console.log("Debo controlar el precio minimo de : ", idProductPrice);
			price = parseFloat(price);
			priceMin = parseFloat(priceMin);
			remisePercent = parseFloat(remisePercent);

			console.log("price: ", price);
			console.log("priceMin: ", priceMin);
			console.log("remisePercent: ", remisePercent);
			if (price * (1 - remisePercent / 100) < priceMin) {
				console.log("Se supera el precio mínimo");

				// Crea un diálogo con el mensaje
				var modalMensaje = $('<div>', {
					class: "font-window-message"
					, html: 'El precio de venta no puede ser inferior al mínimo permitido para este producto (' + priceMinF + ' sin impuestos).' +
							'<br/><br/>Este mensaje también puede aparecer si escribe un descuento demasiado importante.'
				});

				modalMensaje.dialog({
					modal: true
					, width: innerWidth * 0.4
					, position: { my: 'center', at: 'center', of: $( window ) }
					, open: function() {
						modalMensaje.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
						$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
						modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
						modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
					}
					, close: function() {
						modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
						modalMensaje.dialog( "destroy" );
						$( "#remise_percent" ).focus();
					}
					, buttons: [
						{
							text: "OK"
							, click: function() {
								$(this).dialog( "close" );
							}
						}
					]
				});

			}
		}
	})

	// Evento que maneja el modo de adición de productos al carro de compras
	shoppingCartHeaderActionDiv.on( "click", function() {
		if (docStatus == 0) {
			var modo = $( this ).data( "modo" );
			if (modo == 'edit') {
				// Se cambia a modo adicionar
				$( ".cointainer-shopping-cart-doc-header" ).find( ".edit" ).hide();
				$( ".cointainer-shopping-cart-doc-header" ).find( ".add" ).show();
				$( ".cointainer-shopping-cart-doc-header" ).css( "grid-template-columns", "5% 5% 6fr 6fr 3fr 1fr 1fr 1fr" );
				$( ".cointainer-shopping-cart-doc-header" ).css( "grid-gap", "10px" );
				$( this ).data( "modo", "add");
				//para reposcicion
				$( '#select_reposicion' ).hide()
				inactiva_add_product();
			}
			else {
				// Se cambia a modo editar
				$( ".cointainer-shopping-cart-doc-header" ).find( ".add" ).hide();
				$( ".cointainer-shopping-cart-doc-header" ).find( ".edit" ).show();
				$( ".cointainer-shopping-cart-doc-header" ).css( "grid-template-columns", "5% 5% 8fr 3fr 1fr 1fr 1fr 1fr 1fr" );
				$( ".cointainer-shopping-cart-doc-header" ).css( "grid-gap", "5px" );
				$( this ).data( "modo", "edit");
			}
		}
	});

	// Método para la busqueda del producto
	$('#nom_producto').autocomplete({
		source: function(request, response) {
			$('#nom_producto').data( "fk_product", 0 );
			$('#qty_producto').val( '' );
			var fkRubro = $( ".top-section-info-current .current-customer-info" ).data( "fk_rubro" );
			var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
			inactiva_add_product();
			$( "#price_select" ).empty();

			var inputVal = request.term;

			if (inputVal.length >= 2) {
				console.log('Aca el data es: ', data);

				const fd = new FormData();
				fd.append('action', 'search_product');
				fd.append('token', '');
				fd.append('search', inputVal);
				fd.append('fk_rubro', fkRubro);
				fd.append('fk_soc', fkSoc);
				fd.append('elementtype', $( '.operation-select' ).data( 'element_type' ));
				// fd.append('elementtype', elementType);

				call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, search_product);

				function search_product(data) {
					response(data.arrayProduct);
				}
			}
		},
		minLength: 2 // Número mínimo de caracteres antes de realizar la búsqueda
		, select: function(event, ui) {
			// Actualizar el valor del campo de búsqueda con el label del elemento seleccionado
			console.log("event:", event);
			console.log("ui:", ui);
			$( '#nom_producto' ).val(ui.item.label);
			$( '#nom_producto' ).data( "fk_product", ui.item.value );
			$( '#nom_producto' ).data( "statut_suf", ui.item.statut_suf );
			// Se carga la librería de invdprice que contiene la función que se encarga de seleccinar el precio
			loadVersionedScript('/invdprice/js/invdprice.js.php')
			.then(scriptUrl => {
				var script = document.createElement('script');
				script.src = scriptUrl;
				console.log("script.src", script.src);
				script.onload = function() {
					// La librería se ha cargado, ahora puedes usar las funciones
					var idProduct = ui.item.value;
					// Se aprovecha la coincidencia de que el source y el tipo precio tienen el mismo id (6)
					var fkTipoPrecio = $(".operation-select").data("source");

					idProductPrice = qty = noElementos = 1;

					/*****
					*	Se revisa cual es el tipo de documento (elementtype) para tener un tratammiento distinto si se trata
					*	de muestras, ya que estas deben garantizar que sólo tengan precios por división.
					*****/
					var elementType = $( ".operation-select" ).data("element_type");
					if (elementType == 'muestra' || elementType == 'obsequio' || elementType == 'canjebono' || elementType == 'bonoskpis') {
						// Se forza a que el tipo de precio sea 90, para que se incluya la revisión de solo los precios que estén definidos como precios de division fk_tipo_precio = 1
						fkTipoPrecio = 90;
					}

					select_price_product(idProduct, fkRubro, fkSoc, idProductPrice, qty, 1, noElementos, obtienePreciosSpeedy, fkTipoPrecio);
				};
				document.head.appendChild(script);
			})
			.catch(error => {
				console.error(error);
			});

			return false; // Evitar que el valor se reemplace nuevamente por el valor value
		}
		, open: function(event, ui) {
			var term = this.value;
			var palabras_a_resaltar = term.split(/\s+/).filter(function(palabra) {
				return palabra.trim() !== ""; // Filtra los espacios en blanco
			});

			$('.ui-autocomplete').find('li').each(function() {
				var item = $(this).data('ui-autocomplete-item');
				var html = $(this).html();

				// Destacar la parte de evidencia (ej: "Muestra de ") antes del highlight de búsqueda
				if (item && item.descripcion_evidencia) {
					var regexEvidencia = new RegExp('(' + $.ui.autocomplete.escapeRegex(item.descripcion_evidencia) + ')', 'gi');
					html = html.replace(regexEvidencia, '<strong style="color: var(--rojo-wurth);">$1</strong>');
				}

				palabras_a_resaltar.forEach(function(palabra) {
					var regex = new RegExp('\\b(' + $.ui.autocomplete.escapeRegex(palabra) + ')\\b', 'gi'); // Coincidencia de palabra completa
					html = html.replace(regex, '<strong style="color: var(--rojo-wurth);">$1</strong>');
				});
				$(this).html(html);
			});
		}


	});


	// Se modifica la cantidad de producto -- Para inactivar el add_product si no hay dato de cantidad
	$( "#qty_producto" ).on( "input", function() {
		console.log("se está cambiando: ", $(this).attr('id'))
		var elementType = $( ".operation-select" ).data("element_type");
		var qtyMin =  $( "#qty_producto" ).data( "qty_min" );

		if ( $( this).val() < 0 ) {
			$( this ).val(0)
		}

		if (elementType == 'commande') {
			if ( $( this ).val() < qtyMin ) {
				mensaje = 'No se permiten menos unidades de la cantidad mínima';
				msjStandard(mensaje, '', true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else if (elementType == 'muestra') {
			if ( $( this ).val() > qtyMin ) {
				mensaje = 'Para las muestras no se permite cantidades superiores a la unidad mínima de venta.';
				msjStandard(mensaje, '', true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else if (elementType == 'obsequio') {
			if ( $( this ).val() > qtyMin ) {
				mensaje = 'Para los obsequios no se permite cantidades superiores a la unidad mínima de venta.';
				msjStandard(mensaje, '', true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else if (elementType == 'bonoskpis') {
			/*****
			*	Se define que para todos lo productos que se dejen agregar (unidad mínima de venta <= 2), se deja como límite 2 unidades
			*	donilla. 7/mar/2025
			*****/
			if ($( this).val() > 2) {
				mensaje = 'Para el canje de bonos por KPIs no se permite cantidades superiores a 2 unidades';
				msjStandard(mensaje, '', true);
				$( this ).val( 2 ).trigger( 'change' );
				return false;
			}
			if ($( this).val() < qtyMin) {
				mensaje = 'Para el canje de bonos por KPIs no se permite cantidades inferiores a la unidad mínima de venta.';
				msjStandard(mensaje, '', true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else {
			if ( $( this ).val() < $( "#qty_producto" ).data( "qty_min" ) ) {
				inactiva_add_product(1);
			}
			else {
				activa_add_product();
			}
		}
	})

	// Se blanquea el dato de cantidad del producto
	$( "#clear_qty" ).on( "click", function() {
		$( "#clear_qty" ).hide();
		$( "#qty_producto" ).val( $( "#qty_producto" ).data( "qty_min" ) );
		$( "#qty_producto" ).focus();
		activa_add_product();
	})

	$( "#tab_shopping-informative" ).on( "click", function() {
		show_list_informative();
	});

	/**
	 * elimina un producto informativo
	 *
	 * Esta función envía una petición AJAX a `shopping_cart.php.php` para eliminar un productos informativo
	 * Utiliza `call_ajax_fetch` para realizar la solicitud de manera asíncrona y devuelve una promesa
	 * que se resuelve con los datos obtenidos o se rechaza en caso de error.
	 *
	 * @returns {Promise} - Devuelve una promesa que se resuelve con los datos de la respuesta o se rechaza si hay un error.
	 */
	function delete_product_shopping_informative(id_product_informative) {
		console.log("Se elimina el producto informativo: ", id_product_informative);
		var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

		const fd = new FormData();
		fd.append('action', 'delete_product_shopping_informative');
		fd.append('token', '');
		fd.append('id_product_informative', id_product_informative);
		fd.append('fk_soc', fkSoc);

		return new Promise((resolve, reject) => {
			call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
				if (data) {
					// La solicitud fue exitosa, se resuelve la promesa con los datos recibidos
					resolve(data);
				} else {
					// Si no se recibe una respuesta válida, se rechaza la promesa con un mensaje de error
					reject("Error en la petición AJAX");
				}
			});
		});
	}

	// Adición de producto al carro de compras
	$( "#add_product" ).on( "click", function() {
		/*****
		*	Se verifica si el tipo de documento es un bono por KPIs, no se permite adicionar productos que tengan una unidad minima de venta (qty_min) mayor a 2
		*	dbonilla. 7/mar/2025
		*****/
		var elementType = $( ".operation-select" ).data("element_type");
		if (elementType == 'bonoskpis' && $('#qty_producto').data( 'qty_min') > 2) {
			mensaje = 'El producto seleccionado no aplica para este tipo de pedidos. El número máximo de unidades que se pueden agregar es 2.<br><br>Favor verificar.';
			msjStandard(mensaje);
			return false;
		}

		if ($( this ).hasClass( "icono-inactivo" )) return;
		console.log("Se agrega el producto con id: " + $( "#nom_producto" ).data("fk_price") + " para una cantidad de:  " + $("#qty_producto").val() + " con un descuento de: " + $( "#remise_percent" ).val());
		console.log('La suficiencia es: ', $( "#nom_producto" ).data("statut_suf") );

		// Se evalua si la suficiencia es 'agotado'

		fkShoppingCart = $( ".cointainer-shopping-cart-doc-customer .operation" ).data("fk_shopping_cart");
		fkPrice = $( "#nom_producto" ).data("fk_price");
		qty_producto = $("#qty_producto").val();
		remisePercent = $("#remise_percent").val();

		add_product_to_shopping_cart(fkShoppingCart, fkPrice, qty_producto, remisePercent);
	});


	// Adición de producto como obsequio al carro de compras
	$( "#add_gift" ).on( "click", function() {
		if ($( this ).hasClass( "icono-inactivo" )) return;
		console.log("Se agrega el obsequio con id: " + $( "#nom_producto" ).data("fk_price") + " para una cantidad de:  " + $("#qty_producto").val());

		fkShoppingCart = $( ".cointainer-shopping-cart-doc-customer .operation" ).data("fk_shopping_cart");
		fkPrice = $( "#nom_producto" ).data("fk_price");
		qty_producto = $("#qty_producto").val();
		remisePercent = $("#remise_percent").val();
		gift = 1;

		add_product_to_shopping_cart(fkShoppingCart, fkPrice, qty_producto, remisePercent, gift);
	});


	// Se resalta el TAB de los documentos borrador del carrito de compras
	if (docStatus === 0 || docStatus === '0') {
		select_tab_draf();
	}
	else {
		select_tab_validate();
	}

	var haySeleccionado = 0;

	if ( data.numDraft > 0 || data.numValidate > 0) {
		// Se actualizan los datos de documentos borrador y validados
		$( "#badge_draft" ).text( data.numDraft );
		$( "#badge_validate" ).text( data.numValidate );

		// Se llena la lista de documentos
		if ( docStatus === 0 || docStatus === '0') {
			var numDocs = data.numDraft;
			var docsList = data.arrayDraft;
		}
		else {
			var numDocs = data.numValidate;
			var docsList = data.arrayValidate;
		}

		if (numDocs > 0) {
			// var docsList = data.arrayDraft;
			$.each(docsList, function(key, valor) {
				console.log("key: ", key);
				console.log("valor: ", valor);

				// se determina cual es el ícono que se colocará al documento según sea el tipo de documento (cotización, pedido, etc.)
				var iconoDoc = '';
				var borderBottom = '';
				var titOperation = '';
				switch (valor.elementtype) {
					case 'propal':
						iconoDoc = '<i class="fa fa-arrow-circle-right icon-doc-shopping-cart" style="color: #ff7800"></i>';
						borderBottom = '2px solid #ff7800';
						titOperation = 'Cotización';
						break;
					case 'commande':
						iconoDoc = '<i class="fa fa-check-circle icon-doc-shopping-cart" style="color: #27b601"></i>';
						borderBottom = '2px solid #27b601';
						titOperation = 'Orden';
						break;
					case 'muestra':
						iconoDoc = '<i class="fa fa-vial icon-doc-shopping-cart" style="color: #27b601"></i>';
						borderBottom = '2px solid #27b601';
						titOperation = 'Muestra';
						break;
					case 'obsequio':
						iconoDoc = '<i class="fa fa-gift icon-doc-shopping-cart" style="color: #27b601"></i>';
						borderBottom = '2px solid #27b601';
						titOperation = 'Obsequio';
						break;
					case 'canjebono':
						iconoDoc = '<i class="fa fa-exchange-alt icon-doc-shopping-cart" style="color: #27b601"></i>';
						borderBottom = '2px solid #27b601';
						titOperation = 'Canje bono';
						break;
					case 'bonoskpis':
						iconoDoc = '<i class="fa fa-award icon-doc-shopping-cart" style="color: #27b601"></i>';
						borderBottom = '2px solid #27b601';
						titOperation = 'Bonos KPIs';
						break;
					case 'reposicion':
						iconoDoc = '<i class="fa fa-handshake icon-doc-shopping-cart" style="color: #27b601"></i>';
						borderBottom = '2px solid #27b601';
						titOperation = 'Reposición';
						break;
					default:
						iconoDoc = '<i class="fa fa-question-circle icon-doc-shopping-cart"></i>';
						borderBottom = '2px solid black';
				}

				classLabel = 'valor-total-ttc';
				if (valor.rowid == fkShoppingCart) {
					classLabel = 'current-valor-total-ttc';
				}

				htmlContainer =
				iconoDoc +
				'<div>' +
					(valor.code_client!==null?valor.code_client:'Sin ID') + '<br/>' +
					'<b>' + valor.nom + '</b><br/>' +
					valor.date_creation + '<br/>' +
					'<label class="' + classLabel + '">' + valor.total_ttc + '</label>'
				'</div>'

				if (docStatus == 0) {
					var deleteDocumentIcon = $( "<i>", {
						class: "fa fa-trash delete-document"
					});
				}
				else {
					var deleteDocumentIcon = $( "<i>" );
				}

				var resumeDocDiv = $( "<div>", {
					class: "cointainer-doc-shopping-cart"
					, 'data-fk_shopping_cart': valor.rowid
					, 'data-fk_statut': valor.fk_statut
					, 'data-elementtype': valor.elementtype
					, html: htmlContainer
				}).append(deleteDocumentIcon)
				;

				shoppingCartListDocsDiv.append(resumeDocDiv);

				resumeDocDiv.on( "click", function(e) {
					e.stopPropagation()
					console.log("Se cargara el carrito desde el fk: " + valor.rowid + '. Y se hará para el estado: ' + valor.fk_statut);
					$( ".cointainer-doc-shopping-cart" ).removeClass( "icon-doc-shopping-cart-selected" );
					$( this ).addClass( "icon-doc-shopping-cart-selected" );

					// Se cambia el cliente que está en foco
					$( ".current-customer-info" ).data( "fk_soc", valor.fk_soc);
					$( ".current-customer-info" ).data( "fk_rubro", valor.division_cliente);
					$( ".current-customer-info" ).data( "fk_forme_juridique", valor.fk_forme_juridique);
					$( ".current-customer-info" ).text( valor.nom );
					$( ".current-customer-id" ).text( '(' + (valor.code_client!==null?valor.code_client:'Sin ID') + ')' );
					$( ".current-customer-info" ).data( "es_prospecto", valor.es_prospecto);
					$( ".current-customer-info" ).data( "tienePDFVinculacion", valor.tienePDFVinculacion);
					$( ".current-customer-info" ).data( "siren", valor.siren);

					// Se asigna el valor total al contenedor que está seleccionado
					view_shopping_cart(valor.rowid, valor.fk_statut);
				});

				// Si se está dibujando el contenedor de un documento del que el cliente está en foco se deja seleccionado
				if (valor.fk_soc == fkSoc && haySeleccionado == 0) {
					if (fkShoppingCart > 0) {
						if (valor.fk_soc == fkSoc && haySeleccionado == 0 && valor.rowid == fkShoppingCart) {
							haySeleccionado++;
						}
					}
					else {
							haySeleccionado++;
					}

					if (haySeleccionado > 0) {
						resumeDocDiv.addClass('icon-doc-shopping-cart-selected'); // Se deja seleccionado el primer elemento

						if ( docStatus === 0 || docStatus === '0') {
							var operationSelect =
							'<div class="operation-label">' +
								'<b>' + titOperation + '</b>' +
							'</div>' +
							'<div class="operation-select" data-fk_shopping_cart="' + fkShoppingCart + '">' +
								iconoDoc +
								'<i class="fa fa-angle-down change-document-type"></i>' +
							'</div>';

							$( ".operation-select" ).removeClass( ".operation-select-validate" );
							$( ".operation-select" ).addClass( ".operation-select-draft" );
							$( ".current-customer-info" ).data( "es_prospecto", valor.es_prospecto);
							$( ".current-customer-info" ).data( "tienePDFVinculacion", valor.tienePDFVinculacion);
							$( ".current-customer-info" ).data("cartera", (valor.cartera !== null ? valor.cartera : 0));
							$( ".current-customer-info" ).data("cupo", (valor.cupo !== null ? valor.cupo : 0));
							$( ".current-customer-info" ).data("total_compra", (valor.total_compra !== null ? valor.total_compra: 0));

						}
						else {
							var operationSelect = '<div class="operation-label"><b>' + titOperation + '</b></div>' +
							'<div class="operation-select" data-fk_shopping_cart="' + fkShoppingCart + '">';
							operationSelect = operationSelect + '<div>' + iconoDoc;
							if (valor.ref_order !== null && valor.elementtype != "propal" && valor.fecha_recibe == null) {
								if (valor.elementtype != "canjebono" && valor.elementtype != "bonoskpis") {
									operationSelect = operationSelect + '<i class="fa fa-backward" id="revert_order"></i>';
								}
							}
							if (valor.tienePDF == 1 && valor.elementtype != "bonoskpis") {
								operationSelect = operationSelect + '<i id="view_pdf" class="fa fa-search-plus" href="' + valor.urlPDF + '"></i>';
							}
							if (valor.ref_propal !== null && valor.elementtype == "propal") {
								operationSelect = operationSelect + '<i class="fa fa-check-circle" id="convert_propal_to_order"></i>';
							}

							operationSelect = operationSelect + '</div>';
							if (valor.elementtype != "propal" && valor.ref_order !== '' && valor.ref_order !== null) {
								operationSelect = operationSelect + '<span data-etiqueta="element_crm">Referencia CRM</span>' +
								'<span data-etiqueta="Nro. Pedido">' + valor.ref_order + '</span>' +
								'<span data-etiqueta="Nro. Pedido">' + valor.estado + '</span>';
							}
							else if (valor.elementtype == "propal" && valor.ref_propal!== '' && valor.ref_propal !== null) {
								operationSelect = operationSelect + '<span data-etiqueta="element_crm">Referencia CRM</span>' +
								'<span data-etiqueta="Nro. Pedido">' + valor.ref_propal + '</span>' +
								'<span data-etiqueta="Nro. Pedido">' + valor.estado + '</span>';
							}

							$( ".operation-select" ).removeClass( ".operation-select-draft" );
							$( ".operation-select" ).addClass( ".operation-select-validate" );
							$( ".current-customer-info" ).data( "es_prospecto", valor.es_prospecto);
							$( ".current-customer-info" ).data( "tienePDFVinculacion", valor.tienePDFVinculacion);

						}

						var customerInfo = (valor.code_client!==null?valor.code_client:'Sin ID') + '<br/><b>' + valor.nom + '</b><br/>' + valor.address;

						// se adiciona el dato de la división y rubro del cliente
						customerInfo = customerInfo + '<br><b>' + (valor.division!==null?valor.division:'SIN DIVISION') + ' ('  + (valor.rubro!==null?valor.rubro:'SIN RUBRO') + ')' + '</b>'
						var addressInfo = $( "<div>", {
							class: "container-delivery-address"
							, html: (valor.code_client!==null?valor.code_client:'Sin ID') + '<br/><b>' + valor.nom + '</b><br/>' + (valor.direccion_entrega!==null?valor.direccion_entrega:'SIN DIRECCIÓN')  + '</b><br/>' + (valor.ciudad_entrega!==null?valor.ciudad_entrega:'SIN CIUDAD')
						});

						var informationInfo = $( "#information_info" );

						var valorHT = $( "<div>")
						.append( $( "<label>", {
							class: "information-label"
							, text: "Valor mercancía:"
						}))
						.append( $( "<label>", {
							class: "information-data"
							, id: "current_valor_total_ht"
							, text: valor.total_ht
						}))

						// Se evalúa si el documento tiene el campo op_exenta_flete poara saber si el check de fletes en la cotización se selecciona
						var chckFlete = false;
						if (valor.op_exenta_flete == 1) {
							chckFlete = true;
						}

						$htmlFletes = 'Valor flete:';
						if (valor.elementtype == "propal") {
							if (valor.exento_fletes == '0') {
								var $htmlFletes = $('<span>').text('Valor flete: ')
								.add($('<input>', {
									type: 'checkbox',
									id: 'flete_in_propal',
									checked: chckFlete,
									click: function() {
										/*****
										*	Se incluye manejo de selección de fletes en la cotización. hasta ahora el
										*	check existía y era permitido seleccionarlo, pero no tenía un código
										*	asociado a este evento. Si el flete es seleccionado se incluye flete en el
										*	documento del carro de compras y se recalcula el valor de la cotización
										*	dbonilla. 10/mar/2025
										*****/
										const fleteInPropal = ($('#flete_in_propal').is(':checked')?1:0);
										var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
										const fd = new FormData();
										fd.append('action', 'update_flete_in_propal');
										fd.append('fk_shopping_cart', fkShoppingCart);
										fd.append('token', '');
										fd.append('flete_in_propal', fleteInPropal);
										fd.append('fk_soc', fkSoc);

										call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (request) => {
											if (request.error == 0) {
												// Se actualizan los totales del documento
												$( "#current_valor_total_ht" ).text( request.totales.total_ht );
												$( "#current_valor_flete" ).text( request.totales.vr_flete );
												$( "#current_valor_total_tva" ).text( request.totales.tva );
												$( "#current_valor_total_ttc" ).text( request.totales.total_ttc );
											}
										});
									},
									/*****
									*	Se solicita que ya no se admita la selección del flete. Se debe comportar igual que con los pedidos
									*	dbonilla.	08/nov/2025
									*****/
									style: 'display: none;'
								}));
							}
						}

						var valorFlete = $( "<div>")
						.append( $( "<label>", {
							class: "information-label"
							, html: $htmlFletes
						}))
						.append( $( "<label>", {
							class: "information-data"
							, id: "current_valor_flete"
							, text: valor.vr_flete
						}))

						var valorTVA = $( "<div>")
						.append( $( "<label>", {
							class: "information-label"
							, text: "Valor IVA:"
						}))
						.append( $( "<label>", {
							class: "information-data"
							, id: "current_valor_total_tva"
							, text: valor.total_tva
						}))

						var valorTTC = $( "<div>")
						.append( $( "<label>", {
							class: "information-label"
							, text: "Valor total:"
						}))
						.append( $( "<label>", {
							class: "information-data"
							, id: "current_valor_total_ttc"
							, text: valor.total_ttc
						}))

						informationInfo.append(valorHT, valorFlete, valorTVA, valorTTC);

						// Beneficio por flete Wmax - dbonilla 2026-04-08
						if (valor.flete_benefit_info) {
							var fbi = valor.flete_benefit_info;
							var divBeneficioFlete;
							if (fbi.meets_minimum && fbi.ahorro > 0) {
								divBeneficioFlete = $('<div>', { class: 'flete-benefit-info-panel flete-benefit-ok' })
									.append($('<label>', { class: 'information-label', text: 'Cliente tiene beneficio reventa:' }))
									.append($('<label>', { class: 'information-data', text: 'beneficio $' + fbi.ahorroF }));
							} else {
								var msg = fbi.meets_minimum
									? 'Beneficio no disponible (descuento agotado)'
									: 'Beneficio disponible al superar ' + fbi.min_orderF;
								divBeneficioFlete = $('<div>', { class: 'flete-benefit-info-panel flete-benefit-pending' })
									.append($('<label>', { class: 'information-label', colspan: 2, text: msg }));
							}
							informationInfo.append(divBeneficioFlete);
						}

						$( ".cointainer-shopping-cart-doc-customer .operation" ).html(operationSelect)
						$( ".operation-select" ).data( "source", (valor.source!==null?valor.source:0) );
						$( ".change-document-type" ).data('fk_shopping_cart', valor.rowid);
						$( ".change-document-type" ).data('fk_statut', valor.fk_statut);
						$( ".change-document-type" ).data('elementtype', valor.elementtype);

						console.log("recordemos el valor: ", valor);

						if (valor.source == 6 && valor.elementtype == 'commande') {
							// Si es un documentop generado para venta en tienda física, se agrega icono donde se registra la forma en que será pagada la compra
							const fd = new FormData();
							fd.append('action', 'determine_payment_balance');
							fd.append('fk_shopping_cart', fkShoppingCart);
							fd.append('token', '');
							fd.append('fk_soc', fkSoc);

							call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
								if (data.error==0) {
									// Se actualiza el dato del total de venta y del total de pagos en el contenedor
									$( '.capture-payment-detail-container' ).data( 'totalCompra', data.totalCompra );
									$( '.capture-payment-detail-container' ).data( 'totalPagos', data.totalPagos );

									let tipoPagoContainer = $( '<div>', {
										class: "tipo-pago-container"
									});

									// Se agrega ícono para el tipo de Pago
									let tipoPagoIcono= $( '<div>', {
										class: "tipo-pago-icono-container"
									})
									.append( $( '<i>', {
										class: "fa fa-money-check-alt tipo-pago-icono"
										, id: "btn_tipo_pago"
									} ))
									;

									tipoPagoContainer.append( tipoPagoIcono );

									$( ".operation" ).append( tipoPagoContainer );
									$( "#tipo_pago_select" ).val( valor.tpago );

									// Se define color del icono de tipo de Pago
									if (valor.total_ttc != "0") {
										if (data.totalPagos < data.totalCompra) {
											$( '#btn_tipo_pago' ).css( 'color', 'var(--rojo-wurth)')
										}
										else {
											$( '#btn_tipo_pago' ).css( 'color', 'var(--verde-wurth)')
										}
									}
									else {
										$( '#btn_tipo_pago' ).addClass( 'icono-inactivo' );
									}

									// Se usa el ícono para incluir el tipo de pago. Puden ser varios tipos de pago
									$( '#btn_tipo_pago' ).on( 'click', function() {
										console.log("Hace clic en boton btn_tipo_pago");
										if ( $( this ).hasClass( 'icono-inactivo' ) ) {
											return;
										}
										console.log("Se presentan los tipos de pago para el carro: " + fkShoppingCart);
										capture_payment_detail( fkShoppingCart);
									});

									// Si el documento ya fue validado no se debe poder modificar el tipo de pago
									if (valor.fk_statut == 1) {
										$( "#tipo_pago_select" ).attr( "disabled", true );
										$( '#btn_tipo_pago' ).addClass( 'icono-inactivo' );
										$( '#btn_tipo_pago' ).css( 'color', 'var(--gris-wurth-tx)')
									}

									// tipoPagoSelect.select2();
									console.log("tipo pago: ", valor.tpago);

									// Si se seleciona tipo de pago
									$( "#tipo_pago_select" ).on( "change", function() {
										console.log("cambia pago: ", $( this ).val());
										// Se actualiza el carro de compras con el dato del tipo de pago
										let tPago = $( this ).val();
										const fd = new FormData();
										fd.append('action', 'update_tpago');
										fd.append('fk_shopping_cart', fkShoppingCart);
										fd.append('fk_tpago', tPago);
										fd.append('token', '');
										fd.append('fk_soc', fkSoc);

										call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
											if (data.error > 0) {
												console.log("volvi con data: ", data);
											}
										});
									});
								}
							});
						}
						else if (valor.elementtype == 'canjebono' && docStatus == 0) {
							// Si el documento corresponde al canje de bonos, se muestra el total disponible para el vendedor
							const fd = new FormData();
							fd.append('action', 'determine_bonus_balance');
							fd.append('token', '');
							fd.append('fk_shopping_cart', fkShoppingCart);
							fd.append('fk_soc', fkSoc);
							/*****
							*	Se incluye parámetro de tipo de bono, para poder manejar en una sola acción '
							*	determine_bonus_balance' los bonos de nmarketing y los bonos por KPIs
							*	dbonilla. 5/mar/2025
							*****/
							fd.append('tipo_bono', 2);

							call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (request) => {
								if (request.error==0) {
									let saldoBonosContainer = $( '<div>', {
										class: "saldo-bonos-container"
									});

									// Se agrega ícono para el tipo de Pago
									let saldoBonoIcono= $( '<div>', {
										class: "saldo-bonos-icono-container"
									})
									.append( $( '<div>', {
										class: "saldo-bonos-icono"
										, id: "btn_saldo_bonos"
										, html: request.textoSaldoBonos
									} ))
									;

									saldoBonosContainer.append( saldoBonoIcono );

									$( ".operation" ).append( saldoBonosContainer );

									$( "#tipo_pago_select" ).val( valor.tpago );

									$( '.saldo-bonos-container' ).data( 'saldo_bonos', request.montoBonos);

									// Si no hay saldo en bonos se oculta la sección que permite agregar productos al documento
									$( '.cointainer-shopping-cart-doc-header' ).hide();
									if ( request.montoBonos > 0 ) {
										$( '.cointainer-shopping-cart-doc-header' ).show();
										$( '#btn_saldo_bonos' ).css( 'border', '1px solid var(--verde-wurth)');
										$( '#btn_saldo_bonos' ).css( 'background', 'var(--verde-wurth-tx)');
									}
									else {
										$( '#btn_saldo_bonos' ).css( 'border', '1px solid var(--rojo-wurth)');
										$( '#btn_saldo_bonos' ).css( 'background', 'var(--rojo-wurth-tx)');
									}

									// Se usa el ícono para incluir el tipo de pago. Puden ser varios tipos de pago
									$( '#btn_saldo_bonos' ).on( 'click', function() {
										console.log("Hace clic en boton btn_saldo_bonos");
										if ( request.montoBonos > 0 ) {
											mostrar_detalle_bonos(2); // Se muestra detalle de bonos de marketing (tipo_bono = 2);
										}
										else {
											return;
										}
										console.log("Se presentan los tipos de pago para el carro: " + fkShoppingCart);
									});

									// Si el documento ya fue validado no se debe poder modificar el tipo de pago
									if (valor.fk_statut == 1) {
										$( "#tipo_pago_select" ).attr( "disabled", true );
										$( '#btn_saldo_bonos' ).addClass( 'icono-inactivo' );
										$( '#btn_saldo_bonos' ).css( 'color', 'var(--gris-wurth-tx)')
									}
								}
							});
						}
						else if (valor.elementtype == 'bonoskpis' && docStatus == 0) {

							let saldoBonosContainer = $( '<div>', {
								class: "saldo-bonos-container"
							});

							/*****
							*	Se agrega contenedor para mostrar mensaje de 'saldo' para canje de bonos por KPIs
							*	Acá va el mensaje que le informa al vendedor si puede adiiconar más productos al
							*	carro de compras o si debe quitarlos
							*	dbonilla. 8/mar/2025
							*****/
							let saldoBonoIcono= $( '<div>', {
								class: "saldo-bonos-icono-container"
							})
							.append( $( '<div>', {
								class: "saldo-bonos-icono"
								, id: "btn_saldo_bonos"
								, html: 'textoSaldoBonos'
							} ))
							;

							saldoBonosContainer.append( saldoBonoIcono );

							$( ".operation" ).append( saldoBonosContainer );

							$( '.saldo-bonos-container' ).data( 'saldo_bonos', 'montoBonos');

							// Si el documento ya fue validado no se debe poder modificar el tipo de pago
							if (valor.fk_statut == 1) {
								$( '#btn_saldo_bonos' ).addClass( 'icono-inactivo' );
								$( '#btn_saldo_bonos' ).css( 'color', 'var(--gris-wurth-tx)')
							}
						}

						$( "#view_pdf" ).on( "click", function() {
							console.log("mostrare pdf");
							window.open(valor.urlPDF, '_blank')
						});

						if ( docStatus === 0 || docStatus === '0') {
							$( ".operation-select" ).removeClass( "operation-select-validate" );
							$( ".operation-select" ).addClass( "operation-select-draft" );
						}
						else {
							$( ".operation-select" ).removeClass( "operation-select-draft" );
							$( ".operation-select" ).addClass( "operation-select-validate" );
						}

						// Evento de reversar pedido
						$( "#revert_order" ).on( "click", function() {

							// Se confirma la acción
							var modalMensaje = $('<div>', {
								class: "font-window-message"
								, html: '¿Está seguro de querer reversar el pedido en el CRM?' +
										'<br/><br/>Recuerde que esta acción también deja a este documento del carro de compras en borrador'
								, style: "text-align: justify;"
							});

							modalMensaje.dialog({
								modal: true
								, width: innerWidth * 0.4
								// , height: innerHeight * 0.4
								, position: { my: 'center', at: 'center', of: $( window ) }
								, open: function() {
									modalMensaje.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
									$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
									$( "#btn_no_revert_order" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
									modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
									modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
								}
								, close: function() {
									modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
									modalMensaje.dialog( "destroy" );
								}
								, buttons: [
									{
										text: "Sí"
										, id: "btn_yes_revert_order"
										, click: function() {

											// Se reversa el pedido en el CRM y se habilita el documento del carro de compras como un borrador
											const fd = new FormData();
											fd.append('action', 'cancel_order');
											fd.append('fk_shopping_cart', fkShoppingCart);
											fd.append('token', '');
											fd.append('fk_soc', fkSoc);

											console.log("Se reversará la orden asociada al carro: ", fkShoppingCart);

											call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
												if (data.error > 0) {
													// Se presenta un error de proceso
													var modalErrorCancelar = $('<div>', {
														class: "font-window-message"
														, html: data.mensaje
													});

													modalErrorCancelar.dialog({
														modal: true
														, width: innerWidth * 0.4
														, position: { my: 'center', at: 'center', of: $( window ) }
														, open: function() {
															modalErrorCancelar.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
															$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
															modalErrorCancelar.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
															modalErrorCancelar.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
														}
														, close: function() {
															modalErrorCancelar.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
															modalErrorCancelar.dialog( "destroy" );
														}
														, buttons: [
															{
																text: "Cerrar"
																, click: function() {
																	modalErrorCancelar.dialog( "close" );
																}
															}
														]
													});
												}
												else {
													view_shopping_cart(fkShoppingCart);
												}
											});
											modalMensaje.dialog( "close" );
										}
									}
									, {
										text: "No"
										, id: "btn_no_revert_order"
										, click: function() {
											modalMensaje.dialog( "close" );
										}
									}
								]
							});
						});

						// Convertir cotizacion en pedido
						$( "#convert_propal_to_order" ).on( "click", function() {

							// Se confirma la acción
							var modalMensaje = $('<div>', {
								class: "font-window-message"
								, html: '¿Está seguro de querer convertir esta cotización en pedido borrador?'
								, style: "text-align: justify;"
							});

							modalMensaje.dialog({
								modal: true
								, width: innerWidth * 0.4
								// , height: innerHeight * 0.4
								, position: { my: 'center', at: 'center', of: $( window ) }
								, open: function() {
									modalMensaje.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
									$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
									$( "#btn_no_convert_propal_to_order" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
									modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
									modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
								}
								, close: function() {
									modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
									modalMensaje.dialog( "destroy" );
								}
								, buttons: [
									{
										text: "Sí"
										, id: "btn_yes_convert_propal_to_order"
										, click: function() {

											// Se reversa el pedido en el CRM y se habilita el documento del carro de compras como un borrador
											const fd = new FormData();
											fd.append('action', 'convert_propal_to_order');
											fd.append('fk_shopping_cart', fkShoppingCart);
											fd.append('token', '');
											fd.append('fk_soc', fkSoc);

											console.log("Se convertira en pedido borrador : ", fkShoppingCart);

											call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
												if (data.error > 0) {
													// Se presenta un error de proceso
													var modalErrorCancelar = $('<div>', {
														class: "font-window-message"
														, html: data.mensaje
													});

													modalErrorCancelar.dialog({
														modal: true
														, width: innerWidth * 0.4
														, position: { my: 'center', at: 'center', of: $( window ) }
														, open: function() {
															modalErrorCancelar.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
															$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
															modalErrorCancelar.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
															modalErrorCancelar.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
														}
														, close: function() {
															modalErrorCancelar.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
															modalErrorCancelar.dialog( "destroy" );
														}
														, buttons: [
															{
																text: "Cerrar"
																, click: function() {
																	modalErrorCancelar.dialog( "close" );
																}
															}
														]
													});
												}
												else {
													view_shopping_cart(fkShoppingCart);
												}
											});
											modalMensaje.dialog( "close" );
										}
									}
									, {
										text: "No"
										, id: "btn_no_convert_propal_to_order"
										, click: function() {
											modalMensaje.dialog( "close" );
										}
									}
								]
							});
						});

						// Se asigna el tipo de elemento
						$( ".operation-select" ).data("element_type", valor.elementtype);
						$( ".operation-select" ).data( "fk_shopping_cart", valor.rowid );
						actualiza_msg_saldo_bonos_kpis();

						$( ".cointainer-shopping-cart-doc-customer .operation" ).data("fk_shopping_cart", valor.rowid);
						$( ".cointainer-shopping-cart-doc-customer .operation" ).data("elementtype", valor.elementtype);
						$( "#customer_info" ).html(customerInfo)
						$( "#address_info" ).html(addressInfo)
						$( "#information_info" ).append(informationInfo)

						// Se evalúa el contenido de la dirección de entrega para saber si deja en color rojo o verde
						if (valor.direccion_entrega == null || valor.direccion_entrega == '') {
							$( ".container-delivery-address" ).addClass("delivery-address-bad");
						}
						else {
							$( ".container-delivery-address" ).addClass("delivery-address-ok");
						}

						// Se asignan los valores de los datos adicionales del pedido


						console.log("valor.elementtype", valor.elementtype);
						// Segun sea el tipo de documento (elementtype) se ocultan los datos que no aplican para cotizaciones.
						console.log("El docStatus antes de ir a muestra_info_adicional: ", docStatus)
						console.log("El valor antes de ir a muestra_info_adicional: ", data)

						muestra_info_adicional();

						resumeDocDiv.get(0).scrollIntoView();
						resumeDocDiv.focus();
						$( ".cointainer-shopping-cart-doc-customer" ).css("border-bottom", borderBottom)

						// Si hay detalle se construyen los contenedores del detalle
						console.log("valor.numLines: ", valor.numLines);

						//se muestra la opcion de seleccioan tipo de reposición si el número de líneas es cero y el tipo de elemento es reposición
						// if (valor.numLines === 0 && (valor.elementtype === 'reposicion' || valor.elementtype === 'perdida')) {
						// 	console.log("Se debe mostar el seleccionador ");
						// 	shoppingCartHeaderReposiscionDiv.insertAfter(shoppingCartRightDocHeaderDiv.children().eq(0));
						// }

						$( ".operation-select" ).data( 'numLines', 0 );
						if (valor.numLines > 0 || (valor.array_products_informative && valor.array_products_informative.length > 0)) {
							$( ".operation-select" ).data( 'numLines', valor.numLines );

							var lines = valor.array_detail
							// var shoppingCartRightDocLineDetailDiv;

							$.each(lines, function(index, line) {
								//------------------ para la edición -----------------------------//
								var shoppingCartRightDocLineDetailDiv = createProductDetailElement(line, docStatus, valor.numLines);

								shoppingCartRightDocDetailDiv.append(shoppingCartRightDocLineDetailDiv);

							});

							if ('array_products_informative' in valor) {
								var linesInformative = valor.array_products_informative
								if (linesInformative.length > 0) {
									$.each(linesInformative, function(index, lineInformative) {
										var shoppingCartRightDocLineInformativeDiv = createProductDetailElementInformative(lineInformative);
										shoppingCartRightDocDetailDiv.append(shoppingCartRightDocLineInformativeDiv);
									});
								}
							}
						}
						shoppingCartRighttDiv.append(shoppingCartRightDocDetailDiv, shoppingCartRightDocDetaiInformativelDiv);
					}
				}

				$(document).off('click', '.container-delete-informative-product').on('click', '.container-delete-informative-product', function () {
					const id = $(this).data("fk_product_informativedet");
					console.log("Se eliminar el producto informativo", id);
					delete_product_shopping_informative(id)
					.then(() => {
						var elementdelete = $('[data-fk_shopping_cartdet="' + id + '"]');

						elementdelete.remove();

						console.log("Se eliminó el producto informativo");
					})
					.catch((error) => {
						console.error("Error al eliminar el producto:", error.message);
					});
				});

				// Evento de eliminar un documento
				deleteDocumentIcon.on( "click", function(e) {
					if (!$( this ).hasClass( "delete-document" ))
						return;
					e.stopPropagation();
					var fkShoppingCart = $( this ).closest( ".cointainer-doc-shopping-cart" ).data( "fk_shopping_cart" );
					console.log("Eliminaremos el documento: " + fkShoppingCart);

					// Crea un diálogo con el mensaje
					var modalMensaje = $('<div>', {
						class: "font-window-message"
						, text: '¿Está seguro de querer eliminar el documento?'
					});

					modalMensaje.dialog({
						modal: true
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#id_boton" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" );
						}
						, close: function() {
							modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
							modalMensaje.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Sí"
								, id: "btn_yes_delete_document"
								, click: function() {
									try {
										delete_document(fkShoppingCart);
										modalMensaje.dialog( "close" );
									}
									catch(error){
										modalMensaje.text( error );
										modalMensaje.dialog({
											buttons: [{
												text: "OK"
												, click: function() {
													modalMensaje.dialog( "close" );
												}
											}]
										})
									}
								}
							}
							, {
								text: "No"
								, click: function() {
									$(this).dialog( "close" );
								}
							}
						]
					});
				});
			});

			/******
			*	El boton de ir al pedido sugerido, no debe aplicar para el canje de Bonos
			*	dbonilla. 7/mar/2025
			******/
			var elementType = $( ".operation-select" ).data("element_type");
			// Se 'oculta' el icono de ir a los sugeridos
			if (elementType == 'bonoskpis' || elementType == 'canjebono' || elementType == 'reposicion') {
				$( '#btn_goto_preorder' ).hide();
			}

			// Se incluye evento de selección de otro tipo de documento (Cotización, pedido, etc)
			// $( ".cointainer-shopping-cart-doc-customer .operation" ).on( "click", function(e) {
			$( ".change-document-type" ).on( "click", function(e) {
				console.log("Se puede cambiar de documento");
				var elemento = $( this );
				// var typeSelected = elemento.data("elementtype");
				var typeSelected = $( ".operation-select" ).data( 'element_type' );
				var numLines = $( ".operation-select" ).data( 'numLines' );
				var fkSoc = $( ".current-customer-info" ).data( "fk_soc" );

				if (docStatus !== 0 && docStatus !== '0' ) // Si el documento no es borrador, no se permite cambiar el tipo de documento
					return false;
				if (typeSelected == 'muestra' || typeSelected == 'obsequio' || typeSelected == 'canjebono' || typeSelected == 'bonoskpis'  || typeSelected == 'reposicion') {
					if (numLines > 0) {
						return false;
					}
				}

				console.log("typeSelected: ", typeSelected);

				var options = [
					{
					  label: 'Cotización'
					  , value: 1
					  , elementtype: 'propal'
					  , iconClass: 'fa-arrow-circle-right'
					  , color: '#ff7800'
					}
					, {
					  label: 'Orden'
					  , value: 2
					  , elementtype: 'commande'
					  , iconClass: 'fa-check-circle'
					  , color: '#27b601'
					}
				];

				// Si el documento fue creado para venta en tienda física, no se permiten más tipos de documentos, diferentes a pedidos y cotizaciones.
				sourceDocument = $( ".operation-select" ).data( "source");
				if (numLines == 0 && sourceDocument != 6) {
					options.push({
					  label: 'Muestra'
					  , value: 3
					  , elementtype: 'muestra'
					  , iconClass: 'fa-vial'
					  , color: '#27b601'
					});

					options.push({
					  label: 'Obsequio'
					  , value: 4
					  , elementtype: 'obsequio'
					  , iconClass: 'fa-gift'
					  , color: '#27b601'
					});
				}

				// EL canje de bonos sólo se permite si el tercero o cliente en foco es el que se creo con el mismo siren que la cédula del vendedor
				var sirenCustomer = $( ".current-customer-info" ).data( "siren" );
				var cedulaVendedor = data.cedula;

				console.log("El siren es: ", sirenCustomer , ' y la cedula es: ' + cedulaVendedor);

				if (sirenCustomer == cedulaVendedor) {
					options.push({
					  label: 'Canje bonos'
					  , value: 5
					  , elementtype: 'canjebono'
					  , iconClass: 'fa-exchange-alt'
					  , color: '#27b601'
					});

					/*****
					*	Se incluye la opción para el canje de bonos por KPIs
					*	dbonilla. 5/mar/2025
					*****/
					options.push({
					  label: 'Bonos KPIs'
					  , value: 6
					  , elementtype: 'bonoskpis'
					  , iconClass: 'fa-award'
					  , color: '#27b601'
					});

					options.push({
						label: 'Reposición'
						, value: 7
						, elementtype: 'reposicion'
						, iconClass: 'fa-handshake'
						, color: '#27b601'
					});
				}

				var modalSelect = $('<div>', {
					id: "select_doctype"
				});

				$.each(options, function(index, option) {
					var selectDiv = $('<div>', {
						class: 'select-typedoc-option',
						'data-fk_doctype': option.value // Asigna un valor único a cada opción
					}).append(
						$('<i>', {
							class: 'fa ' + option.iconClass + ' icon-doc-shopping-cart',
							style: 'color: ' + option.color
						})
						, $('<label>', {
							class: 'label-typedoc-option',
							html: option.label
						})
					);

					if (typeSelected === 'propal' && index === 0) {
						selectDiv.css("background", "rgb(230, 230, 230)");
					} else if (typeSelected === 'commande' && index === 1) {
						selectDiv.css("background", "rgb(230, 230, 230)");
					}

					selectDiv.hover(
						function() {
							$( ".select-typedoc-option" ).css( "background", "");
							// Cuando el cursor entra en el elemento
							$(this).css('background-color', 'rgb(230, 230, 230)');
						},
						function() {
							// Cuando el cursor sale del elemento
							$(this).css('background-color', '');
						}
					);

					modalSelect.append(selectDiv);

					selectDiv.on("click", function() {
						doctype = $( this ).data("fk_doctype");
						var fkShoppingCart = elemento.data("fk_shopping_cart");

						// Se homologa el doctype con el elementType
						elementType = '';
						if (doctype === 1) {
							elementType = 'propal';
						}
						else if (doctype === 2) {
							elementType = 'commande';
						}
						else if (doctype === 3) {
							elementType = 'muestra';
						}
						else if (doctype === 4) {
							elementType = 'obsequio';
						}
						else if (doctype === 5) {
							elementType = 'canjebono';
						}
						else if (doctype === 6) {
							elementType = 'bonoskpis';
						}
						else if (doctype === 7) {
							elementType = 'reposicion';
						}

						const fd = new FormData();
						fd.append('action', 'update_doc_type');
						fd.append('token', '');
						fd.append('elementtype', elementType);
						fd.append('fk_shopping_cart', fkShoppingCart);
						fd.append('fk_soc', fkSoc);

						call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
							if (data.error == 510) {
								msjStandard(data.mensaje);
								modalSelect.dialog('close');
							}
							else if (data.error == 0) {
								update_doc_type(data, elemento, doctype, options, fkShoppingCart, modalSelect);
								update_totales_shopping_cart(data);
							}
						});
					});

				});

				modalSelect.dialog({
					modal: true
					, position: { my: 'center', at: 'center', of: elemento }
					, open: function() {
						modalSelect.css( "padding", "0px")
						$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
						$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
						$( ".ui-widget-overlay" ).attr("id", "out_select_doctype");

					}
					, close: function() {
						modalSelect.dialog('destroy');
					}
				});

				// Se establece evento para cierre del modal cuando se da clic fuera de este
				$( "#out_select_doctype" ).on( "click", function() {
					modalSelect.dialog('close');
				})

			});
		}
	}

	if (haySeleccionado > 0) {
		$( ".right-central-section .cointainer-ppal-shopping-cart .cointainer-shopping-cart-right" ).css( "grid-template-rows", "8% 25% 10% 57%" );
		$( ".cointainer-shopping-cart-right-options" ).css( "visibility", "visible");
		$( ".cointainer-shopping-cart-doc-header" ).css( "visibility", "visible");
	}

	// Se inicializa el comportamiento de la sección de encabezado del detalla del documento para que no aparezca en modo agregar productos
	$( ".cointainer-shopping-cart-doc-header" ).find( ".add" ).hide();
	$( ".cointainer-shopping-cart-doc-header" ).find( ".edit" ).show();
	$( ".cointainer-shopping-cart-doc-header" ).css( "grid-template-columns", "5% 5% 8fr 3fr 1fr 1fr 1fr 1fr 1fr" );

	muestra_info_adicional();

	// Se incluyen las opciones inferiores para el carro de compras
	console.log("se incluye las opciones inferioes");
	shopping_cart_bottom_options();
}

function add_shopping_cart() {
	// // se activa la parte de acciones del lado derecho de la ficha del carrito de compras
	// $( ".right-central-section .cointainer-ppal-shopping-cart .cointainer-shopping-cart-right" ).css( "grid-template-rows", "8% 0% 0% 92%" );
	// $( ".cointainer-shopping-cart-right-options" ).css( "visibility", "visible");
	// $( ".cointainer-shopping-cart-doc-header" ).css( "visibility", "visible");

	var fkSoc = $( ".current-customer-info" ).data( "fk_soc" );
	var fkFormeJuridique = $( ".current-customer-info" ).data( "fk_forme_juridique" );
	const fd = new FormData();
	fd.append('action', 'add_shopping_cart');
	fd.append('fk_soc', fkSoc);
	fd.append('fk_forme_juridique', fkFormeJuridique);
	fd.append('token', '');

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		if (data.error == 500) {
			msjStandard(data.mensaje);
			return false;
		}
		else if (data.error == 0) {
			$( ".current-customer-info" ).data( "siren", data.siren);
			view_shopping_cart();
		}
	});
}

function actualiza_iconos_shopping_cart(elemento, doctype, options, fkShoppingCart) {
	console.log("En actualiza_iconos_shopping_cart el doctype: ", doctype, " options ", options);

	// Se restablece el fontawesome y el color del icono;
	var iconoElemento = elemento.siblings( '.icon-doc-shopping-cart' );
	var iconoElementoLista = $( ".cointainer-shopping-cart-list-docs" ).find('[data-fk_shopping_cart="' +  fkShoppingCart + '"]').find('.icon-doc-shopping-cart');
	$.each(options, function(key, value) {
		iconoElemento.removeClass( value.iconClass);
		iconoElementoLista.removeClass( value.iconClass);
	});

	elemento.find( '.icon-doc-shopping-cart' ).removeClass( options[0].iconClass);

	// Se cambia el elemento del encabezado
	var iconoElemento = elemento.siblings( '.icon-doc-shopping-cart' );
	elemento.find( ".operation-label" ).html('<b>' + options[(doctype-1)].label + '</b>');
	iconoElemento.addClass( options[(doctype-1)].iconClass);
	iconoElemento.css( "color", options[(doctype-1)].color);
	$( ".cointainer-shopping-cart-doc-customer" ).css( "border-bottom", "2px solid " + options[(doctype-1)].color);

	$( ".operation-select" ).data( "element_type", options[(doctype-1)].elementtype );
	$( '.operation-label' ).html('<b>' + options[(doctype-1)].label + '<b>');

	// Se cambia el elemento de la lista
	iconoElemento = $( ".cointainer-shopping-cart-list-docs" ).find('[data-fk_shopping_cart="' +  fkShoppingCart + '"]').find('.icon-doc-shopping-cart');
	iconoElemento.addClass( options[(doctype-1)].iconClass);
	iconoElemento.css( "color", options[(doctype-1)].color);
}

function select_tab_draf() {
	// Se resalta el TAB de los documentos borrador del carrito de compras
	$( "#tab_shopping-draft" ).css( "color", "var(--rojo-wurth)");
	$( "#tab_shopping-draft" ).css( "border-bottom", "2px solid var(--rojo-wurth)");
	$( "#tab_shopping-draft" ).find( "#badge_draft" ).css( "background", "var(--rojo-wurth)");
}


function select_tab_validate() {
	// Se resalta el TAB de los documentos borrador del carrito de compras
	$( "#tab_shopping-validate" ).css( "color", "var(--rojo-wurth)");
	$( "#tab_shopping-validate" ).css( "border-bottom", "2px solid var(--rojo-wurth)");
	$( "#tab_shopping-validate" ).find( "#badge_validate" ).css( "background", "var(--rojo-wurth)");
}

function obtienePreciosSpeedyModal(ubicaDatosPrecio, data) {
	const $select = $('.price-select-modal.active-price-select-modal');
	const $inputQty = $select.closest('.father').find('.qty-producto-modal');
	const listaPrecios = data.datos
	let idProductPrice = 0;
	let fkPriceSelected = 0;
	const fkProducts = $(".cointainer-shopping-cart-body-line-detail");

	$select.empty();

	if (!$select.length) {
		console.log("No hay <select> activo");
		return;
	}

	fkProducts.each(function() {
		if ($( this ).data( "fk_product" ) == $( '#nom_producto' ).data( "fk_product")) {
			fkPriceSelected = $( this ).data( "fk_price" );
		}
	});

	if (listaPrecios[0]["no_items"] > 0) {

		$.each(listaPrecios, function(key, valor) {
			valor.price = parseFloat(valor.price);
			valor.price_min = parseFloat(valor.price_min);
			valor.qty_min = parseFloat(valor.qty_min);
			valor.qty_multiplo= parseFloat(valor.qty_multiplo);
			if (fkPriceSelected != 0) {
				if (valor.rowid != fkPriceSelected) {
					return true;
				}
			} else {
				let qty_multiplo = 1;
				if(valor.qty_multiplo > 0) {
					qty_multiplo = valor.qty_multiplo;
				}
				let seleccionado = false;
				if (key > 0) {
					if (idProductPrice === 0) {
						idProductPrice = valor.rowid;
						seleccionado = true;

						console.log("Multiplo "+qty_multiplo)

						$inputQty.val( valor.qty_min);
						$inputQty.data( "qty_min", valor.qty_min);
						$inputQty.data( "qty_multiplo", qty_multiplo);
						$inputQty.data( "price_min", valor.price_min);
						$inputQty.data( "price_min_format", valor.price_min_format);
						$inputQty.data( "subprice", valor.subprice);
						$inputQty.data( "price", valor.price);
						$inputQty.data( "fk_price", valor.rowid);

						var opcion = $( "<option>", {
							value: valor.rowid
							, selected: seleccionado
							, text: valor.tipoprecio + ' ' + valor.price_format + ' ' + valor.qty_min_format
							, 'data-qty_min': valor.qty_min
							, 'data-qty_multiplo': qty_multiplo
							, 'data-fk_price': valor.rowid
							, 'data-subprice': valor.subprice
							, 'data-price': valor.price
							, 'data-price_min': valor.price_min
							, 'data-price_min_format': valor.price_min_format
						});
						$select.append(opcion);
					}
				}
			}
		});
	}
}

function obtienePreciosSpeedy(ubicaDatosPrecio, data) {
	console.log( "obtienePreciosSpeedy param1: ", ubicaDatosPrecio);
	console.log( "obtienePreciosSpeedy param2: ", data);
	$('#price_select').empty();

	var listaPrecios = data.datos
	var idProductPrice = 0;
	var fkShoppingCart = $( ".operation-select" ).data( "fk_shopping_cart" );
	console.log( "fkShoppingCart", fkShoppingCart);

	// Se comprueba si para el carro de compras corriente, ya existe selecionado un precio
	var fkPriceSelected = 0;
	var fkProducts = $(".cointainer-shopping-cart-body-line-detail");
	fkProducts.each(function() {
		console.log("Esta recorriendo los productos del carro: ", $(this).data("fk_product"));
		if ($( this ).data( "fk_product" ) == $( '#nom_producto' ).data( "fk_product")) {
			console.log("Si existe el producto: " + $( this ).data( "fk_product" ) + 'con el precio: ' + $( this ).data( "fk_price" ) )
			fkPriceSelected = $( this ).data( "fk_price" );
		}
	});

	if (listaPrecios[0]["no_items"] > 0) {
		$( "#qty_producto" ).attr( "disabled", false);
		activa_add_product();

		console.log("Se encontraron precios");
		var qtyMin = 0,
			qtyMultiplo = 0;

		$.each(listaPrecios, function(key, valor) {
			console.log("fkPriceSelected: ", fkPriceSelected);
			console.log("key: ", key);
			console.log("valor: ", valor);

			valor.price = parseFloat(valor.price);
			valor.price_min = parseFloat(valor.price_min);
			valor.qty_min = parseFloat(valor.qty_min);
			valor.qty_multiplo= parseFloat(valor.qty_multiplo);

			if (fkPriceSelected != 0) {
				if (valor.rowid != fkPriceSelected) {
					return true;
				}
				else {
					var qty_multiplo = 1;

					if(valor.qty_multiplo > 0) {
						qty_multiplo = valor.qty_multiplo;
					}

					/******
					*	Se hace modificación al momento de seleccionar el producto, para evaluar las excepciones en caso de ser un vendedor de reventa para bonos KPIs
					*	dbonilla.	22/ene/2026
					*****/
					var seleccionado = false;
					if (key > 0) {
						if (idProductPrice === 0) {
							idProductPrice = valor.rowid;
							seleccionado = true;

							// --- INICIO AJUSTE EXCEPCIÓN REVENTA (WMAX) ---
							var fkUserDivision = parseInt($('#label_nom_user').data('fk_division_user'));
							var elementType = $(".operation-select").data("element_type");
							var fkProductActual = valor.fk_product;

							// Valores base extraídos de la base de datos
							var qtyMinAplicar = valor.qty_min;
							var multiploAplicar = qty_multiplo;

							// Verificamos si aplica la excepción para División 6 (Reventa)
							if (fkUserDivision === 6 && elementType === 'bonoskpis') {
								// Validamos que el objeto de reglas exista y contenga el producto
								var rule = (typeof wmaxRules !== 'undefined') ? wmaxRules[fkProductActual] : null;

								if (rule) {
									console.log("Excepción WMAX detectada para producto " + fkProductActual + ". Ajustando límites.");
									qtyMinAplicar = rule.min;   // Tomamos el min del JSON (ej: 1)
									multiploAplicar = rule.min; // El múltiplo ahora es igual al mínimo
								}
							}
							// --- FIN AJUSTE EXCEPCIÓN ---

							// Asignación final a los elementos del DOM
							$( "#qty_producto" ).val(qtyMinAplicar);
							$( "#qty_producto" ).data( "qty_min", qtyMinAplicar);
							$( "#qty_producto" ).data( "qty_multiplo", multiploAplicar);

							// Resto de los datos del producto
							$( "#qty_producto" ).data( "price_min", valor.price_min);
							$( "#qty_producto" ).data( "price_min_format", valor.price_min_format);
							$( "#qty_producto" ).data( "subprice", valor.subprice);
							$( "#qty_producto" ).data( "price", valor.price);
							$( "#nom_producto" ).data( "fk_price", valor.rowid);
							$( "#qty_producto" ).data( "fk_product", valor.fk_product);

							// Bloqueo del input si el múltiplo es mayor a 1 (Lógica original conservada)
							if (multiploAplicar > 1) {
								$( "#qty_producto" ).prop( "disabled", true );
							}
							else {
								$( "#qty_producto" ).prop( "disabled", false );
							}
							$( "#clear_qty" ).hide();
						}

						// Generación de la opción en el select de precios
						var opcion = $( "<option>", {
							value: valor.rowid
							, selected: seleccionado
							, text: valor.tipoprecio + ' ' + valor.price_format + ' ' + valor.qty_min_format
							, 'data-qty_min': valor.qty_min
							, 'data-qty_multiplo': qty_multiplo
							, 'data-fk_price': valor.rowid
							, 'data-subprice': valor.subprice
							, 'data-price': valor.price
							, 'data-price_min': valor.price_min
							, 'data-price_min_format': valor.price_min_format
						});

						$('#price_select').append(opcion);
					}

				}
			}
			else {

				var qty_multiplo = 1;

				if(valor.qty_multiplo > 0) {
					qty_multiplo = valor.qty_multiplo;
				}

				/******
				*	Se hace modificación al momento de seleccionar el producto, para evaluar las excepciones en caso de ser un vendedor de reventa para bonos KPIs
				*	dbonilla.	22/ene/2026
				*****/
				var seleccionado = false;
				if (key > 0) {
					if (idProductPrice === 0) {
						idProductPrice = valor.rowid;
						seleccionado = true;

						// --- INICIO AJUSTE EXCEPCIÓN REVENTA (WMAX) ---
						var fkUserDivision = parseInt($('#label_nom_user').data('fk_division_user'));
						var elementType = $(".operation-select").data("element_type");
						var fkProductActual = valor.fk_product;

						// Valores base extraídos de la base de datos
						var qtyMinAplicar = valor.qty_min;
						var multiploAplicar = qty_multiplo;

						// Verificamos si aplica la excepción para División 6 (Reventa)
						if (fkUserDivision === 6 && elementType === 'bonoskpis') {
							// Validamos que el objeto de reglas exista y contenga el producto
							var rule = (typeof wmaxRules !== 'undefined') ? wmaxRules[fkProductActual] : null;

							if (rule) {
								console.log("Excepción WMAX detectada para producto " + fkProductActual + ". Ajustando límites.");
								qtyMinAplicar = rule.min;   // Tomamos el min del JSON (ej: 1)
								multiploAplicar = rule.min; // El múltiplo ahora es igual al mínimo
							}
						}
						// --- FIN AJUSTE EXCEPCIÓN ---

						// Asignación final a los elementos del DOM
						$( "#qty_producto" ).val(qtyMinAplicar);
						$( "#qty_producto" ).data( "qty_min", qtyMinAplicar);
						$( "#qty_producto" ).data( "qty_multiplo", multiploAplicar);

						// Resto de los datos del producto
						$( "#qty_producto" ).data( "price_min", valor.price_min);
						$( "#qty_producto" ).data( "price_min_format", valor.price_min_format);
						$( "#qty_producto" ).data( "subprice", valor.subprice);
						$( "#qty_producto" ).data( "price", valor.price);
						$( "#nom_producto" ).data( "fk_price", valor.rowid);
						$( "#qty_producto" ).data( "fk_product", valor.fk_product);

						// Bloqueo del input si el múltiplo es mayor a 1 (Lógica original conservada)
						if (multiploAplicar > 1) {
							$( "#qty_producto" ).prop( "disabled", true );
						}
						else {
							$( "#qty_producto" ).prop( "disabled", false );
						}
						$( "#clear_qty" ).hide();
					}

					// Generación de la opción en el select de precios
					var opcion = $( "<option>", {
						value: valor.rowid
						, selected: seleccionado
						, text: valor.tipoprecio + ' ' + valor.price_format + ' ' + valor.qty_min_format
						, 'data-qty_min': valor.qty_min
						, 'data-qty_multiplo': qty_multiplo
						, 'data-fk_price': valor.rowid
						, 'data-subprice': valor.subprice
						, 'data-price': valor.price
						, 'data-price_min': valor.price_min
						, 'data-price_min_format': valor.price_min_format
					});

					$('#price_select').append(opcion);
				}

			}

		});

		console.log("El id del precio selecconado inicialmente1:", idProductPrice);
		console.log("El precio minimo es :", $( "#qty_producto" ).data( "qty_min"));
		console.log("El precio minimo es :", $( "#qty_producto" ).data( "price_min"));
		console.log("El precio minimo es :", $( "#qty_producto" ).data( "price_min_format"));

		// Se incluye el evento del clic sobre un Precio
		$("#price_select").change(function(e) {
			$( "#remise_percent" ).val(0);
			idProductPrice = $("#price_select").val();
			console.log("El id del precio seleccionado :", idProductPrice);

			var opcionSeleccionada = $(this).find("option:selected");
			console.log("El opcionSeleccionada:", opcionSeleccionada);

			// Accede al valor del atributo data-qty_min
			var qtyMin = opcionSeleccionada.data("qty_min");
			var qtyMultiplo = opcionSeleccionada.data("qty_multiplo");
			var priceMin = opcionSeleccionada.data("price_min");
			var priceMinF = opcionSeleccionada.data("price_min_format");
			var subprice = opcionSeleccionada.data("subprice");
			var price = opcionSeleccionada.data("price");
			var fkPrice = opcionSeleccionada.data("fk_price");
			console.log("El precio min seleccionado :", priceMin);
			console.log("El price seleccionado :", price);
			$( "#qty_producto" ).val( qtyMin);
			$( "#qty_producto" ).data( "qty_min", qtyMin);
			$( "#qty_producto" ).data( "qty_multiplo", qtyMultiplo);
			$( "#qty_producto" ).data( "price_min", priceMin);
			$( "#qty_producto" ).data( "price_min_format", priceMinF);
			$( "#qty_producto" ).data( "subprice", subprice);
			$( "#qty_producto" ).data( "price", price);
			$( "#nom_producto" ).data( "fk_price", fkPrice);

			if (qtyMultiplo > 1) {
				$( "#qty_producto" ).prop( "disabled", true );
			}
			else {
				$( "#qty_producto" ).prop( "disabled", false );
			}

			$( "#clear_qty" ).hide();
			activa_add_product();
		});

		$('#price_select').next('.select2-container').find('.select2-selection').css('background-color', '');
	}
	else {
		console.log("NO Se encontraron precios");
		$('#price_select').append('<option value="-1">Sin precio definido</option>');
		$('#price_select').next('.select2-container').find('.select2-selection').css('background-color', 'pink');
		$( "#qty_producto" ).attr( "disabled", true);
		$( "#qty_producto" ).val( "" );
		inactiva_add_product();
	}
}

function generaListaNiveles(data, elementToEdit, line) {
	console.log( "generaListaNiveles data: ", data);
	console.log( "elementToEdit: ", elementToEdit.data("fk_price"));

	var currentQty = elementToEdit.closest('.cointainer-shopping-cart-body-pu').siblings('.cointainer-shopping-cart-body-qty').text();
	var fkShoppingCartDet = elementToEdit.closest( ".cointainer-shopping-cart-body-line-detail" ).data( "fk_shopping_cartdet" );
	var fkPrice = elementToEdit.data("fk_price");


	var listaPrecios = data.datos
	var idProductPrice = 0;
	var no_items = data.no_items;

	// Contenedor de los datos modificables en el producto del carro de compras
	var shoppingCartContainerUpdateLineDiv = $( "<div>", {
		class: "container-shopping-cart-update-line"
	});

	// Casilla selección de precio
	var shoppingCartLinePriceSelectDiv = $( "<div>", {
		class: "cointainer-shopping-cart-line-price-select"
	})
	.append(
		$( "<select>", {
			id: "price_select_line"
			, placeholder: "Seleccione precio .."
		})
	);

	// Casilla del input de la cantidad a agregar
	var shoppingCartLineProductInputAddQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-line-product-input-add-qty"
	})
	.append($( "<input>", {
		id: "qty_producto_line"
		, type: "number"
		, placeholder: "Cant."
	}))
	.append($( "<label>", {
		id: "clear_qty_line"
		, class: "clear-qty"
		, text: "X"
	}))
	;

	// casilla que contiene el elemento imput y el span de clear de la cantidad
	var shoppingCartLineProductInputClearQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-line-product-input-clear-qty"
	})

	shoppingCartLineProductInputClearQtyDiv.append(shoppingCartLineProductInputAddQtyDiv);

	// Casilla cantidad a agregar
	var shoppingCartLineProductAddQtyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-line-product-add-qty"
	})
	.append($( "<i>", {
		id: "down_qty_line"
		, class: "fa fa-minus-circle"
	}))
	.append(shoppingCartLineProductInputClearQtyDiv)
	.append($( "<i>", {
		id: "up_qty_line"
		, class: "fa fa-plus-circle"
	}))
	;

	var containerShowDescuentos = $("<div>", {
		class: "container-show-descuentos"
	});

	var divProductPrice = $("<span>", {
		id: "product_price",
		class: "product-price",
		text: `$ ${data.price}`
	});

	var priceContainer = $("<div>", {
		class: "price-container"
	});

	var divProductPriceMin = $("<span>", {
		id: "product_price_min",
		class: "product-price-min",
		text: `$ ${data.price_min}`
	});

	var divProductAhorro = $("<span>", {
		id: "product_ahorro",
		class: "product-ahorro",
		text: `Ahorras $ ${data.ahorro}`
	});

	var divProductDescuento = $("<span>", {
		id: "product_descuento",
		class: "product-descuento",
		text: `${data.descuento} %`
	});

	// Organiza los elementos dentro de priceContainer
	priceContainer.append(divProductPrice, divProductPriceMin);

	containerShowDescuentos.append(divProductDescuento, priceContainer, divProductAhorro);

	setTimeout(function() {
		if (data.fk_tipo_precio == 4 && data.descuento != 0 ) {
			$(".container-show-descuentos").show();
		} else {
			$(".container-show-descuentos").hide();
		}
	}, 10);

	shoppingCartContainerUpdateLineDiv.append(shoppingCartLinePriceSelectDiv, shoppingCartLineProductAddQtyDiv, containerShowDescuentos);

	// Contenedor de acción de convertir descuento en precio
	var shoppingCartContainerUpdateLineChangeDiscountDiv = $( "<div>", {
		class: "container-shopping-cart-update-line-change-discount"
	})
	.append(  $( "<label>", {
		html: "Convertir el descuento en precio del producto"
		, "data-etiqueta": "label"
	}))
	.append(  $( "<input>", {
		type: "checkbox"
		, id: "chck_discount_to_price"
		, html: "Convertir el descuento en precio del producto"
		, "data-etiqueta": "check"
	}))
	;

	// Se crea el modal que se presenta con la selección de precios
	var modalUpdatePrecio = $( '<div>', {
		class: "modal-update-precio font-window-message"
	});

	modalUpdatePrecio.append(shoppingCartContainerUpdateLineDiv);

	if (data.datos[fkPrice].remise_percent > 0)
		shoppingCartContainerUpdateLineChangeDiscountDiv.show();
	else
		shoppingCartContainerUpdateLineChangeDiscountDiv.hide();

	modalUpdatePrecio.append(shoppingCartContainerUpdateLineChangeDiscountDiv);

	// ----------------------------------------------------------------------------------------------

	console.log("el data.datos: ", data.datos);

	// Contenedor para el manejo del descuento, por porcentaje o por valor
	var shoppingCartContainerUpdateLineUpdateDiscountDiv = $( "<div>", {
		class: "container-shopping-cart-update-line-update-discount"
	});

	// label para registrar el Descuento
	var shoppingCartContainerUpdateLineUpdateDiscountlabel = $( "<span>", {
		class: "label-shopping-cart-update-line-update-discount"
		, html: "Descuento"
	});

	let textAreaProductDescription = $( "<textarea>", {
		id: "product_description"
		, text: data.productDescription
	})
	.data("fk_shopping_cartdet", fkShoppingCartDet)
	;

	// Input para registrar el descuento en porcentaje
	var shoppingCartContainerUpdateLineUpdateDiscountInputP = $( "<input>", {
		class: "inputp-shopping-cart-update-line-update-discount"
		, id: "inputp_shopping_cart_update_line_update_discount"
		, type: "text"
		, value: data.datos[fkPrice].remise_percent
	});

	// Input para registrar el descuento en valor
	var shoppingCartContainerUpdateLineUpdateDiscountInputV = $( "<input>", {
		class: "inputv-shopping-cart-update-line-update-discount"
		, id: "inputv_shopping_cart_update_line_update_discount"
		, type: "text"
		// , value: Math.round(data.datos[fkPrice].precio, 0)
		, value: Math.round(data.datos[fkPrice].price, 0)
	});

	// Se controla que el descuento no admita valores negativos
	shoppingCartContainerUpdateLineUpdateDiscountInputP.on( "input change", function() {
		if ($( this ).val() < 0) {
			$( this ).val(0	);
		}
	});


	// Se modifica el procentaje del descuento
	shoppingCartContainerUpdateLineUpdateDiscountInputP.on( "change", function() {
		// Se debe validar que el descuento no supere el valor mínimo para el producto
		var descuento = parseFloat($( this ).val());

		// se calcula el nuevo precio y se compara con el precio mínimo
		var subprice = $( "#qty_producto_line" ).data( "subprice")
		var newPrice = Math.round(subprice * (1 - parseFloat(descuento / 100)),2);
		var priceMin = $( "#qty_producto_line" ).data( "price_min")

		console.log( "el subprice: ", subprice );
		console.log( "el descuento: ", descuento );
		console.log( "el newPrice: ", newPrice );
		console.log( "el price_min: ", priceMin );
		if (newPrice < priceMin) {

			// Crea un diálogo con el mensaje
			var modalOverRemise = $('<div>', {
				class: "font-window-message"
				, html: 'Descuento supera valor mínimo de venta<br><br>Favor verificar'
				, style: "color: red"
			});

			modalOverRemise.dialog({
				modal: true
				, position: { my: 'center', at: 'center', of: $( window ) }
				, autoOpen: false
				, appendTo: modalUpdatePrecio
				, open: function() {
					modalOverRemise.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
					$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
					$( "#btn_no_delete_product" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
					modalOverRemise.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
					modalOverRemise.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
				}
				, close: function() {
					modalOverRemise.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
					modalOverRemise.dialog( "destroy" );
				}
			});

			modalOverRemise.dialog( "open" );
			setTimeout(function() { // Si se quiere que la ventana se cierre después de 1500 milisegundos
				modalOverRemise.dialog("close");
			}, 1250);

			shoppingCartContainerUpdateLineUpdateDiscountInputP.val($( "#qty_producto_line" ).data( "remise_percent"));
			shoppingCartContainerUpdateLineUpdateDiscountInputV.val(Math.round($( "#qty_producto_line" ).data( "subprice")));

			return false;
		}
		else {
			if (descuento > 0) {
				console.log("Descuento si es mayor que cero")
				$( ".container-shopping-cart-update-line-change-discount" ).show();
			}
			else {
				$( ".container-shopping-cart-update-line-change-discount" ).hide();
			}
			shoppingCartContainerUpdateLineUpdateDiscountInputV.val(newPrice);
		}
	});


	// Se modifica el valor del descuento
	shoppingCartContainerUpdateLineUpdateDiscountInputV.on( "change", function() {
		// Se debe validar que el descuento no supere el valor mínimo para el producto
		var newPrice = parseFloat($( this ).val());

		var subprice = parseFloat($( "#qty_producto_line").data( "subprice" ));
		var descuento = parseFloat( 1 -(newPrice / subprice)) * 100;
		var descuento = descuento.toFixed(2);
		var priceMin = parseFloat($( "#qty_producto_line").data( "price_min" ));


		console.log( "el subprice1: ", subprice );
		console.log( "el descuento1: ", descuento );
		console.log( "el newPrice1: ", newPrice );
		console.log( "el price_min1: ", priceMin );

		if (newPrice > subprice) {
			// No se permiten precios superiores al precio de lista del producto
			// Crea un diálogo con el mensaje
			var modalOverSubprice = $('<div>', {
				class: "font-window-message"
				, html: 'Nuevo precio supera al valor de venta<br><br>Favor verificar'
				, style: "color: red"
			});

			modalOverSubprice.dialog({
				modal: true
				, position: { my: 'center', at: 'center', of: $( window ) }
				, autoOpen: false
				, appendTo: modalUpdatePrecio
				, open: function() {
					modalOverSubprice.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
					$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
					$( "#btn_no_delete_product" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
					modalOverSubprice.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
					modalOverSubprice.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
				}
				, close: function() {
					modalOverSubprice.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
					modalOverSubprice.dialog( "destroy" );
				}
			});

			modalOverSubprice.dialog( "open" );
			setTimeout(function() { // Si se quiere que la ventana se cierre después de 1500 milisegundos
				modalOverSubprice.dialog("close");
			}, 1250);

			shoppingCartContainerUpdateLineUpdateDiscountInputP.val($( "#qty_producto_line" ).data( "remise_percent"));
			shoppingCartContainerUpdateLineUpdateDiscountInputV.val(Math.round($( "#qty_producto_line" ).data( "subprice")));
			return false;
		}
		else if (newPrice < priceMin) {

			// Crea un diálogo con el mensaje
			var modalOverRemise = $('<div>', {
				class: "font-window-message"
				, html: 'Nuevo precio es inferior al valor mínimo de venta<br><br>Favor verificar'
				, style: "color: red"
			});

			modalOverRemise.dialog({
				modal: true
				, position: { my: 'center', at: 'center', of: $( window ) }
				, autoOpen: false
				, appendTo: modalUpdatePrecio
				, open: function() {
					modalOverRemise.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
					$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
					$( "#btn_no_delete_product" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
					modalOverRemise.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
					modalOverRemise.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
				}
				, close: function() {
					modalOverRemise.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
					modalOverRemise.dialog( "destroy" );
				}
			});

			modalOverRemise.dialog( "open" );
			setTimeout(function() { // Si se quiere que la ventana se cierre después de 1500 milisegundos
				modalOverRemise.dialog("close");
			}, 1250);

			shoppingCartContainerUpdateLineUpdateDiscountInputP.val($( "#qty_producto_line" ).data( "remise_percent"));
			shoppingCartContainerUpdateLineUpdateDiscountInputV.val(Math.round($( "#qty_producto_line" ).data( "subprice")));

			return false;
		}
		// else {
			if (descuento == 0) {
				$( ".container-shopping-cart-update-line-change-discount" ).hide();
			}
			else {
				$( ".container-shopping-cart-update-line-change-discount" ).show();
			}
			shoppingCartContainerUpdateLineUpdateDiscountInputP.val(descuento);
		// }
	});


	shoppingCartContainerUpdateLineUpdateDiscountDiv.append(shoppingCartContainerUpdateLineUpdateDiscountlabel, $( "<span>", {text: "%"} ) ,shoppingCartContainerUpdateLineUpdateDiscountInputP, $( "<span>", {text: "$"} ), shoppingCartContainerUpdateLineUpdateDiscountInputV);

	if (data.elementtype == 'propal' || data.elementtype == 'commande' || data.elementtype == 'canjebono' || data.elementtype == 'bonoskpis') {
		modalUpdatePrecio.append(shoppingCartContainerUpdateLineUpdateDiscountDiv);
	}

	modalUpdatePrecio.append($( '<span>', { class: "product-description-modify-title", text: 'Descripción / Nota'}), textAreaProductDescription);

	modalUpdatePrecio.dialog({
		modal: true
		, width: (window.innerWidth * 0.60)
		, height: (window.innerHeight * 0.60)
		, position: { my: 'center', at: 'center', of: $( window ) }
		, open: function() {
			$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
			$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
			modalUpdatePrecio.closest( ".ui-dialog" ).css("border-radius", "10px")
			$( "#btn_close_update_price" ).focus();
			$( "#btn_update_price" ).button("option", "disabled", true);
			modalUpdatePrecio.parent().find('.ui-dialog-buttonset').addClass('font-window-message');
		}
		, close: function() {
			modalUpdatePrecio.parent().find('.ui-dialog-buttonset').removeClass('font-window-message');
			modalUpdatePrecio.dialog('destroy')
		}
		, buttons: [
			{
				id: "btn_update_price"
				, text: "Actualizar"
				, click: function() {
					var newQty = $( "#qty_producto_line" ).val();
					var newFkPrice = $( "#price_select_line" ).val()
					var discountToPrice = 0;
					var remisePercent = $( "#inputp_shopping_cart_update_line_update_discount" ).val();
					var description = $( "#product_description" ).val();
					if ($("#chck_discount_to_price").is(":checked"))
						discountToPrice = 1;

					update_product(fkShoppingCartDet, newQty, newFkPrice, discountToPrice, remisePercent, description);

					$(this).dialog('close');
				}
			}
			, {
				id: "btn_close_update_price"
				, text: "Cerrar"
				, click: function() {
					$(this).dialog('close');
				}
			}
		]

	});


	if (no_items > 0) {
		$( "#qty_producto_line" ).attr( "disabled", false);
		activa_update_product();

		var qtyMin = 0,
			qtyMultiplo = 0;

		$.each(listaPrecios, function(key, valor) {
			console.log("key: ", key);
			console.log("valor: ", valor);
			var qty_multiplo = 1;

			if(valor.qty_multiplo > 0) {
				qty_multiplo = valor.qty_multiplo;
			}
			var seleccionado = false;
			if (key > 0) {
				if (fkPrice === valor.rowid) {
					seleccionado = true;
					$( "#qty_producto_line" ).val(currentQty);
					$( "#qty_producto_line" ).data( "qty_min", valor.qty_min);
					$( "#qty_producto_line" ).data( "qty_multiplo", qty_multiplo);
					$( "#qty_producto_line" ).data( "subprice", valor.subprice);
					$( "#qty_producto_line" ).data( "price", valor.price);
					$( "#qty_producto_line" ).data( "price_min", valor.price_min);
					$( "#qty_producto_line" ).data( "price_min_format", valor.price_min_format);

					if (qty_multiplo > 1) {
						$( "#qty_producto_line" ).prop( "disabled", true );
					}
					else {
						$( "#qty_producto_line" ).prop( "disabled", false );
					}
					$( "#clear_qty_line" ).hide();
				}

				var opcion = $( "<option>", {
					value: valor.rowid
					, selected: seleccionado
					, text: valor.tipoprecio + ' ' + valor.price_format + ' ' + valor.qty_min_format
					, 'data-qty_min': valor.qty_min
					, 'data-qty_multiplo': qty_multiplo
					, 'data-fk_price': valor.rowid
					, 'data-price': valor.price
					, 'data-price_min': valor.price_min
					, 'data-price_min_format': valor.price_min_format
					, 'data-fk_tipo_precio': valor.fk_tipo_precio
				});

				$('#price_select_line').append(opcion);
			}
		});

		console.log("El id del precio selecconado inicialmente2:", idProductPrice);

		// Se incluye el evento del clic sobre un Precio
		$("#price_select_line").change(function(e) {
			// Se inicializa el dato desde donde se obtiene el Descuento
			$( "#inputp_shopping_cart_update_line_update_discount" ).val(0);
			idProductPrice = $("#price_select_line").val();
			console.log("El id del precio seleccionado line:", idProductPrice);

			var opcionSeleccionada = $(this).find("option:selected");

			// Accede al valor del atributo data-qty_min
			var qtyMin = opcionSeleccionada.data("qty_min");
			var qtyMultiplo = opcionSeleccionada.data("qty_multiplo");
			var subprice = opcionSeleccionada.data("subprice");
			var price = opcionSeleccionada.data("price");
			var priceMin = opcionSeleccionada.data("price_min");
			var priceMinF = opcionSeleccionada.data("price_min_format");
			var fkPrice = opcionSeleccionada.data("fk_price");
			var fkTipoPrecio = opcionSeleccionada.data("fk_tipo_precio");

			$( "#qty_producto_line" ).val( qtyMin);
			$( "#qty_producto_line" ).data( "qty_min", qtyMin);
			$( "#qty_producto_line" ).data( "qty_multiplo", qtyMultiplo);
			$( "#qty_producto_line" ).data( "subprice", price);
			$( "#qty_producto_line" ).data( "price", price);
			$( "#qty_producto_line" ).data( "price_min", priceMin);
			$( "#qty_producto_line" ).data( "price_min_format", priceMinF);
			$( "#qty_producto_line" ).data( "fk_tipo_precio", fkTipoPrecio);
			$( "#qty_producto_line" ).data( "remise_percent", 0);


			if (qtyMultiplo > 1) {
				$( "#qty_producto_line" ).prop( "disabled", true );
			}
			else {
				$( "#qty_producto_line" ).prop( "disabled", false );
			}

			if (fkTipoPrecio == 2) {
				// Precios por escala no permiten el manejo de precios ni descuentos
				$( ".container-shopping-cart-update-line-change-discount").hide();
				$( ".container-shopping-cart-update-line-update-discount").hide();
			}
			else {
				$( "#inputp_shopping_cart_update_line_update_discount" ).val(0);
				$( "#inputv_shopping_cart_update_line_update_discount" ).val(Math.round(price));
				$( ".container-shopping-cart-update-line-change-discount" ).hide();
				$( ".container-shopping-cart-update-line-update-discount").show();
			}

			// Oculta el div línea de descuentos
			if (fkTipoPrecio == 4) {
				$(".container-show-descuentos").show();
			} else {
				$(".container-show-descuentos").hide();
			}

			$( "#clear_qty_line" ).hide();
			activa_update_product();
		});

		$('#price_select_line').next('.select2-container').find('.select2-selection').css('background-color', '');
	}
	else {
		console.log("NO Se encontraron precios");
		$('#price_select_line').append('<option value="-1">Sin precio definido</option>');
		$('#price_select_line').next('.select2-container').find('.select2-selection').css('background-color', 'pink');
		$( "#qty_producto_line" ).attr( "disabled", true);
		$( "#qty_producto_line" ).val( "" );
		inactiva_update_product();
	}

	// Eventos de aumentar y disminuir la Cantidad
	$( "#up_qty_line" ).on( "click", function() {
		console.log("2. Aumento la cantidad en " + $( "#qty_producto_line" ).data( "qty_multiplo" ));
		console.log("La cantidad mínima es: " + $( "#qty_producto_line" ).data( "qty_min" ));
		var elementType = $( ".operation-select" ).data("element_type");
		var qtyMin = $( "#qty_producto" ).data( "qty_min" );

		$( "#clear_qty_line" ).show();

		var qty = parseInt($("#qty_producto_line").val());
		var qty_multiplo = parseInt($("#qty_producto_line").data("qty_multiplo"));

		var new_qty_line = qty + qty_multiplo;

		// Se generan controles en las unidades adicionadas, según sea el tipo de documento
		switch (elementType) {
			case 'muestra':
				// La cantidad máxima es la unidad mínima de venta
				if (new_qty_line > qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para las muestras no se permite cantidades superiores a la unidad mínima de venta.';
					msjStandard(mensaje, modalUpdatePrecio, true);
					new_qty_line = qtyMin;
				}
				break;
			case 'obsequio':
				// La cantidad máxima es la unidad mínima de venta
				if (new_qty_line > qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para los obsequios no se permite cantidades superiores a la unidad mínima de venta.';
					msjStandard(mensaje, modalUpdatePrecio, true);
					new_qty_line = qtyMin;
				}
				// No se controla cantidad máxima
				break;
			case 'canjebono':
				// No se controla cantidad máxima
				break;
			case 'bonoskpis':
				// La cantidad máxima es la unidad mínima de venta
				/*****
				*	Se define que para todos lo productos que se dejen agregar (unidad mínima de venta <= 2), se deja como límite 2 unidades
				*	donilla. 7/mar/2025
				*****/
				if (new_qty_line > 2) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para el canje de bonos por KPIs no se permite cantidades superiores a 2 unidades';
					msjStandard(mensaje, modalUpdatePrecio, true);
					new_qty_line = 2;
				}
				break;
		}

		$( "#qty_producto_line" ).val( new_qty_line ).trigger('input');

	});

	$( "#down_qty_line" ).on( "click", function() {
		console.log("Disminuyo la cantidad en " + $( "#qty_producto_line" ).data( "qty_multiplo" ));
		var elementType = $( ".operation-select" ).data("element_type");
		var qtyMin = $( "#qty_producto_line" ).data( "qty_min" );

		$( "#clear_qty_line" ).show();

		var qty = parseInt($("#qty_producto_line").val());
		var qty_multiplo = parseInt($("#qty_producto_line").data("qty_multiplo"));

		var new_qty_line = qty - qty_multiplo;

		// Se generan controles en las unidades restadas, según sea el tipo de documento
		switch (elementType) {
			case 'commande':
				// La cantidad mínima es la unidad mínima de venta
				if (new_qty_line < qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'No se permiten menos unidades de la cantidad mínima';
					msjStandard(mensaje, modalUpdatePrecio, true);
					new_qty_line = qtyMin;
				}
				break;
			case 'bonoskpis':
				// La cantidad máxima es la unidad mínima de venta
				if (new_qty_line < qtyMin) {
					// Se muestra mensaje informando al usuario la excepción
					mensaje = 'Para el canje de bonos por KPIs no se permite cantidades inferiores a la unidad mínima de venta.';
					msjStandard(mensaje, modalUpdatePrecio, true);
					new_qty_line = qtyMin;
				}
				break;
		}

		$( "#qty_producto_line" ).val( new_qty_line ).trigger('input');
	});

	// Se modifica la cantidad de producto -- Para inactivar el add_product si no hay dato de cantidad
	$( "#qty_producto_line" ).on( "input", function() {
		console.log("se está cambiando: ", $(this).attr('id'))
		var elementType = $( ".operation-select" ).data("element_type");
		var qtyMin =  $( "#qty_producto_line" ).data( "qty_min" );

		if ( $( this).val() < 0 ) {
			$( this ).val(0)
		}

		if (elementType == 'commande') {
			if ( $( this ).val() < qtyMin ) {
				mensaje = 'No se permiten menos unidades de la cantidad mínima';
				msjStandard(mensaje, modalUpdatePrecio, true);
				$( this ).val( qtyMin ).trigger( 'change' );
				return false;
			}
		}
		else if (elementType == 'muestra') {
			if ( $( this ).val() > qtyMin ) {
				mensaje = 'Para las muestras no se permite cantidades superiores a la unidad mínima de venta.';
				msjStandard(mensaje, modalUpdatePrecio, true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else if (elementType == 'obsequio') {
			if ( $( this ).val() > qtyMin ) {
				mensaje = 'Para los obsequios no se permite cantidades superiores a la unidad mínima de venta.';
				msjStandard(mensaje, modalUpdatePrecio, true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else if (elementType == 'bonoskpis') {
			/*****
			*	Se define que para todos lo productos que se dejen agregar (unidad mínima de venta <= 2), se deja como límite 2 unidades
			*	donilla. 7/mar/2025
			*****/
			if ($( this).val() > 2) {
				mensaje = 'Para el canje de bonos por KPIs no se permite cantidades superiores a 2 unidades';
				msjStandard(mensaje, $( this).closest( '.font-window-message' ).closest( '.ui-dialog') , true);
				$( this ).val( 2 ).trigger( 'change' );
				return false;
			}
			if ($( this).val() < qtyMin) {
				mensaje = 'Para el canje de bonos por KPIs no se permite cantidades inferiores a la unidad mínima de venta.';
				msjStandard(mensaje, $( this).closest( '.font-window-message' ).closest( '.ui-dialog'), true);
				$( this ).val( qtyMin).trigger( 'change' );
				return false;
			}
		}
		else {
			if ( $( this ).val() < $( "#qty_producto_line" ).data( "qty_min" ) ) {
				inactiva_add_product(1);
			}
			else {
				activa_add_product();
			}
		}
	})

	// Se blanquea el dato de cantidad del producto
	$( "#clear_qty_line" ).on( "click", function() {
		$( "#clear_qty_line" ).hide();
		$( "#qty_producto_line" ).val( $( "#qty_producto_line" ).data( "qty_min" ) );
		$( "#qty_producto_line" ).focus();
		activa_update_product();
	})

	// Se selecciona n nivel de precios

}

/**
 * Guarda los archivos de reposición adjuntos a un producto del carro de compras.
 *
 * @function save_attach_reposicion
 * @param {FileList} reposicion_attach - Lista de archivos seleccionados (imágenes).
 * @param {number} fkShoppingCart - ID del carro de compras.
 * @param {number} fkShoppingCartDet - ID del detalle del carro de compras.
 * @param {number} fkProduct - ID del producto asociado.
 * @returns {Promise<Object>} Una promesa que se resuelve con la respuesta del servidor si la subida es exitosa.
 *                            En caso de error, la promesa se rechaza con un mensaje de error.
 *
 * @description
 * Esta función construye un objeto FormData con los archivos seleccionados y los IDs relacionados.
 * Realiza una petición AJAX al archivo 'shopping_cart.php' utilizando la función `call_ajax_fetch`,
 * y envía los archivos al backend junto con un token de seguridad.
 *
 * Consideraciones:
 * - Los archivos deben ser validados previamente (tipo imagen y tamaño máximo).
 * - El backend debe estar preparado para manejar múltiples archivos bajo el campo 'reposicion_attach[]'.
 */
function save_attach_reposicion(reposicion_attach, fkShoppingCart, fkShoppingCartDet, fkProduct) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'save_attach_reposicion');
    fd.append('fk_shopping_cart', fkShoppingCart);
    fd.append('fk_product', fkProduct);
    fd.append('fk_shopping_cart_det', fkShoppingCartDet);
    fd.append('token', '');
	fd.append('fk_soc', fkSoc);

    const checkboxesMarcados = $('.image-checkbox:checked');

    for (let i = 0; i < reposicion_attach.length; i++) {
        const file = reposicion_attach[i];
        let filename = '';
        let indexFinal = null;

        // Buscar el checkbox marcado que tenga data-index válido
        checkboxesMarcados.each(function () {
            const idx = $(this).data('index');
            const name = $(this).data('filename');
            if (indexFinal === null && (idx !== null && idx !== undefined)) {
                indexFinal = idx;
                if (name) {
                    filename = name;
                }
            }
        });

        // Si no hay filename, generarlo con índice
        if (!filename) {
            const ext = file.name.split('.').pop();
            indexFinal = (indexFinal !== null) ? indexFinal : i;
            filename = `${fkProduct}_${indexFinal}.${ext}`;
        }

        console.log("Adjuntando archivo:", filename);

        fd.append('reposicion_attach[]', new File([file], filename, { type: file.type }));
    }

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}

/**
 * Marca un líena para determinar si debe llevar o no adjunto
 *
 * @function mark_attach_reposicion
 * @param {number} fkShoppingCart - ID del carro de compras.
 * @param {number} fkProduct - ID del producto asociado.
 * @returns {Promise<Object>} Una promesa que se resuelve con la respuesta del servidor si la subida es exitosa.
 *                            En caso de error, la promesa se rechaza con un mensaje de error.
 *
 * @description
 * Esta función construye un objeto FormData con los archivos seleccionados y los IDs relacionados.
 * Realiza una petición AJAX al archivo 'shopping_cart.php' utilizando la función `call_ajax_fetch`,
 * y determina si si la linea tiene o no adjunto.
 *
 * Consideraciones:
 * - El backend debe estar preparado para manejar múltiples archivos bajo el campo 'reposicion_attach[]'.
 */
function mark_attach_reposicion(fkShoppingCartDet, mark) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'mark_attach_reposicion');
    fd.append('fk_shopping_cart_det', fkShoppingCartDet);
    fd.append('mark', mark);
    fd.append('token', '');
	fd.append('fk_soc', fkSoc);

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}

/**
 * Obtiene los archivos de reposición adjuntos a un producto del carro de compras.
 *
 * @function get_attach_reposicion
 * @param {number} fkShoppingCart - ID del carro de compras.
 * @param {number} fkProduct - ID del producto asociado.
 * @returns {Promise<Object>} Una promesa que se resuelve con la respuesta del servidor si la subida es exitosa.
 *                            En caso de error, la promesa se rechaza con un mensaje de error.
 *
 * @description
 * Esta función construye un objeto FormData con los archivos seleccionados y los IDs relacionados.
 * Realiza una petición AJAX al archivo 'shopping_cart.php' utilizando la función `call_ajax_fetch`,
 * y envía los archivos al backend junto con un token de seguridad.
 *
 * Consideraciones:
 * - Los archivos deben ser validados previamente (tipo imagen y tamaño máximo).
 * - El backend debe estar preparado para manejar múltiples archivos bajo el campo 'reposicion_attach[]'.
 */
function get_attach_reposicion(fkShoppingCart, fkProduct) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'get_attach_reposicion');
    fd.append('fk_shopping_cart', fkShoppingCart);
    fd.append('fk_product', fkProduct);
	fd.append('fk_soc', fkSoc);

    fd.append('token', '');

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}

/**
 * Obtiene los archivos de reposición adjuntos a un producto del carro de compras.
 *
 * @function get_attach_reposicion_lost
 * @param {number} fkShoppingCart - ID del carro de compras.
 * @param {number} fkProduct - ID del producto asociado.
 * @returns {Promise<Object>} Una promesa que se resuelve con la respuesta del servidor si la subida es exitosa.
 *                            En caso de error, la promesa se rechaza con un mensaje de error.
 *
 * @description
 * Esta función construye un objeto FormData con los archivos seleccionados y los IDs relacionados.
 * Realiza una petición AJAX al archivo 'shopping_cart.php' utilizando la función `call_ajax_fetch`,
 * y envía los archivos al backend junto con un token de seguridad.
 *
 * Consideraciones:
 * - Los archivos deben ser validados previamente (tipo imagen y tamaño máximo).
 * - El backend debe estar preparado para manejar múltiples archivos bajo el campo 'reposicion_attach[]'.
 */
function get_attach_reposicion_lost(fkShoppingCart) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'get_attach_reposicion_lost');
    fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('fk_soc', fkSoc);
    // fd.append('fk_product', fkProduct);

    fd.append('token', '');

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}

function delete_attach_reposicion(fkShoppingCart, fkshoppingcartdet, filename, fkProduct) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'delete_attach_reposicion');
    fd.append('fk_shopping_cart', fkShoppingCart);
    fd.append('fk_shopping_cartdet', fkshoppingcartdet);
    fd.append('filename', filename);
	fd.append('fk_product', fkProduct);
	fd.append('fk_soc', fkSoc);

    fd.append('token', '');

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}

function delete_attach_reposicion_lost(fkShoppingCart,  filename) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'delete_attach_reposicion_lost');
    fd.append('fk_shopping_cart', fkShoppingCart);
    fd.append('filename', filename);
	fd.append('fk_soc', fkSoc);

    fd.append('token', '');

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}

/**
 * Guarda los archivos de reposición adjuntos a un carro de compras.
 *
 * @function save_attach_perdida
 * @param {FileList} reposicion_attach - Lista de archivos seleccionados (imágenes).
 * @param {number} fkShoppingCart - ID del carro de compras.
 * @returns {Promise<Object>} Una promesa que se resuelve con la respuesta del servidor si la subida es exitosa.
 *                            En caso de error, la promesa se rechaza con un mensaje de error.
 *
 * @description
 * Esta función construye un objeto FormData con los archivos seleccionados y los IDs relacionados.
 * Realiza una petición AJAX al archivo 'shopping_cart.php' utilizando la función `call_ajax_fetch`,
 * y envía los archivos al backend junto con un token de seguridad.
 *
 * Consideraciones:
 * - Los archivos deben ser validados previamente (tipo imagen y tamaño máximo).
 * - El backend debe estar preparado para manejar múltiples archivos bajo el campo 'reposicion_attach[]'.
 */
function save_attach_perdida(reposicion_attach, fkShoppingCart) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
    const fd = new FormData();
    fd.append('action', 'save_attach_perdida');
    fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

    const checkboxesMarcados = $('.image-checkbox:checked');

    for (let i = 0; i < reposicion_attach.length; i++) {
        const file = reposicion_attach[i];
        let filename = '';
        let indexFinal = null;

        // Buscar el checkbox marcado que tenga data-index válido
        checkboxesMarcados.each(function () {
            const idx = $(this).data('index');
            const name = $(this).data('filename');
            if (indexFinal === null && (idx !== null && idx !== undefined)) {
                indexFinal = idx;
                if (name) {
                    filename = name;
                }
            }
        });

        // Si no hay filename, generarlo con índice
        if (!filename) {
            const ext = file.name.split('.').pop();
            indexFinal = (indexFinal !== null) ? indexFinal : i;
            filename = `${fkShoppingCart}_${indexFinal}.${ext}`;
        }

        console.log("Adjuntando archivo:", filename);

        fd.append('reposicion_attach[]', new File([file], filename, { type: file.type }));
    }

    return new Promise((resolve, reject) => {
        call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
            if (data) {
                resolve(data);
            } else {
                reject("Error en la petición AJAX");
            }
        });
    });
}


/**
 * Adjuntar Imágenes al Producto en el Carro de Compras
 * -----------------------------------------------------
 * Este bloque implementa la funcionalidad para que el vendedor pueda adjuntar
 * hasta 3 imágenes (tipo imagen/*) a un producto en el detalle del carro de compras.
 *
 * Características principales:
 * - Permite múltiples archivos de imagen (.jpg, .png, .gif, etc.)
 * - Valida el tipo MIME y el tamaño (máximo 2MB por imagen)
 * - Muestra vista previa de cada imagen seleccionada
 * - Usa jQuery UI Dialog para presentar el modal de carga
 * - Desactiva el botón "Guardar" mientras se suben los archivos
 * - Cambia el ícono visualmente al completar la carga
 *
 * Restricciones:
 * - No permite más de 3 imágenes
 * - Solo se aceptan archivos tipo imagen/*
 */

$(document).off('click', '.cointainer-shopping-cart-body-attachment').on('click', '.cointainer-shopping-cart-body-attachment', function () {
	const fkShoppingCart = $(".operation-select").data("fk_shopping_cart");
	const fkShoppingCartDet = $(this).closest('.cointainer-shopping-cart-body-line-detail').data('fk_shopping_cartdet');
	const fkProduct = $(this).closest(".cointainer-shopping-cart-body-line-detail").data("fk_product");
	const label = $(this).closest(".cointainer-shopping-cart-body-line-detail").data("label");
	const $clickedAttachment = $(this);

	const modalAttachRequisicion = $('<div>', { class: "modal-attach-requisicion" });
	const attachRequisicionContainer = $('<div>', { class: "attach-requisicion-container" });

	const attachRequisicionInput = $('<input>', {
		type: "file",
		id: "attach_requisicion",
		name: "reposicion_attach[]",
		accept: "image/*",
		multiple: true
	});

	const previewsContainer = $('<div>', {
		id: 'image_previews',
		css: {
			display: 'flex',
			flexDirection: 'column',
			gap: '10px',
			marginTop: '10px'
		}
	});

	// Vista previa al hacer clic
	previewsContainer.on('click', 'img', function () {
		const imgSrc = $(this).attr('src');
		const modalImage = $('<div>').append(
			$('<img>', {
				src: imgSrc,
				css: { maxWidth: '100%', maxHeight: '80vh' }
			})
		);
		modalImage.dialog({
			modal: true,
			width: 'auto',
			height: 'auto',
			title: 'Vista previa de imagen',
			closeText: 'Cerrar'
		});
	});

	// Cargar nuevas imágenes
	attachRequisicionInput.on('change', function () {
		const files = this.files;
		if (!files.length) return;

		const totalImages = previewsContainer.find('img').length;
		if ((totalImages + files.length) > 3) {
			let mensaje = '';
			if (totalImages === 0) {
				mensaje = 'No hay imágenes, solo puedes agregar 3 más.';
			} else {
				mensaje = `Ya hay ${totalImages} imagen(es). Solo puedes agregar ${3 - totalImages} más.`;
			}
			alert(mensaje);
			$(this).val('');
			return;
		}


		for (let i = 0; i < files.length && (totalImages + i) < 3; i++) {
			const file = files[i];
			if (!file.type.startsWith('image/')) continue;
			if (file.size > 2 * 1024 * 1024) continue;

			const reader = new FileReader();
			reader.onload = function (e) {
				const img = $('<img>', {
					src: e.target.result,
					css: {
						maxWidth: '100px',
						maxHeight: '100px',
						borderRadius: '4px',
						boxShadow: '0 0 4px rgba(0,0,0,0.3)',
						cursor: 'pointer'
					}
				});
				previewsContainer.append(img);
			};
			reader.readAsDataURL(file);
		}
	});

	// Insertar en modal
	attachRequisicionContainer.append(attachRequisicionInput, previewsContainer);
	modalAttachRequisicion.append(attachRequisicionContainer);

	modalAttachRequisicion.dialog({
		modal: true,
		width: 'auto',
		height: 'auto',
		title: "Adjuntar hasta 3 imágenes del producto",
		open: function () {
			$(this).css({ overflow: 'hidden', width: '40vw', height: 'auto' });
			$(this).dialog('widget').position({ my: 'center', at: 'center', of: $(window) });
			$(this).prev('.ui-dialog-titlebar').find('.ui-dialog-titlebar-close').hide();
			$('.ui-widget-overlay').css({ backgroundColor: 'grey', opacity: 0.6 });
			$(this).closest('.ui-dialog').css({ borderRadius: '10px', position: 'fixed' });
			$(this).parent().find('.ui-dialog-buttonset').addClass('font-window-message');
			$(this).prev('.ui-dialog-titlebar').find('.ui-dialog-title').addClass('font-window-message');

			// Cargar imágenes actuales (solo para mostrar)
			get_attach_reposicion(fkShoppingCart, fkProduct)
				.then((data) => {
					if (data.arrayImagenes && data.arrayImagenes.length > 0) {
						previewsContainer.append('<p style="width:100%;font-weight:bold;margin:0;">Imágenes guardadas:</p>');
						data.arrayImagenes.forEach((imagen) => {
						const imageWrapper = $('<div>', {
							css: {
								display: 'flex',
								alignItems: 'center',
								gap: '8px'
							}
						});

						const img = $('<img>', {
							src: imagen.url,
							title: imagen.filename,
							css: {
								maxWidth: '100px',
								maxHeight: '100px',
								borderRadius: '4px',
								boxShadow: '0 0 4px rgba(0,0,0,0.3)',
								cursor: 'pointer'
							}
						});

						const trashIcon = $('<i>', {
							class: 'fa fa-trash text-danger',
							title: 'Eliminar imagen',
							css: {
								cursor: 'pointer',
								fontSize: '18px'
							},
							click: function () {
								if (confirm('¿Desea eliminar esta imagen?')) {
									delete_attach_reposicion(fkShoppingCart, fkShoppingCartDet, imagen.filename, fkProduct)
										.then(() => {
											imageWrapper.remove();
										})
										.catch((error) => {
											console.error('Error al eliminar la imagen:', error);
											alert('Ocurrió un error al eliminar la imagen.');
										});
								}
							}
						});

						imageWrapper.append(img, trashIcon);
						previewsContainer.append(imageWrapper);
					});
					}
				})
				.catch((error) => {
					console.error("Error al obtener los archivos adjuntos:", error);
				});
		},
		close: function () {
			$('#attach_requisicion').val('');
			$('#image_previews').empty();
			$(this).parent().find('.ui-dialog-buttonset').removeClass('font-window-message');
			$(this).dialog('destroy');
		},
		buttons: [
			{
				text: "Guardar",
				click: function () {
					const $btn = $(this).parent().find("button:contains('Guardar')");
					$btn.prop("disabled", true);

					const files = $('#attach_requisicion')[0].files;
					if (!files.length) {
						alert("Debe seleccionar al menos una imagen.");
						$btn.prop("disabled", false);
						return;
					}
					if (files.length > 3) {
						alert("Solo se permiten máximo 3 imágenes.");
						$btn.prop("disabled", false);
						return;
					}

					if (!confirm(`¿Está seguro de que desea guardar las imágenes para el producto ${label}?`)) {
						$btn.prop("disabled", false);
						return;
					}

					// Guardar
					save_attach_reposicion(files, fkShoppingCart, fkShoppingCartDet, fkProduct)
						.then(() => {
							$clickedAttachment.find("i.fa-paperclip")
								.removeClass("text-danger")
								.addClass("text-success");
							$(this).dialog("destroy");
						})
						.catch((error) => {
							console.error(error);
						})
						.finally(() => {
							$btn.prop("disabled", false);
						});
				}
			},
			{
				text: "Cerrar",
				click: function () {
					$(this).dialog("destroy");
				}
			}
		]
	});
});


/**
 * Función para adjuntar reposición perdida a un carro de compras.
 * Esta función se invoca cuando se hace clic en el botón de adjuntar reposición.
 */
$(document).off('click', '#add_attachment_reposicion').on('click', '#add_attachment_reposicion', function () {
	console.log("Se invoca la función attach_lost_reposicion");

	const fkShoppingCart = $(".operation-select").data("fk_shopping_cart");
	const $clickedAttachment = $(this);
	const modalLostAttachRequisicion = $('<div>', { class: "modal-attach-lost-requisicion" });
	const attachLostRequisicionContainer = $('<div>', { class: "attach-requisicion-lost-container" });

	// Input para múltiples archivos
	const attachLostRequisicionInput = $('<input>', {
		type: "file",
		id: "attach_lost_requisicion",
		name: "lost_reposicion_attach[]",
		accept: "image/*",
		multiple: true
	});

	// Contenedor para múltiples vistas previas
	const previewsContainer = $('<div>', {
		id: 'lost_image_previews',
		css: {
			display: 'flex',
			flexDirection: 'column',
			gap: '10px',
			marginTop: '10px'
		}
	});

	const modalInformationTexto = $('<div>', {
		class: 'modal-attach-info-warning-box'
	}).append(
		$('<p>', {
			text: '⚠️ Recuerde que en caso de reportar pérdida o robo debe adjuntar la evidencia (denuncia) y/o en caso de solicitar reposición debe adjuntar la autorización de descuento.',
			css: {
				margin: 0
			}
		})
	);

	// Vista previa al hacer clic
	previewsContainer.on('click', 'img', function () {
		const imgSrc = $(this).attr('src');
		const modalImage = $('<div>').append(
			$('<img>', {
				src: imgSrc,
				css: { maxWidth: '100%', maxHeight: '80vh' }
			})
		);
		modalImage.dialog({
			modal: true,
			width: 'auto',
			height: 'auto',
			title: 'Vista previa de imagen',
			closeText: 'Cerrar'
		});
	});

	const MAX_IMAGES_ALLOWED = 2; // Puedes cambiarlo según lo necesites

	// Cargar nuevas imágenes
	attachLostRequisicionInput.on('change', function () {
		const files = this.files;
		if (!files.length) return;

		const totalImages = previewsContainer.find('img').length;
		const availableSlots = MAX_IMAGES_ALLOWED - totalImages;

		if (availableSlots <= 0) {
			alert(`Ya has agregado el máximo de ${MAX_IMAGES_ALLOWED} imágenes.`);
			$(this).val('');
			return;
		}

		if (files.length > availableSlots) {
			alert(`Solo puedes agregar ${availableSlots} imagen(es) más.`);
			$(this).val('');
			return;
		}

		for (let i = 0; i < files.length; i++) {
			const file = files[i];
			if (!file.type.startsWith('image/')) continue;
			if (file.size > 2 * 1024 * 1024) continue;

			const reader = new FileReader();
			reader.onload = function (e) {
				const img = $('<img>', {
					src: e.target.result,
					css: {
						maxWidth: '100px',
						maxHeight: '100px',
						borderRadius: '4px',
						boxShadow: '0 0 4px rgba(0,0,0,0.3)',
						cursor: 'pointer'
					}
				});
				previewsContainer.append(img);
			};
			reader.readAsDataURL(file);
		}
	});

	attachLostRequisicionContainer.append(
		attachLostRequisicionInput,
		modalInformationTexto,
		previewsContainer
	);
	modalLostAttachRequisicion.append(attachLostRequisicionContainer);

	modalLostAttachRequisicion.dialog({
		modal: true,
		width: 'auto',
		height: 'auto',
		title: "Adjuntar hasta 2 imágenes a la reposición",
		open: function () {
			$(this).css({ overflow: 'hidden', width: '40vw', height: 'auto' });
			$(this).dialog('widget').position({ my: 'center', at: 'center', of: $(window) });
			$(this).prev('.ui-dialog-titlebar').find('.ui-dialog-titlebar-close').hide();
			$('.ui-widget-overlay').css({ backgroundColor: 'grey', opacity: 0.6 });
			$(this).closest('.ui-dialog').css({ borderRadius: '10px', position: 'fixed' });
			$(this).parent().find('.ui-dialog-buttonset').addClass('font-window-message');
			$(this).prev('.ui-dialog-titlebar').find('.ui-dialog-title').addClass('font-window-message');

			get_attach_reposicion_lost(fkShoppingCart)
				.then((data) => {
					if (data.arrayImagenes && data.arrayImagenes.length > 0) {
						previewsContainer.append('<p style="width:100%;font-weight:bold;margin:0;">Imágenes guardadas:</p>');
						data.arrayImagenes.forEach((imagen) => {
						const imageWrapper = $('<div>', {
							css: {
								display: 'flex',
								alignItems: 'center',
								gap: '8px'
							}
						});

						const img = $('<img>', {
							src: imagen.url,
							title: imagen.filename,
							css: {
								maxWidth: '100px',
								maxHeight: '100px',
								borderRadius: '4px',
								boxShadow: '0 0 4px rgba(0,0,0,0.3)',
								cursor: 'pointer'
							}
						});

						const trashIcon = $('<i>', {
							class: 'fa fa-trash text-danger',
							title: 'Eliminar imagen',
							css: {
								cursor: 'pointer',
								fontSize: '18px'
							},
							click: function () {
								if (confirm('¿Desea eliminar esta imagen?')) {
									delete_attach_reposicion_lost(fkShoppingCart, imagen.filename)
										.then(() => {
											imageWrapper.remove();
										})
										.catch((error) => {
											console.error('Error al eliminar la imagen:', error);
											alert('Ocurrió un error al eliminar la imagen.');
										});
								}
							}
						});

						imageWrapper.append(img, trashIcon);
						previewsContainer.append(imageWrapper);
					});
					}
				})
				.catch((error) => {
					console.error("Error al obtener los archivos adjuntos:", error);
				});
		},
		close: function () {
			$('#attach_lost_requisicion').val('');
			$('#lost_image_previews').empty();
			$(this).parent().find('.ui-dialog-buttonset').removeClass('font-window-message');
			$(this).dialog('destroy');
		},
		buttons: [
			{
				text: "Guardar",
				click: function () {
					const $btn = $(this).parent().find("button:contains('Guardar')");
					$btn.prop("disabled", true);

					const files = $('#attach_lost_requisicion')[0].files;
					if (!files.length) {
						alert("Debe seleccionar al menos una imagen.");
						$btn.prop("disabled", false);
						return;
					}

					if (files.length > 3) {
						alert("Solo se permiten máximo 3 imágenes.");
						$btn.prop("disabled", false);
						return;
					}

					if (!confirm("¿Está seguro de que desea guardar las imágenes para la Reposición ?")) {
						$btn.prop("disabled", false);
						return;
					}

					save_attach_perdida(files, fkShoppingCart)
						.then(() => {
							$clickedAttachment.find("i.fa-paperclip")
								.removeClass("text-danger")
								.addClass("text-success");
							$(this).dialog("destroy");
						})
						.catch((error) => {
							console.error(error);
						})
						.finally(() => {
							$btn.prop("disabled", false);
						});
					}

			},
			{
				text: "Cerrar",
				click: function () {
					$(this).dialog("destroy");
				}
			}
		]
	});
});

function activa_add_product(noincluye_btns=0) {
	$( "#add_product, #add_gift" ).removeClass( "icono-inactivo" )
	$( "#add_product, #add_gift" ).addClass( "icono-activo" )
	if (noincluye_btns == 1) {
		return;
	}
	muestra_btns_qty();
}

function inactiva_add_product(noincluye_btns=0) {
	$( "#add_product, #add_gift" ).removeClass( "icono-activo" )
	$( "#add_product, #add_gift" ).addClass( "icono-inactivo" )
	if (noincluye_btns == 1) {
		return;
	}
	oculta_btns_qty();
}

function oculta_btns_qty() {
	$( "#up_qty, #down_qty" ).css( "visibility", "hidden");
}

function muestra_btns_qty() {
	$( "#up_qty, #down_qty" ).css( "visibility", "visible");
}


function activa_update_product(noincluye_btns=0) {
	$( "#btn_update_price" ).button("option", "disabled", false);
	if (noincluye_btns == 1) {
		return;
	}
	muestra_btns_qty_line();
}

function inactiva_update_product(noincluye_btns=0) {
	$( "#btn_update_price" ).button("option", "disabled", true);
	if (noincluye_btns == 1) {
		return;
	}
	oculta_btns_qty_line();
}

function oculta_btns_qty_line() {
	$( "#up_qty_line, #down_qty_line" ).css( "visibility", "hidden");
}

function muestra_btns_qty_line() {
	$( "#up_qty_line, #down_qty_line" ).css( "visibility", "visible");
}

function add_product_to_shopping_cart_modal(fkShoppingCart, fkPrice, qty_producto, remise_percent, gift=0) {
	const $father = $('.active-price-select-modal').closest('.father');
	$('.father').removeClass('father-active');
	$father.find('.qty-producto-modal').prop('readonly', true);
	$father.find('.remise-percent-modal').prop('readonly', true);
	$father.find('.down-qty-modal').remove();
	$father.find('.up-qty-modal').remove();
	$father.find('.add-product-modal').remove();
	$father.find('.add-gift-modal').remove();
	$father.find('.price-select-modal').prop('disabled', true);
	$father.addClass('father-highlight');
	const fkProduct = $('.active-price-select-modal').data("fk_product");
	const fkSoc = $( ".current-customer-info" ).data("fk_soc");
	const elementtype = $( ".icon-doc-shopping-cart-selected" ).data( "elementtype" );
	let productoEnCarro = 0;

	$.each($(".cointainer-shopping-cart-body-line-detail"), function(key, valor) {
		console.log("valor: ", $(valor).data("fk_product"));
		if ( $(valor).data("fk_product") == fkProduct) {
			productoEnCarro = 1;
			return false;
		}
	});

	if (productoEnCarro == 1) {
		if (elementtype == 'muestra') {
			msjStandard( 'El producto ya se encuentra incluido en el carro de compras y por ser una muestra no se permite incluir nuevamente.</br></br>Favor verificar');
			return false;
		}
		else if (elementtype == 'obsequio') {
			msjStandard( 'El producto ya se encuentra incluido en el carro de compras y por ser un obsequio no se permite incluir nuevamente.</br></br>Favor verificar');
			return false;
		}
		else if (elementtype == 'canjeados' || elementtype == 'bonoskpis') {
			msjStandard( 'El producto ya se encuentra incluido en el carro de compras y por ser un canje de bonos no se permite incluir nuevamente.</br></br>Favor verificar');
			return false;
		}

		//* Se presenta una ventana de alerta para saber si el usuario quiere agregar unidades
		let modalConfirma = $('<div>', {
			class: "font-window-message"
			, html: 'El producto ya se encuentra incluido en el carro de compras.</br></br>Está seguro de querer incluir unidades al producto?'
		});

		modalConfirma.dialog({
			modal: true
			, width: innerWidth * 0.4
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				modalConfirma.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				$( "#btn_no_delete_product" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
				modalConfirma.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalConfirma.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
			}
			, close: function() {
				modalConfirma.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalConfirma.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Sí"
					, id: "btn_yes_delete_product"
					, click: function() {
						const fd = new FormData();
						fd.append('action', 'add_product');
						fd.append('token', '');
						fd.append('fk_shopping_cart', fkShoppingCart);
						fd.append('fk_price', fkPrice);
						fd.append('fk_product', fkProduct);
						fd.append('fk_soc', fkSoc);
						fd.append('qty', qty_producto);
						fd.append('remise_percent', remise_percent);
						fd.append('is_gift', gift);
						fd.append('element_type', elementtype);

						call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, add_product_to_cart_line_modal);
						modalConfirma.dialog( "close" );
					}
				}
				, {
					text: "No"
					, id: "btn_no_delete_product"
					, click: function() {
						modalConfirma.dialog( "close" );
					}
				}
			]
		});
	} else {
		//console.log("Se fue por el else");
		tipoDocumento = $( ".operation-select" ).data("element_type");
		tipoBono = 0;
		if (tipoDocumento == 'canjebono') {
			tipoBono = 2;
		}
		else if (tipoDocumento == 'bonoskpis') {
			tipoBono = 3;
		}

		const fd = new FormData();
		fd.append('action', 'add_product');
		fd.append('token', '');
		fd.append('fk_shopping_cart', fkShoppingCart);
		fd.append('fk_price', fkPrice);
		fd.append('fk_product', fkProduct);
		fd.append('fk_soc', fkSoc);
		fd.append('qty', qty_producto);
		fd.append('remise_percent', remise_percent);
		fd.append('is_gift', gift);
		fd.append('element_type', elementtype);
		fd.append('tipo_bono', tipoBono);

		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, add_product_to_cart_line_modal);
	}
	$('.icon-doc-shopping-cart-selected').trigger('click');
}

function add_product_to_shopping_cart(fkShoppingCart, fkPrice, qty_producto, remise_percent, gift=0) {
	var fkProduct = $( "#nom_producto" ).data("fk_product");
	var fkSoc = $( ".current-customer-info" ).data("fk_soc");
	var elementtype = $( ".icon-doc-shopping-cart-selected" ).data( "elementtype" );
	var productoEnCarro = 0;

	$.each($(".cointainer-shopping-cart-body-line-detail"), function(key, valor) {
		console.log("key: ", key);
		console.log("fkProduct: ", fkProduct);
		console.log("valor: ", $(valor).data("fk_product"));
		if ( $(valor).data("fk_product") == fkProduct) {
			productoEnCarro = 1;
			return false;
		}
	});

	if (productoEnCarro == 1) {
		/*****
		*	Si el tipo de documento es una muestra, no se permiten adicionar más unidades del producto, ya que la adición al carro
		*	de compras de este tipo de documentos, controla que no se ingrese más cantidad de las unidades mínimas de venta
		*	dbonilla. nov 2024.
		*****/
		if (elementtype == 'muestra') {
			msjStandard( 'El producto ya se encuentra incluido en el carro de compras y por ser una muestra no se permite incluir nuevamente.</br></br>Favor verificar');
			return false;
		}
		else if (elementtype == 'obsequio') {
			msjStandard( 'El producto ya se encuentra incluido en el carro de compras y por ser un obsequio no se permite incluir nuevamente.</br></br>Favor verificar');
			return false;
		}
		else if (elementtype == 'canjeados' || elementtype == 'bonoskpis') {
			msjStandard( 'El producto ya se encuentra incluido en el carro de compras y por ser un canje de bonos no se permite incluir nuevamente.</br></br>Favor verificar');
			return false;
		}

		//* Se presenta una ventana de alerta para saber si el usuario quiere agregar unidades
		var modalConfirma = $('<div>', {
			class: "font-window-message"
			, html: 'El producto ya se encuentra incluido en el carro de compras.</br></br>Está seguro de querer incluir unidades al producto?'
		});

		modalConfirma.dialog({
			modal: true
			, width: innerWidth * 0.4
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				modalConfirma.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				$( "#btn_no_delete_product" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
				modalConfirma.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalConfirma.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
			}
			, close: function() {
				modalConfirma.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalConfirma.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Sí"
					, id: "btn_yes_delete_product"
					, click: function() {
						const fd = new FormData();
						fd.append('action', 'add_product');
						fd.append('token', '');
						fd.append('fk_shopping_cart', fkShoppingCart);
						fd.append('fk_price', fkPrice);
						fd.append('fk_product', fkProduct);
						fd.append('fk_soc', fkSoc);
						fd.append('qty', qty_producto);
						fd.append('remise_percent', remisePercent);
						fd.append('is_gift', gift);
						fd.append('element_type', elementtype);

						call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, add_product_to_cart_line);
						modalConfirma.dialog( "close" );
					}
				}
				, {
					text: "No"
					, id: "btn_no_delete_product"
					, click: function() {
						modalConfirma.dialog( "close" );
					}
				}
			]
		});
	}
	else {
		tipoDocumento = $( ".operation-select" ).data("element_type");
		tipoBono = 0;
		if (tipoDocumento == 'canjebono') {
			tipoBono = 2;
		}
		else if (tipoDocumento == 'bonoskpis') {
			tipoBono = 3;
		}

		const fd = new FormData();
		fd.append('action', 'add_product');
		fd.append('token', '');
		fd.append('fk_shopping_cart', fkShoppingCart);
		fd.append('fk_price', fkPrice);
		fd.append('fk_product', fkProduct);
		fd.append('fk_soc', fkSoc);
		fd.append('qty', qty_producto);
		fd.append('remise_percent', remisePercent);
		fd.append('is_gift', gift);
		fd.append('element_type', elementtype);
		fd.append('tipo_bono', tipoBono);

		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, add_product_to_cart_line);
	}
}

function update_product(fkShoppingCartDet, newQty, newFkPrice, discountToPrice, remisePercent, description) {
	var fkShoppingCart = $( ".operation-select" ).data( "fk_shopping_cart" );
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

	const fd = new FormData();
	fd.append('action', 'update_product');
	fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('fk_shopping_cartdet', fkShoppingCartDet);
	fd.append('fk_price', newFkPrice);
	fd.append('qty', newQty);
	fd.append('discount_to_price', discountToPrice);
	fd.append('remise_percent', (remisePercent == undefined ? 0 : remisePercent));
	fd.append('description', description);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	// Cambiamos el callback de 'update_shopping_cart_line' a una función anónima
	// para asegurar que el refresh ocurra SOLO cuando el servidor termine con éxito.
	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, function(data) {
		if (data.error == 0) {
			// El servidor ya terminó y todo salió bien, ahora refrescamos visualmente
			$('.icon-doc-shopping-cart-selected').trigger('click');
			console.log("Actualización exitosa y vista refrescada.");
		} else {
			// Si hubo un error (ej. validación de stock), avisamos al usuario
			alert("Error al actualizar: " + data.mensaje);
		}
	});

	// ELIMINAMOS EL setTimeout, ya no es necesario porque el callback arriba
	// se encarga de esperar la respuesta real del servidor.
}

function createProductDetailElement(line, docStatus=0, numLines=0) {
	console.log("En createProductDetailElement el line:", line);
	// Rango
	var clase = "";
	if (numLines > 4) {
		clase = "cointainer-shopping-cart-body-rang-green";
	}
	else {
		clase = "cointainer-shopping-cart-body-rang-red";
	}
    var shoppingCartBodyActionDiv = $("<div>", {
        class:clase
		, html: '<label class="label-rang">' + line.rang + '</label>',
    });

	// Accion
	var shoppingCartHeaderActionslDiv = $( "<div>", {
		class: "cointainer-shopping-cart-header-actions edit add"
		}
	);

	if (docStatus == 0) {
		shoppingCartHeaderActionslDiv.append( $( "<i>", {
			class:"fa fa-trash delete-product"
		}));
	}

    // Label
	/*****
	*	Si, como lo hace Dolibarr, el label y la descripcion son distintas, se muestran las dos, sino se muestra sólo el label
	*****/
	console.log("line.label:", line.label);
	console.log("line.description:", line.description);
	label = line.label;
	if (line.label == line.description) {
		description = '';
	}
	else {
		description = line.description;
	}

	console.log("description:", description);

	var descripcion = line.ref + '<br/>' + line.label;

	var today = new Date();
	today.setHours(0, 0, 0, 0);

	const stock = 'Necesita revisión de Stock por BackOffice';

	var info_arrive = 'Producto agotado';
	var arriveDate = new Date(line.info_arrive);

	if (arriveDate >= today) {
		info_arrive = 'Próx. arribo ' + line.info_arrive;
	}

	if (description != '') {
		descripcion += ' - ' + description;
	}

	let date_reposicion = '';
	if (line.date_valid_reposicion) {
		date_reposicion = 'Fecha : ' + line.date_valid_reposicion + ' dias ' + line.dias_diferencia_reposicion;
	} else {
		date_reposicion = 'Fecha : No disponible';
	}

	var shoppingCartBodyLabelDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-label",
        html: descripcion
    });

	const shoppingCartBodyStockDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-stock text-danger",
		html:  stock,
		css: { visibility: "hidden" } // oculto pero conserva el espacio
	});

	// Validación adicional para marcar el pedido como revisión por stock
	if (line.tobuy == 1) {

		//let mayor = Math.max((line.qty_min * 2), line.qty);

		let porcentaje = 0;
		if (line.fk_tipo_precio == 4) {
			porcentaje = 0.25;
		}
		else {
			porcentaje = 0.10;
		}

		let mayor = Math.max((line.qty_min * 2),  (Number(line.prom_12m) * porcentaje));

		if (mayor < line.qty && line.suficiencia <= 6) {
			shoppingCartBodyStockDiv.css("visibility", "visible");
			update_mark_stock_shopping_cart_det(line.rowid, 1);
		}

		if (line.proyeccion == 1) {
			shoppingCartBodyStockDiv
			.removeClass("text-danger")
			.addClass("text-success");
		}
	}
	else {
		update_mark_stock_shopping_cart_det(line.rowid, 0);
	}

	if (line.prepedido == 1) {

		// Si YA está visible → solo agregar texto extra
		if (shoppingCartBodyStockDiv.css("visibility") === "visible") {

			shoppingCartBodyStockDiv.append(" - Texto adicional");

		} else {
			shoppingCartBodyStockDiv.css("visibility", "visible");

			// Evitar que se dispare el evento click removiendo la clase
			shoppingCartBodyStockDiv.removeClass("cointainer-shopping-cart-body-stock");

			shoppingCartBodyStockDiv.text("Prepedido: " + line.shopping_add_option_description);
		}
	}

	var shoppingCartBodyEtiquetaDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-etiqueta text-danger",
		html: info_arrive,
		css: { visibility: "hidden" } // oculto pero conserva el espacio
	});

	var shoppingCartBodyFechaReposicionDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-fecha-reposicion text-danger",
		html: date_reposicion
		// css: { display: "none" }
	});

	// Mostrar si la condición se cumple
	if (line.statut_suf == 3) {
		shoppingCartBodyEtiquetaDiv.css("visibility", "visible");
	}

    // Editar nivel de precios
	if (docStatus == 0) {
		var htmlContent =	'<i class="fa fa-edit edit-price-level"></i>';
		var textColor = "green";
		if (line.fk_price == null) {
			htmlContent = '<i class="fa fa-chain-broken edit-price-level"></i>';
			textColor = "orange";
		}
		if (line.gift == 1) {
			htmlContent = '<i class="fa fa-gift"></i>';
			textColor = "orange";
		}

		// Disponibilidad
		htmlContent = htmlContent + '<i class="fa fa-cube" style="color: ' + line.stock_color + '"></i>';
		htmlContent = htmlContent + '<i class="fa fa-info-circle info-product-card" id="info_product" data-fk_product="' + line.fk_product + '"></i>';
		htmlContent = htmlContent + '<i class="fa fa-arrow-circle-down product-family" data-fk_product="' + line.fk_product + '"></i>';

		// $( ".fa.fa-info-circle.info-product-card" ).data('fk_product', line.fk_product);

		var shoppingCartBodyPuDiv = $("<div>", {
			class: "cointainer-shopping-cart-body-pu",
			html: htmlContent,
			style: "color: " + textColor,
		});
	}
	else {
		var shoppingCartBodyPuDiv = $("<div>", {
			class: "cointainer-shopping-cart-body-pu",
		});
	}

    // Cantidad
	var shoppingCartBodyQtyDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-qty",
        text: line.qty,
    });

	// Precio
	var shoppingCartBodyPriceDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-price",
        text: line.subpricef,
    });

	// Descuento
	var shoppingCartBodyDiscountDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-discount",
        text: (line.gift==1?'':(line.remise_percent != ''?line.remise_percent + '%':'')),
    });

    // Total
	var shoppingCartBodyTotalDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-total",
        text: line.total_htf,
    });

    // Total TTC
	var shoppingCartBodyTotalTTCDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-total-ttc",
        text: line.total_ttcf,
    });

	// Determinar el color del ícono según si tiene adjunto o no
	var iconColorClass = (line.attach_file === "1") ? "text-success" : "text-danger";

	/*Permite determinar si se adjunta archivos */
	let shoppingCartBodyInputAttachmentDiv = $("<div>", {
	class: "cointainer-shopping-cart-body-input-attachment",
		html: `
			<label style="margin-left: 8px; display: flex; align-items: center; gap: 6px;">
				<input type="checkbox" class="cointainer-shopping-cart-body-attachment-checkbox" value="1" />
				<span style="font-size: 11px; color: #666;">Perdida o Robo</span>
			</label>
		`
	});

	let shoppingCartBodyAttachmentDiv = $( "<div>", {
		class: "cointainer-shopping-cart-body-attachment"
		, html: `<i class="fa fa-paperclip ${iconColorClass}"></i>`
	});

    // Linea donde se adiciona el detalle
	var shoppingCartRightDocLineDetailDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-line-detail"
		, "data-fk_shopping_cartdet": line.rowid
		, "data-fk_product": line.fk_product
		, "data-label": line.label
    });

	// Se evalua si el nivel de precios (fk_price) no está asignado, implica que el nivel de precios no está vigente ya
	if (line.fk_price == null) {
		shoppingCartBodyActionDiv.removeClass("cointainer-shopping-cart-body-rang-red");
		shoppingCartBodyActionDiv.removeClass("cointainer-shopping-cart-body-rang-green");
		shoppingCartBodyActionDiv.addClass("cointainer-shopping-cart-body-rang-bad");
		shoppingCartBodyPuDiv.find(".edit-price-level").data("editable", "0");
		shoppingCartBodyPuDiv.find(".edit-price-level").data("fk_price", line.fk_price);
	}
	else {
		shoppingCartBodyPuDiv.find(".edit-price-level").data("editable", "1");
		shoppingCartBodyPuDiv.find(".edit-price-level").data("fk_price", line.fk_price);
	}

    shoppingCartRightDocLineDetailDiv.append(
        shoppingCartBodyActionDiv
		, shoppingCartHeaderActionslDiv
		, shoppingCartBodyLabelDiv
		, shoppingCartBodyStockDiv
		, shoppingCartBodyEtiquetaDiv
		, shoppingCartBodyFechaReposicionDiv
		, shoppingCartBodyPuDiv
		, shoppingCartBodyQtyDiv
		, shoppingCartBodyPriceDiv
		, shoppingCartBodyDiscountDiv
		, shoppingCartBodyTotalDiv
		, shoppingCartBodyTotalTTCDiv
		, shoppingCartBodyInputAttachmentDiv
		, shoppingCartBodyAttachmentDiv
    );

	shoppingCartRightDocLineDetailDiv.data( "fk_price", line.fk_price );
	shoppingCartRightDocLineDetailDiv.data( "fk_product", line.fk_product );

	// Se incluye la lógica para el manejo de la edición de niveles de precio
	shoppingCartBodyPuDiv.find( ".edit-price-level" ).on( "click", function(e) {
		var elementToEdit = $( this );
		console.log("en edit-price-level el line: ", line);

		if ($( this ).data("editable") == 1) {
			console.log("editaré el nivel : ", $(this).data("fk_price"));
			// Se presenta un modal donde se preguntará por el nivel de precios y cantidad del producto

			var fkPrice = elementToEdit.data("fk_price");
			var fkShoppingCartDet = $(this).closest(".cointainer-shopping-cart-body-line-detail").data("fk_shopping_cartdet");
			var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc" );
			var source = $( ".operation-select" ).data( "source" );


			const fd = new FormData();
			fd.append('action', 'select_price_level');
			fd.append('fk_price', fkPrice);
			fd.append('fk_soc', fkSoc);
			fd.append('fk_shopping_cartdet', fkShoppingCartDet);
			fd.append('source', source);
			fd.append('token', '');

			// Se consultan los niveles de Precio
			call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
				console.log("El data de select_price_level: ", data);
				generaListaNiveles(data, elementToEdit, line);
			});
		}
		else {
			console.log("No editaré");
			// Se presenta mensaje indicando que el precio ya no está vigente
			var modalMensaje = $('<div>', {
				class: "font-window-message"
				, html: '<p>El nivel de precio asociado a este producto ya no está vigente</p><br/><p>Debe eliminar el producto y volver a incorporarlo con un nivel de precios vigente</p>'
			});

			modalMensaje.dialog({
				modal: true
				, width: ( window.innerWidth * 0.5)
				, position: { my: 'center', at: 'center', of: $( window ) }
				, open: function() {
					$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
					$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
					modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px");
					modalMensaje.parent().find('.ui-dialog-buttonset').addClass('font-window-message');
				}
				, close: function() {
					modalMensaje.parent().find('.ui-dialog-buttonset').removeClass('font-window-message');
					modalMensaje.dialog('destroy');
				}
				, buttons: {
					Ok: function() {
						$(this).dialog('close');
					}
				}
			});
		}
	})

	// Se incluye la lógica para el manejo de la eliminación del producto
	shoppingCartHeaderActionslDiv.find( ".delete-product" ).on( "click", function() {
		console.log("Eliminaré linea: " + $(this).closest(".cointainer-shopping-cart-body-line-detail").data("fk_shopping_cartdet"));
		var fkShoppingCartDet = $(this).closest(".cointainer-shopping-cart-body-line-detail").data("fk_shopping_cartdet");

		// Mensaje para confirmar la eliminación
		var modalMensaje = $('<div>', {
			class: "font-window-message"
			, text: '¿Está seguro de querer eliminar este producto?'
		});

		modalMensaje.dialog({
			modal: true
			, width: innerWidth * 0.4
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				$( "#btn_no_delete_product" ).focus(); // Establecer el foco en el botón
				modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px");
				modalMensaje.parent().find('.ui-dialog-buttonset').addClass('font-window-message');
			}
			, close: function() {
				modalMensaje.parent().find('.ui-dialog-buttonset').removeClass('font-window-message');
				modalMensaje.dialog( 'destroy' );
			}
			, buttons: [
				{
					text: "Sí"
					, id: "btn_yes_delete_product"
					, click: function() {
						try {
							delete_product(fkShoppingCartDet);
							modalMensaje.dialog('close');
						}
						catch (error) {
							modalMensaje.text(error);
						}
					}
				}
				, {
					text: "No"
					, id: "btn_no_delete_product"
					, click: function() {
						modalMensaje.dialog('close');
					}
				}
			]
		});
	});

    return shoppingCartRightDocLineDetailDiv;
}

/**
 * obtiene un producto que son familia de un producto
 *
 * Esta función envía una petición AJAX a `shopping_cart.php.php` para obtener los produictos familia
 * Utiliza `call_ajax_fetch` para realizar la solicitud de manera asíncrona y devuelve una promesa
 * que se resuelve con los datos obtenidos o se rechaza en caso de error.
 * @param {number} fk_product - El ID del producto del cual se desea obtener la familia.
 * @param {number} fk_shopping_cart - El ID del carrito de compras al que
 * @returns {Promise} - Devuelve una promesa que se resuelve con los datos de la respuesta o se rechaza si hay un error.
 */
function get_family_products(fk_product) {

	const fk_shopping_cart = $( ".operation-select" ).data( "fk_shopping_cart" );
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	const fd = new FormData();
	fd.append('action', 'get_family_products');
	fd.append('fk_product', fk_product);
	fd.append('fk_shopping_cart', fk_shopping_cart);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	return new Promise((resolve, reject) => {
		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
			if (data) {
				// La solicitud fue exitosa, se resuelve la promesa con los datos recibidos
				resolve(data);
			} else {
				// Si no se recibe una respuesta válida, se rechaza la promesa con un mensaje de error
				reject("Error en la petición AJAX");
			}
		});
	});
}

/**
 * Mark shopping cart det como mark stock
 */
function update_mark_stock_shopping_cart_det(fk_shopping_cart_det,  mark_stock) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

	const fd = new FormData();
	fd.append('action', 'update_mark_stock_shopping_cart_det');
	fd.append('fk_shopping_cart_det', fk_shopping_cart_det);
	fd.append('mark_stock', mark_stock);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	return new Promise((resolve, reject) => {
		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
			if (data) {
				resolve(data);
			} else {
				reject("Error en la petición AJAX");
			}
		});
	});
}

/**
 * @pdhDoc Evento click sobre productos con clase `.product-family`.
 *
 * - Abre un modal (`#modal-product-family`) con los productos relacionados por familia.
 * - Solicita los datos de familia desde el backend (función `get_family_products`).
 * - Renderiza una lista de productos sugeridos con acciones rápidas (agregar, regalar, ver info).
 * - Permite seleccionar un precio, cantidad y descuento por producto.
 * - Carga dinámica de script para cálculo de precios (`invdprice.js.php`).
 *
 * Consideraciones:
 * - El modal se centra y estiliza con jQuery UI.
 * - El evento `focus` en `.price-select-modal` activa lógica de carga de precios dinámicos.
 */
$(document).off('click', '.product-family').on('click', '.product-family', function () {
	$("#modal-product-family").remove();

	const fk_product = $(this).data("fk_product");

	const modalDiv = $('<div>', {
		id: "modal-product-family",
	});

	modalDiv.dialog({
		modal: true,
		width: 'auto',
		height: 'auto',
		title: "Familia del Producto",
		open: function () {
			const $dialog = $(this);

			$dialog.css({
				overflowY: 'auto',
				width: '70vw',
				height: '60vh'
			});

			$dialog.dialog('widget').position({
				my: 'center',
				at: 'center',
				of: $(window)
			});

			$dialog.prev('.ui-dialog-titlebar').find('.ui-dialog-titlebar-close').hide();
			$('.ui-widget-overlay').css({ backgroundColor: 'grey', opacity: 0.6 });
			$dialog.closest('.ui-dialog').css({ borderRadius: '10px', position: 'fixed' });

			$dialog.on('click', '.add-suggested-product', function () {
				$('.cointainer-doc-shopping-cart.icon-doc-shopping-cart-selected').trigger('click');
			});

			get_family_products(fk_product)
			.then((data) => {
				console.log("Datos de familia de productos:", data);

				if (data.familia) {
					const newTitle = 'Familia del Producto: ' + data.familia;
					$dialog.dialog('option', 'title', newTitle);
					$dialog.dialog('widget').find('.ui-dialog-title').text(newTitle);
				}

				if (data.arrayProductos.length > 0) {
					const familyList = $('<div class="container-fluid">');

					const header = $(`
						<div class="row border-bottom py-2 fw-bold gx-2 text-center">
							<div class="col-md-4 col-12 text-start">Referencia - Descripción</div>
							<div class="col-md-5 col-12">Precio</div>
							<div class="col-md-3 col-12">
								<div class="row text-center">
									<div class="col">Cant</div>
									<div class="col">%Dto</div>
									<div class="col">Acciones</div>
								</div>
							</div>
						</div>
					`);
					familyList.append(header);

					data.arrayProductos.forEach((p) => {
						const productItem = $(`
							<div class="row border-bottom py-3 father gx-2 gy-2">
								<div class="col-md-4 col-12">
									<strong>${p.ref}</strong> - ${p.label}
								</div>

								<div class="col-md-5 col-12">
									<div class="d-flex flex-wrap align-items-center gap-2">
										<select
											class="price-select-modal"
											data-fk_product="${p.fk_product}"
											style="flex: 1; min-width: 160px;"
											title="${p.label}">
											<option value="">Seleccionar Precio...</option>
										</select>
									</div>
								</div>

								<div class="col-md-3 col-12">
									<div class="row text-center gx-1">
										<div class="col">
											<i class="fa fa-minus-circle text-danger down-qty-modal ocultoModalFamilia" title="Menos" style="cursor: pointer;"></i>
											<input type="number"
												class="qty-producto-modal ocultoModalFamilia"
												style="width: 40px;"
												min="1"
												oninput="this.value = this.value.replace(/[^0-9]/g, '');
															if (this.value !== '' && parseInt(this.value) < 1) this.value = 1;">

											<i class="fa fa-plus-circle text-success up-qty-modal ocultoModalFamilia" title="Más" style="cursor: pointer;"></i>
										</div>
										<div class="col">
											<input type="number"
												class="remise-percent-modal ocultoModalFamilia"
												style="width: 50px;"
												placeholder="%Dto"
												min="0"
												max="100"
												oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, 3);
															if (parseInt(this.value) > 100) this.value = 100;">
										</div>
										<div class="col d-flex flex-wrap justify-content-center align-items-center gap-1">
											<i class="fa fa-cart-arrow-down icon-action add-product-modal ocultoModalFamilia icon-spacing-familia-modal"
												style="color: var(--rojo-wurth); font-size: 24px;" title="Agregar al carro"></i>
											<i class="fa fa-cube icon-action icon-spacing-familia-modal" style="color: ${p.stock_color}; font-size: 24px;" title="Detalle"></i>
											<i class="fa fa-info-circle fa-sm info-product-card icon-action icon-spacing-familia-modal"
												style="color: #555; font-size: 24px;" data-fk_product="${p.fk_product}" title="Información"></i>
										</div>
									</div>
								</div>

							</div>
						`);

						familyList.append(productItem);
					});

					$dialog.append(familyList);
				} else {
					$dialog.append('<p>No hay productos en la familia.</p>');
				}
			})
			.catch((error) => {
				console.error("Error al obtener los productos de la familia:", error);
			});

			$dialog.off('click', '.father').on('click', '.father', function () {
				const $currentFather = $(this);
				const selectedValue = $currentFather.find('.price-select-modal').val();

				// Oculta botones de todas las líneas
				$dialog.find('.father').each(function () {
					$(this).find('.up-qty-modal, .down-qty-modal, .add-product-modal, .add-gift-modal')
						.addClass('ocultoModalFamilia');
					if (!$currentFather.find('.qty-producto-modal').prop('readonly')) {
						$currentFather.find('.qty-producto-modal').addClass('ocultoModalFamilia');
					}

					if (!$currentFather.find('.remise-percent-modal').prop('readonly')) {
						$currentFather.find('.remise-percent-modal').addClass('ocultoModalFamilia');
					}
				});

				// Quitar resaltado de otras líneas
				$dialog.find('.father').removeClass('father-active');

				// Resaltar esta
				$currentFather.addClass('father-active');

				// Solo muestra si hay un precio seleccionado
				if (selectedValue && selectedValue !== '') {
					$currentFather.find('.qty-producto-modal, .remise-percent-modal, .up-qty-modal, .down-qty-modal, .add-product-modal, .add-gift-modal')
						.removeClass('ocultoModalFamilia');
				}
			});

			// Evento click en el <select> de precio
			$dialog.off('click', '.price-select-modal').on('click', '.price-select-modal', function () {
				const $select = $(this);
				$('.price-select-modal').removeClass('active-price-select-modal');
				$select.addClass('active-price-select-modal');

				const fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
				const fkRubro = $(".top-section-info-current .current-customer-info").data("fk_rubro");
				const elementType = $('.operation-select').data('element_type');
				let fkTipoPrecio = fkRubro;

				if (['muestra', 'obsequio', 'canjebono', 'bonoskpis'].includes(elementType)) {
					fkTipoPrecio = 90;
				}

				loadVersionedScript('/invdprice/js/invdprice.js.php')
					.then(scriptUrl => {
						const script = document.createElement('script');
						script.src = scriptUrl;
						script.onload = function () {
							const idProduct = $select.data("fk_product");

							select_price_product(
								idProduct,
								fkRubro,
								fkSoc,
								1,
								1,
								1,
								1,
								obtienePreciosSpeedyModal,
								fkTipoPrecio
							);
						};
						document.head.appendChild(script);
					})
					.catch(error => {
						console.error("Error al cargar script de precio:", error);
					});
			});
		},
		close: function () {
			$(this).dialog("destroy");
		},
		buttons: [
			{
				text: "Cerrar",
				class: "btn btn-primary btn-sm",
				click: function () {
					$('.icon-doc-shopping-cart-selected').trigger('click');
					$(this).dialog("destroy").remove();
				},
				classes: 'btn btn-primary me-2'
			}
		]
	});
});

/**
 * Modal para gestionar productos que necesitan validación de stock
*/
$(document).off("click", ".cointainer-shopping-cart-body-stock").on("click", ".cointainer-shopping-cart-body-stock", function () {
	const fk_product = $(this).closest(".cointainer-shopping-cart-body-line-detail").data("fk_product");
	const fk_shopping_cart_det = $(this).closest(".cointainer-shopping-cart-body-line-detail").data("fk_shopping_cartdet");
	const fk_soc = $(".top-section-info-current .current-customer-info").data("fk_soc");

	const modalHTML = `
		<div class="modal fade" id="stockAlertModal" tabindex="-1" aria-hidden="true">
			<div class="modal-dialog modal-sm modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header p-2">
						<h6 class="modal-title text-warning fw-bold m-0">Aviso</h6>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body p-3">
						<div class="alert alert-warning mb-3 small" role="alert">
							<p class="mb-1">⚠ <strong>Alerta:</strong> Hay stock disponible, sin embargo tu solicitud puede generar rompimiento de stock,</p>
							<p class="mb-0">Pasara a ser revisado por Planeación</p>
						</div>
						<form id="stockForm">
							<div class="mb-3">
								<label for="cantidad" class="form-label small fw-bold">Cantidad</label>
								<input type="number" class="form-control form-control-sm" id="cantidad" name="cantidad" min="1" required>
							</div>
							<div class="mb-3">
								<label for="periodicidad" class="form-label small fw-bold">Periodicidad</label>
								<select class="form-select form-select-sm" id="periodicidad" name="periodicidad" required>
									<option value="">Cargando...</option>
								</select>
							</div>
							<div class="mb-3">
								<div class="mb-3">
									<label class="form-label small fw-bold d-block">
										¿Ha tenido agotado este producto en los últimos 6 meses?
									</label>

									<div class="btn-group" role="group" aria-label="Agotado">
										<input type="radio" class="btn-check" name="agotado" id="agotado_si" value="1" required>
										<label class="btn btn-outline-primary btn-sm" for="agotado_si">Sí</label>

										<input type="radio" class="btn-check" name="agotado" id="agotado_no" value="0">
										<label class="btn btn-outline-primary btn-sm" for="agotado_no">No</label>
									</div>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer p-2">
						<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Cerrar</button>
						<button type="button" class="btn btn-outline-primary btn-sm" id="guardarStock">Guardar</button>
					</div>
				</div>
			</div>
		</div>
	`;

	$('body').append(modalHTML);

	const modalElement = document.getElementById('stockAlertModal');
	const modal = new bootstrap.Modal(modalElement, {
		backdrop: 'static',
		keyboard: false // evita cierre con ESC
	});
	modal.show();

	get_periodicity_stock()
	.then((data) => {
		const $select = $("#periodicidad");
		$select.empty().append('<option value="">Seleccione...</option>');

		// Validación y llenado del select
		if (data && Array.isArray(data.arrayPeridicity) && data.arrayPeridicity.length > 0) {
			data.arrayPeridicity.forEach((item) => {
				$select.append(
					`<option value="${item.periodicity}">${item.periodicity}</option>`
				);
			});
		} else {
			$select.append('<option value="">No disponible</option>');
		}
	})
	.catch((err) => {
		console.error("Error al cargar periodicidades:", err);
		$("#periodicidad")
			.empty()
			.append('<option value="">Error al cargar</option>');
	});

	// Acción guardar
	$("#guardarStock").on("click", function () {
		const qty = parseInt($("#cantidad").val(), 10);
		const periodicity = $("#periodicidad").val().trim();
		const agotado = $('input[name="agotado"]:checked').val();

		if (!qty || qty <= 0) {
			alert("La cantidad debe ser un número entero positivo.");
			return;
		}
		if (!periodicity) {
			alert("Debe ingresar una periodicidad.");
			return;
		}
		if (!agotado) {
			alert("Debe indicar si ha tenido el producto agotado.");
			return;
		}

		const formData = {
			fk_soc: fk_soc,
			fk_product: fk_product,
			fk_shopping_cart_det: fk_shopping_cart_det,
			qty,
			periodicity,
			agotado
		};

		add_product_projection(formData)
		.then(() => {
			modal.hide();
			$(modalElement).on("hidden.bs.modal", function () {
				$(modalElement).remove();
			});
		})
		.catch((error) => {
			console.error("Error al agregar la proyección del producto:", error);
		});

		$('.cointainer-doc-shopping-cart.icon-doc-shopping-cart-selected').trigger('click');

		// cerrar modal al guardar
		modal.hide();
		$(modalElement).on("hidden.bs.modal", function () {
			$(modalElement).remove();
		});
	});

	// limpiar al cerrar
	$(modalElement).on("hidden.bs.modal", function () {
		$(modalElement).remove();
	});
});


function createProductDetailElementInformative(lineInformative) {
	console.log("En createProductDetailElementInformative el lineInformative:", lineInformative);

	label = lineInformative.label;
	if (lineInformative.label == lineInformative.description) {
		description = '';
	}
	else {
		description = lineInformative.description;
	}

	var descripcion = lineInformative.ref + '<br/>' + lineInformative.label;

	// Rang
	var shoppingCartBodyRangInformativeDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-rang-red"
	});

	// Trash
	var shoppingCartBodyTrashInformativeDiv = $("<div>", {
		class: "fa fa-trash container-delete-informative-product",
		"data-fk_product_informativedet": lineInformative.rowid
	});

	// Description
	var shoppingCartBodyLabelInformativeDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-label",
		html: descripcion
	});

	// Etiqueta
	var shoppingCartBodyEtiquetaInformativeDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-etiqueta text-danger",
		html: 'Producto Informativo',
	});

	//var htmlContent =	'<i class="fa fa-edit edit-price-level"></i>';
	var htmlContent =	'';
	var textColor = "green";

	// Disponibilidad
	htmlContent = htmlContent + '<i class="fa fa-cube" style="color: ' + lineInformative.stock_color + '"></i>';
	htmlContent = htmlContent + '<i class="fa fa-info-circle info-product-card" id="info_product" data-fk_product="' + lineInformative.fk_product + '"></i>';

	var shoppingCartBodyEspInformativeDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-esp",
	});


	var shoppingCartBodyPuInformativeDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-pu",
		html: htmlContent,
		style: "color: " + textColor,
	});

	// Qty
	var shoppingCartBodyQtyInformativeDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-qty",
        text: lineInformative.qty,
    });

	// Precio
	var shoppingCartBodyPriceInformativeDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-price",
        text: lineInformative.pricef,

    });

	// Descuento
	var shoppingCartBodyDiscountInformativeDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-discount",
        text: '0',
    });

	// Total
	var shoppingCartBodySubTotalInformativeDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-total",
        text: '0',
    });

	// Total
	var shoppingCartBodyTotalInformativeDiv = $("<div>", {
        class: "cointainer-shopping-cart-body-total",
        text: '0',
    });

	// Linea donde se adiciona el detalle informtivo
	var shoppingCartRightDocLineInformativeDiv = $("<div>", {
		class: "cointainer-shopping-cart-body-line-detail"
		, "data-fk_shopping_cartdet": lineInformative.rowid
		, "data-fk_product": lineInformative.fk_produc
	});

	shoppingCartRightDocLineInformativeDiv.append(
		shoppingCartBodyRangInformativeDiv
		, shoppingCartBodyTrashInformativeDiv
		, shoppingCartBodyLabelInformativeDiv
		, shoppingCartBodyEtiquetaInformativeDiv
		, shoppingCartBodyEspInformativeDiv
		, shoppingCartBodyPuInformativeDiv
		, shoppingCartBodyQtyInformativeDiv
		, shoppingCartBodyPriceInformativeDiv
		, shoppingCartBodyDiscountInformativeDiv
		, shoppingCartBodySubTotalInformativeDiv
		, shoppingCartBodyTotalInformativeDiv
	);

	return shoppingCartRightDocLineInformativeDiv;
}

// Eliminar una línea del carro de compras
function delete_product(fkShoppingCartDet) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	var fkShoppingCart = $( ".operation-select" ).data( "fk_shopping_cart" );

	const fd = new FormData();
	fd.append('action', 'delete_product');
	fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('fk_shopping_cartdet', fkShoppingCartDet);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, remove_shopping_cart_line);
}

function delete_document(fkShoppingCart) {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

	const fd = new FormData();
	fd.append('action', 'delete_document');
	fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, remove_shopping_cart);
}

// Adicionar proyección de producto
function add_product_projection(formData) {

	const fd = new FormData();
	fd.append('action', 'add_product_projection');
	fd.append('fk_soc', formData.fk_soc);
	fd.append('fk_product', formData.fk_product);
	fd.append('fk_shopping_cart_det', formData.fk_shopping_cart_det);
	fd.append('qty', formData.qty);
	fd.append('periodicity', formData.periodicity);
	fd.append('agotado', formData.agotado);
	fd.append('token', '');

	return new Promise((resolve, reject) => {
		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
			if (data) {
				resolve(data);
			} else {
				reject("Error en la petición AJAX");
			}
		});
	});
}

// Obtener los valores de periodicidad de rompimiento de stock
function get_periodicity_stock() {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

	const fd = new FormData();
	fd.append('action', 'get_periodicity_stock');
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	return new Promise((resolve, reject) => {
		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
			if (data) {
				resolve(data);
			} else {
				reject("Error en la petición AJAX");
			}
		});
	});
}

// function remove_shopping_cart_line(data) {
	// console.log("remove_shopping_cart_line data: ", data);
	// var fkShoppingCartDet = data.fkShoppingCartDet;
	// var elementoBorrar = $('[data-fk_shopping_cartdet="' + fkShoppingCartDet + '"]');

	// $( ".operation-select" ).data( 'numLines', data.totales.num_lineas );

	// elementoBorrar.remove();

	// update_totales_shopping_cart(data);

	// // Se actualizan items dentro del carro
	// var labels = $(".label-rang");
	// var index = 1;
	// labels.each(function(index) {
		// $(this).text(index + 1);
	// });

	// /*****
	// *	Se define que, para los bonos por KPIs, se muestren avisos que indiquen al vendedor si aún puede seguir
	// *	incluyendo productos en el carro de compras, o si por el contrario debe quitarlos para que se pueda
	// *	redimir el bono.
	// *	dbonilla. 8/mar/2025
	// *****/
	// actualiza_msg_saldo_bonos_kpis();
	// shopping_cart_bottom_options();

// }

function remove_shopping_cart_line(data) {
    console.log("remove_shopping_cart_line data: ", data);

    // En lugar de borrar manualmente y reindexar,
    // disparamos el click que recarga todo el contenedor del carrito
    $( ".icon-doc-shopping-cart-selected" ).trigger('click');

    // Mantenemos esto para actualizar los avisos de bonos
    actualiza_msg_saldo_bonos_kpis();
}

function remove_shopping_cart(data) {
	console.log("remove_shopping_cart data: ", data);
	var fkShoppingCart = data.fkShoppingCart;
	$( ".cointainer-doc-shopping-cart[data-fk_shopping_cart='" +  fkShoppingCart + "']" ).remove();
	view_shopping_cart();
}

function update_shopping_cart_line(data) {
	console.log("data.datos: ", data.datos);  // Verificar el contenido de data.datos

	if (data.error >= 500) {

		// Crea un diálogo con el mensaje
		var modalMensaje = $('<div>', {
			class: "font-window-message"
			, html: data.mensaje
		});

		modalMensaje.dialog({
			modal: true
			, width: innerWidth * 0.4
			, height: innerHeight * 0.35
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
			}
			, close: function() {
				modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalMensaje.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Cerrar"
					, click: function() {
						modalMensaje.dialog( "close" );
						return;
					}
				}
			]
		});

		if ('arrayProductsInformative' in data) {

			var linesInformative = data.arrayProductsInformative
			if (linesInformative.length > 0) {
				// Se adicionan los productos informativos al carro de compras
				$.each(linesInformative, function(key, lineInformative) {
					var shoppingCartRightDocLineInformativeDiv = createProductDetailElementInformative(lineInformative);
					$( ".cointainer-shopping-cart-doc-detail" ).append(shoppingCartRightDocLineInformativeDiv);
				});
			}
			$( "#nom_producto, #qty_producto, #remise_percent").val('');
			$( "#price_select" ).empty();
		}
	} else {
		if (!data.datos.remise_percent) {
			console.error("remise_percent is undefined or null");
		}
		console.log("update_shopping_cart_line data: ", data);
		var fkShoppingCartDet = data.datos.rowid;
		var datoActualiza = $('[data-fk_shopping_cartdet="' + fkShoppingCartDet + '"]');
		datoActualiza.find('.cointainer-shopping-cart-body-qty').text(data.datos.qty);
		datoActualiza.find('.cointainer-shopping-cart-body-price').text(data.datos.subpricef);
		datoActualiza.find('.cointainer-shopping-cart-body-total').text(data.datos.total_ht);
		datoActualiza.find('.cointainer-shopping-cart-body-total-ttc').text(data.datos.total_ttc);
		datoActualiza.find('.cointainer-shopping-cart-body-discount').text(data.datos.remise_percent + '%');
		datoActualiza.find('.cointainer-shopping-cart-body-pu').find( '.edit-price-level' ).data( "fk_price", data.datos.fk_price);
		datoActualiza.closest('.cointainer-shopping-cart-body-line-detail').data( "fk_price", data.datos.fk_price);
		var container = $(".cointainer-shopping-cart-body-line-detail[data-fk_shopping_cartdet='" + fkShoppingCartDet + "']");
		container.find("span.product-description").text(data.datos.description);


		$( "#qty_producto_line" ).data("price", data.datos.price)

		update_totales_shopping_cart(data);
		update_totales_shopping_add(data);
	}
}

function add_product_to_cart_line(data) {
	console.log("add_product_to_cart_line data: ", data);
	$( '#btn_tipo_pago' ).css( 'color', 'var(--rojo-wurth)')
	$( '#btn_tipo_pago' ).removeClass( 'icono-inactivo')
	var elementType = $( ".operation-select" ).data("element_type")

	// Si al adicionar el producto se genera un error de proceso (error >= 500) se presenta el mensaje y se abandona la operación
	if (data.error >= 500) {

		// Crea un diálogo con el mensaje
		var modalMensaje = $('<div>', {
			class: "font-window-message"
			, html: data.mensaje
		});

		modalMensaje.dialog({
			modal: true
			, width: innerWidth * 0.4
			, height: innerHeight * 0.35
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
			}
			, close: function() {
				modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalMensaje.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Cerrar"
					, click: function() {
						modalMensaje.dialog( "close" );
						return;
					}
				}
			]
		});

		if ('arrayProductsInformative' in data) {

			var linesInformative = data.arrayProductsInformative
			if (linesInformative.length > 0) {
				// Se adicionan los productos informativos al carro de compras
				$.each(linesInformative, function(key, lineInformative) {
					var shoppingCartRightDocLineInformativeDiv = createProductDetailElementInformative(lineInformative);
					$( ".cointainer-shopping-cart-doc-detail" ).append(shoppingCartRightDocLineInformativeDiv);
				});
			}

			$( "#nom_producto, #qty_producto, #remise_percent").val('');
			$( "#price_select" ).empty();
		}
	}
	else {
		// Se inicializa la sección de busqueda de producto
		$( "#nom_producto, #qty_producto, #remise_percent").val('');
		$( "#price_select" ).empty();
		console.log('Se adiciona la linea al carro: ', data.totales.num_lineas);

		$( ".operation-select" ).data( 'numLines', data.totales.num_lineas );

		// Se revisa si la adición requirió una inserción. Por ejemplo si el producto ya estaba en el carro de compras no es necesario insertarlo
		if (data.datos.insert == 1) {
			// Se construye el contenedor correspondiente a la nueva linea y se adiciona al final
			line = data.datos

			var shoppingCartRightDocLineDetailDiv = createProductDetailElement(line);

			var elementoPadreInformativo = $( ".cointainer-shopping-cart-body-line-detail:has(.cointainer-shopping-cart-body-etiqueta:contains('Producto Informativo'))" );

			if (elementoPadreInformativo.length > 0) {
			// Se encontró un elemento .cointainer-shopping-cart-doc-detail que contiene la etiqueta 'Producto Informativo'
				$(shoppingCartRightDocLineDetailDiv).insertBefore(elementoPadreInformativo);
			} else {
				// No se encontró el elemento padre con la etiqueta informativa, se agrega al final del contenedor principal (asumiendo que hay un contenedor principal común)
				// Debes especificar cuál es el contenedor principal si este no es el comportamiento deseado.
				$( ".cointainer-shopping-cart-doc-detail:last" ).append(shoppingCartRightDocLineDetailDiv);
				console.warn("No se encontró el padre con la etiqueta 'Producto Informativo'. Se agregó al final del último .cointainer-shopping-cart-doc-detail.");
			}

			//$( ".cointainer-shopping-cart-doc-detail" ).append(shoppingCartRightDocLineDetailDiv);

			// Se actualiza el consecutivo dentro del carro
			var labels = $(".label-rang");
			var index = 1;
			labels.each(function(index) {
				$(this).text(index + 1);
			});

		}
		else {
			fkShoppingCartDet = data.datos.rowid
			var datoActualiza = $('[data-fk_shopping_cartdet="' + fkShoppingCartDet + '"]');
			datoActualiza.find('.cointainer-shopping-cart-body-qty').text(data.datos.qty);
			datoActualiza.find('.cointainer-shopping-cart-body-price').text(data.datos.subpricef);
			datoActualiza.find('.cointainer-shopping-cart-body-total').text(data.datos.total_htf);
			datoActualiza.find('.cointainer-shopping-cart-body-pu').find( '.edit-price-level' ).data( "fk_price", data.datos.fk_price);
			datoActualiza.closest('.cointainer-shopping-cart-body-line-detail').data( "fk_price", data.datos.fk_price);
		}

		/*****
		*	Se define que, para los bonos por KPIs, se muestren avisos que indiquen al vendedor si aún puede seguir
		*	incluyendo productos en el carro de compras, o si por el contrario debe quitarlos para que se pueda
		*	redimir el bono.
		*	dbonilla. 8/mar/2025
		*****/
		actualiza_msg_saldo_bonos_kpis();

		update_totales_shopping_cart(data);
		inactiva_add_product();
		muestra_info_adicional();
		shopping_cart_bottom_options();

	}

	$('.icon-doc-shopping-cart-selected').trigger('click');
}

function add_product_to_cart_line_modal(data) {
	console.log("add_product_to_cart_line data: ", data);
	return false;
	$( '#btn_tipo_pago' ).css( 'color', 'var(--rojo-wurth)')
	$( '#btn_tipo_pago' ).removeClass( 'icono-inactivo')
	var elementType = $( ".operation-select" ).data("element_type")

	// Si al adicionar el producto se genera un error de proceso (error >= 500) se presenta el mensaje y se abandona la operación
	if (data.error >= 500) {

		// Crea un diálogo con el mensaje
		var modalMensaje = $('<div>', {
			class: "font-window-message"
			, html: data.mensaje
		});

		modalMensaje.dialog({
			modal: true
			, width: innerWidth * 0.4
			, height: innerHeight * 0.35
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
			}
			, close: function() {
				modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalMensaje.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Cerrar"
					, click: function() {
						modalMensaje.dialog( "close" );
						return;
					}
				}
			]
		});

		if ('arrayProductsInformative' in data) {

			var linesInformative = data.arrayProductsInformative
			if (linesInformative.length > 0) {
				// Se adicionan los productos informativos al carro de compras
				$.each(linesInformative, function(key, lineInformative) {
					var shoppingCartRightDocLineInformativeDiv = createProductDetailElementInformative(lineInformative);
					$( ".cointainer-shopping-cart-doc-detail" ).append(shoppingCartRightDocLineInformativeDiv);
				});
			}
			$( "#nom_producto, #qty_producto, #remise_percent").val('');
			$( "#price_select" ).empty();
		}
	}
	else {
		// Se inicializa la sección de busqueda de producto
		$( "#nom_producto, #qty_producto, #remise_percent").val('');
		$( "#price_select" ).empty();
		console.log('Se adiciona la linea al carro: ', data.totales.num_lineas);

		$( ".operation-select" ).data( 'numLines', data.totales.num_lineas );

		// Se revisa si la adición requirió una inserción. Por ejemplo si el producto ya estaba en el carro de compras no es necesario insertarlo
		if (data.datos.insert == 1) {
			// Se construye el contenedor correspondiente a la nueva linea y se adiciona al final
			line = data.datos

			var shoppingCartRightDocLineDetailDiv = createProductDetailElement(line);

			var elementoPadreInformativo = $( ".cointainer-shopping-cart-body-line-detail:has(.cointainer-shopping-cart-body-etiqueta:contains('Producto Informativo'))" );

			if (elementoPadreInformativo.length > 0) {
			// Se encontró un elemento .cointainer-shopping-cart-doc-detail que contiene la etiqueta 'Producto Informativo'
				$(shoppingCartRightDocLineDetailDiv).insertBefore(elementoPadreInformativo);
			} else {
				// No se encontró el elemento padre con la etiqueta informativa, se agrega al final del contenedor principal (asumiendo que hay un contenedor principal común)
				// Debes especificar cuál es el contenedor principal si este no es el comportamiento deseado.
				$( ".cointainer-shopping-cart-doc-detail:last" ).append(shoppingCartRightDocLineDetailDiv);
				console.warn("No se encontró el padre con la etiqueta 'Producto Informativo'. Se agregó al final del último .cointainer-shopping-cart-doc-detail.");
			}

			//$( ".cointainer-shopping-cart-doc-detail" ).append(shoppingCartRightDocLineDetailDiv);

			// Se actualiza el consecutivo dentro del carro
			var labels = $(".label-rang");
			var index = 1;
			labels.each(function(index) {
				$(this).text(index + 1);
			});

		}
		else {
			fkShoppingCartDet = data.datos.rowid
			var datoActualiza = $('[data-fk_shopping_cartdet="' + fkShoppingCartDet + '"]');
			datoActualiza.find('.cointainer-shopping-cart-body-qty').text(data.datos.qty);
			datoActualiza.find('.cointainer-shopping-cart-body-price').text(data.datos.subpricef);
			datoActualiza.find('.cointainer-shopping-cart-body-total').text(data.datos.total_htf);
			datoActualiza.find('.cointainer-shopping-cart-body-pu').find( '.edit-price-level' ).data( "fk_price", data.datos.fk_price);
			datoActualiza.closest('.cointainer-shopping-cart-body-line-detail').data( "fk_price", data.datos.fk_price);
		}

		/*****
		*	Se define que, para los bonos por KPIs, se muestren avisos que indiquen al vendedor si aún puede seguir
		*	incluyendo productos en el carro de compras, o si por el contrario debe quitarlos para que se pueda
		*	redimir el bono.
		*	dbonilla. 8/mar/2025
		*****/
		actualiza_msg_saldo_bonos_kpis();

		update_totales_shopping_cart(data);
		inactiva_add_product();
		muestra_info_adicional();
		shopping_cart_bottom_options();

	}
}

/**
* 	Función para mostrar aviso que indique al vendedor si para el canje de bonos por KPIs, aun puede agregar más
*	productos, o si por el contrario debe quitarlos para poder redimir el bono, dado que el saldo del bono es o
*	no suficiente.
* 	@author:	Diego Bonilla
* 	@date:		08/mar/2025
**/
function actualiza_msg_saldo_bonos_kpis() {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
	var elementType = $( ".operation-select" ).data("element_type")
	if (elementType == 'bonoskpis') {
		const fd = new FormData();
		fd.append('action', 'view_bonus_detail');
		fd.append('token', '');
		fd.append('fk_shopping_cart', fkShoppingCart);
		fd.append('tipo_bono', tipoBono=3 );
		fd.append('fk_soc', fkSoc);

		call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (request) => {
			if (request.error == 0) {
				// Si el número de bonos es cero, se debe desactivar la sección que permite adicionar productos al carro de compras
				$( '.cointainer-shopping-cart-doc-header' ).hide();
				if (request.numBonos == 0) {
					$( '.saldo-bonos-icono' ).html( 'No hay bonos por redimir' )
					$( '#btn_saldo_bonos' ).css( 'border', '1px solid var(--rojo-wurth)');
					$( '#btn_saldo_bonos' ).css( 'background', 'var(--rojo-wurth-tx)');
				}
				else if (request.saldoCompra <= 0 ) {
					$( '.cointainer-shopping-cart-doc-header' ).show();
					$( '.saldo-bonos-icono' ).html( 'Aun puedes agregar algo más al carrito para completar tu bono' )
					$( '#btn_saldo_bonos' ).css( 'border', '1px solid var(--verde-wurth)');
					$( '#btn_saldo_bonos' ).css( 'background', 'var(--verde-wurth-tx)');
				}
				else {
					$( '.cointainer-shopping-cart-doc-header' ).show();
					$( '.saldo-bonos-icono' ).html( 'Excediste el valor del bono, por favor saca alguno de los productos del carro' )
					$( '#btn_saldo_bonos' ).css( 'border', '1px solid var(--rojo-wurth)');
					$( '#btn_saldo_bonos' ).css( 'background', 'var(--rojo-wurth-tx)');
				}
			}
		})
	}
}

function update_doc_type(data, elemento, doctype, options, fkShoppingCart, modalSelect) {
	actualiza_iconos_shopping_cart(elemento, doctype, options, fkShoppingCart);
	// Si el documento que se selecciona es una cotización se ocultan los atributos del pedido y sólo se deja activo el campo para la nota pública
	muestra_info_adicional();
	selectedCard = $( '.icon-doc-shopping-cart-selected').data('fk_shopping_cart', fkShoppingCart);
	selectedCard.trigger( 'click' );
	modalSelect.dialog('close');
}

function muestra_info_adicional() {
	doctype = $( ".operation-select" ).data( "element_type");
	console.log("en muestra_info_adicional el doctype: ", doctype);
	$( ".cointainer-shopping-cart-order-note-public" ).show();
	switch (doctype) {
		case 'propal':
			$( '.tipo-pago-container' ).hide();
			$( ".cointainer-shopping-cart-order-factura-especial" ).hide();
			$( "#factura_especial" ).hide();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).hide();
			$( "#solo_remisionar" ).hide();
			$( ".cointainer-shopping-cart-order-orden-compra" ).hide();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).hide();
			$( ".cointainer-shopping-cart-order-quien-solicita" ).hide();
			$( ".cointainer-shopping-cart-order-observa-guia" ).hide();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();

			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr 2fr');
			$( '.cointainer-shopping-cart-doc-customer .information' ).show();

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-price' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-price' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-discount.edit' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-discount' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-total' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total-ttc' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total-ttc' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'visible');

			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
			break;
		case 'commande':
			$( '.tipo-pago-container' ).show();
			$( ".cointainer-shopping-cart-order-factura-especial" ).show();
			$( "#factura_especial" ).show();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).show();
			$( "#solo_remisionar" ).show();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).show();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();
			$( ".cointainer-shopping-cart-order-requiere-firma" ).show();
			$( "#requiere_firma" ).show();
			$( "#tienda_fisica" ).show();
			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr 2fr');

			$( '.cointainer-shopping-cart-doc-customer .information' ).show();

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-price' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-price' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-discount.edit' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-discount' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-total' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total-ttc' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total-ttc' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'visible');

			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
			break;
		case 'muestra':
			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr');

			$( '.tipo-pago-container' ).hide();
			$( '.cointainer-shopping-cart-doc-customer .information' ).hide();

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-price' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-price' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-discount.edit' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-discount' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-total' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total-ttc' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-total-ttc' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'hidden');

			$( ".cointainer-shopping-cart-order-factura-especial" ).show();
			$( "#factura_especial" ).show();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).show();
			$( "#solo_remisionar" ).show();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).show();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();
			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
			break;
		case 'reposicion':
			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr 2fr');
			$( '.cointainer-shopping-cart-body-line-detail' ).css( 'grid-template-columns', '5% 5% 5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr');
			$( '.cointainer-shopping-cart-doc-header' ).css( 'grid-template-columns', '5% 5% 5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr');
			//cointainer-shopping-cart-doc-header

			$(".cointainer-shopping-cart-body-etiqueta").hide();

			$( '#down_qty' ).hide();
			$( '#up_qty' ).hide();
			$( '#qty_producto' ).hide();
			$( '.cointainer-shopping-cart-header-product-input-add-qty' ).hide();
			$( '.cointainer-shopping-cart-header-product-input-clear-qty' ).hide();

			$( '.tipo-pago-container' ).hide();
			//$( '#select_reposicion' ).hide();para ocultar el select
			$( '.cointainer-shopping-cart-doc-customer .information' ).show();

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'hidden');

			$( ".cointainer-shopping-cart-order-factura-especial" ).hide();
			$( "#factura_especial" ).hide();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).hide();
			$( "#solo_remisionar" ).hide();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).hide();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).hide();
			$( ".cointainer-shopping-cart-body-stock" ).remove();
			$( ".cointainer-shopping-cart-body-pu" ).remove();
			break;
		case 'obsequio':
			$( '.tipo-pago-container' ).hide();
			$( ".cointainer-shopping-cart-order-factura-especial" ).show();
			$( "#factura_especial" ).show();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).show();
			$( "#solo_remisionar" ).show();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).show();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();
			$( '.cointainer-shopping-cart-doc-customer .information' ).show();

			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr 2fr');

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-price' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-price' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-discount.edit' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-discount' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-total-ttc' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total-ttc' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'hidden');

			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
			break;
		case 'canjebono':
			$( '.tipo-pago-container' ).hide();
			$( ".cointainer-shopping-cart-order-factura-especial" ).show();
			$( "#factura_especial" ).show();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).show();
			$( "#solo_remisionar" ).show();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).show();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();
			$( '.cointainer-shopping-cart-doc-customer .information' ).show();

			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr 2fr');

			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr 2fr');

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-price' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-price' ).css('visibility', 'visible');

			// $( '.cointainer-shopping-cart-header-discount.edit' ).css('visibility', 'hidden');
			// $( '.cointainer-shopping-cart-body-discount' ).css('visibility', 'hidden');
			// $( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-header-total-ttc' ).css('visibility', 'visible');
			$( '.cointainer-shopping-cart-body-total-ttc' ).css('visibility', 'visible');

			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'hidden');
			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
			break;
		case 'bonoskpis':
			$( '.cointainer-shopping-cart-doc-customer' ).css( 'grid-template-columns', '2fr 2fr 2fr');

			$( '.tipo-pago-container' ).hide();
			$( '.cointainer-shopping-cart-doc-customer .information' ).hide();

			$( '.cointainer-shopping-cart-header-niv-precio' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-pu' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-header-price-select.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-price' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-price' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-discount.edit' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-discount' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-header-discount.add' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-total' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-total-ttc' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-total-ttc' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');

			$( '.cointainer-shopping-cart-header-product-add-gift.add' ).css('visibility', 'hidden');

			$( ".cointainer-shopping-cart-order-factura-especial" ).show();
			$( "#factura_especial" ).show();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).show();
			$( "#solo_remisionar" ).show();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).show();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();

			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
			break;
		default: // Propal
			$( '.cointainer-shopping-cart-body-input-attachment' ).css('visibility', 'hidden');
			$( '.cointainer-shopping-cart-body-attachment' ).css('visibility', 'hidden');
			$( ".cointainer-shopping-cart-order-factura-especial" ).show();
			$( "#factura_especial" ).show();
			$( ".cointainer-shopping-cart-order-solo-remisionar" ).show();
			$( "#solo_remisionar" ).show();
			$( ".cointainer-shopping-cart-order-orden-compra" ).show();
			$( ".cointainer-shopping-cart-order-condiciones-pago" ).show();
			$( ".cointainer-shopping-cart-order-acompa-orsy" ).show();

			$(".cointainer-shopping-cart-body-fecha-reposicion").hide();
	}
}

$(document).off("click", ".cointainer-shopping-cart-body-attachment-checkbox").on("click", ".cointainer-shopping-cart-body-attachment-checkbox", function () {
	const fkShoppingCartDet = $(this).closest('.cointainer-shopping-cart-body-line-detail').data('fk_shopping_cartdet');
	console.log("fkShoppingCartDet: ", fkShoppingCartDet);
	let isCheckedInput = $(this).is(":checked") ? 1 : 0;

	let attachment = $(this).closest('.cointainer-shopping-cart-body-line-detail').find('.cointainer-shopping-cart-body-attachment');
	mark_attach_reposicion(fkShoppingCartDet, isCheckedInput)
	.then(() =>{
		if (isCheckedInput) {
			attachment.css('visibility', 'hidden');
		} else {
			attachment.css('visibility', 'visible');
		}
	})
	.catch((error) => {
		console.error("Error al markar linea:", error);
	});
});

function shopping_cart_bottom_options() {
	$( ".master-bottom-section" ).empty();

	var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
	var fkStatut = $( ".icon-doc-shopping-cart-selected" ).data( "fk_statut" );
	var elementtype = $( ".icon-doc-shopping-cart-selected" ).data( "elementtype" );
	var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc" );
	var valorHT = $( "#current_valor_total_ht" ).text();
	var valorTTC = $( "#current_valor_total_ttc" ).text();

	console.log("shopping_cart_bottom_options fkShoppingCart: ", fkShoppingCart);
	console.log("shopping_cart_bottom_options fkStatut: ", fkStatut);
	console.log("shopping_cart_bottom_options fkSoc: ", fkSoc);
	console.log("shopping_cart_bottom_options valorHT: ", valorHT);
	console.log("shopping_cart_bottom_options valorTTC: ", valorTTC);
	console.log("el numero de lineas de pedidos del dia son",numLineasPedido);

	$( ".master-bottom-section .options-customer .options .options-icons .icon.option-shopping-cart" ).empty();

	if (typeof fkShoppingCart === 'undefined' || typeof fkSoc === 'undefined' || typeof fkStatut === 'undefined')
		return;

	var divMasterBottomOptions =
	'<div class="options-customer">' +
		'<div class="options">' +
			'<div class="options-icons">' +
				'<div></div>' +
				'<div class="icon pedidos-dia-kpi option-shopping-cart" id="consulta_pedidos_dia">' +
					'<div class="kpi-horizontal">' +

						'<div class="kpi-item">' +
							'<span class="kpi-data">Estrategia 5X5X5</span>' +
						'</div>' +

						'<div class="kpi-item">' +
							'<span class="kpi-label">Vr Prom Ped.</span>' +
							'<span class="kpi-data" id="valor_pedidos_dia">' + vrPromPedido + '</span>' +
						'</div>' +

						'<div class="kpi-item">' +
							'<span class="kpi-label">#Pedidos</span>' +
							'<span class="kpi-data" id="cantidad_pedidos">' + numPedidos +'</span>' +
						'</div>' +

						// '<div class="kpi-item">' +
							// '<span class="kpi-label">#Lineas</span>' +
							// '<span class="kpi-data" id="cantidad_lineas">' + numLineasPedido + '</span>' +
						// '</div>' +

						'<div class="kpi-item">' +
							'<span class="kpi-label">Lineas Prom</span>' +
							'<span class="kpi-data" id="lineas_prom">' + proLineasPedido + '</span>' +
						'</div>' +

					'</div>' +
				'</div>' +
				'<div></div>' +
				'<div></div>' +
				'<div></div>' +
				'<div></div>' +
				'<div></div>' +
				'<div class="icon option-shopping-cart" id="add_attachment_reposicion">' +
					'<i class="fa fa-paperclip"></i>' +
				'</div>' +
				'<div class="icon option-shopping-cart" id="view_orders_managed">' +
					'<i class="fa fa-truck"></i>' +
				'</div>' +
				'<div class="icon option-shopping-cart" id="more_attributes">' +
					'<i class="fa fa-newspaper"></i>' +
				'</div>' +
				'<div class="icon option-shopping-cart" id="valid_document">' +
					'<i class="fa fa-check"></i>' +
				'</div>' +
			'</div>' +
			// '<div class="options-help" style="display: none;">' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div></div>' +
				// '<div class="help" id="help_view_orders_managed">' +
					// 'Pedidos gestionados' +
				// '</div>' +
				// '<div class="help" id="help_more_attributes">' +
					// 'Atributos adicionales' +
				// '</div>' +
				// '<div class="help" id="help_valid_document">' +
					// 'Validar' +
				// '</div>' +
			// '</div>' + Ya hay 0 imagen(es). Solo puede agregar 3 más.
		'</div>' +
		'<div class="toogle-options" id="toggle_customer_options">' +
			'<i class="fa fa-ellipsis-h"></i>' +
		'</div>' +
	'</div>';

	// Se construye la estructura que se muestra en la barra inferior
	var divMasterBottomSection = $( ".master-bottom-section" );
	divMasterBottomSection.empty();
	divMasterBottomSection.append(divMasterBottomOptions);
	divMasterBottomSection.css( "background", "rgb(74, 74, 74)" );

	$( "#add_attachment_reposicion" ).hide();
	// $(".cointainer-shopping-cart-body-fecha-reposicion").css("visibility", "hidden");

	// Si no hay un valor del documento se ocultan lo relacionado con la validación del documento
	// Si el estatus del documento es 1=> validado, se oculta la opcion de validar
	// if (valorTTC === '0' || fkStatut == 1) {
	// 	$( "#valid_document, #help_valid_document" ).hide();
	// }

	if ((valorTTC === '0' && elementtype !== 'reposicion') || fkStatut == 1) {
		$("#valid_document, #help_valid_document").hide();
	}


	if (elementtype === 'propal') {
		// $( "#view_orders_managed, #help_view_orders_managed" ).hide();
		$( "#view_orders_managed, #help_view_orders_managed" ).empty();
	}

	if (elementtype === 'reposicion') {
		$( "#view_orders_managed, #more_attributes" ).hide();
		$( "#add_attachment_reposicion" ).show();
	}

	if (fkStatut == 1) {
		$( "#add_attachment_reposicion" ).hide();
		$( ".cointainer-shopping-cart-body-attachment" ).hide();
		$( ".cointainer-shopping-cart-body-input-attachment" ).hide();
		$(".cointainer-shopping-cart-body-fecha-reposicion").css("visibility", "hidden");
	}

	function toggleBottomSection(e) {
		console.log("el e.target", e.target);
		if ($(e.target).is(".fa.fa-ellipsis-h") || $(e.target).is("#toggle_customer_options")) {
			divMasterBottomSection.toggleClass('expandir-bottom-section');
			$("#toggle_customer_options").toggleClass('expandir-bottom-section');
			$(".options-customer .options .options-help").toggle();
		} else {
			divMasterBottomSection.removeClass('expandir-bottom-section');
			$("#toggle_customer_options").removeClass('expandir-bottom-section');
			$(".options-customer .options .options-help").hide();
		}
	}

	// Verificar si ya se ha agregado el manejador de eventos al documento
	if (!divMasterBottomSection.data("clickHandler")) {
		$(document).on("click", function(e) {
			toggleBottomSection(e);
		});
		divMasterBottomSection.data("clickHandler", true);
	}

	// Se contruye el evento de clic sobre las opciones
	$( ".option-shopping-cart" ).on( "click", function() {
		console.log("Se dió clic sobre una opción")
		var optionId = $( this ).attr('id');

		if (typeof optionId !== 'undefined') {
			switch (optionId) {
				case 'valid_document':
					prevalid_document();
					break;
				case 'more_attributes':
					more_attributes();
					break;
				case 'view_orders_managed':
					view_orders_managed();
					break;
				case 'consulta_pedidos_dia':
					view_orders_managed();
					break;
				default:
					console.log("es otra opción");
			}
		}

	});

}

function prevalid_document() {
	// var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
	var fkShoppingCart = $( ".operation-select" ).data( "fk_shopping_cart" );
	var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc" );
	var elementType = $( ".operation-select" ).data( "element_type" );

	const algunoVisible = $(".cointainer-shopping-cart-body-stock")
		.filter(function () {
			return $(this).css("visibility") === "visible";
		}).length > 0;

	let mark_stock = 0;
	if (algunoVisible) {
		mark_stock = 1;
	} else {
		mark_stock = 0;
	}

	validarDatosMinimosRecaudo(fkSoc, (request) => {
		if (request.datosMinimosRecaudo) {
			console.log( "validaremos el documento con id: ", fkShoppingCart);

			const fd = new FormData();
			fd.append('action', 'prevalid_document');
			fd.append('element_type', elementType);
			fd.append('fk_shopping_cart', fkShoppingCart);
			fd.append('fk_soc', fkSoc);
			fd.append('mark_stock', mark_stock);
			fd.append('token', fkSoc);
			fd.append('token', '');

			call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
				if (data.error == 0) {
					console.log("El data es: ", data)

					noAlerts = data.no_alerts;
					noBlocks = data.no_blocks;
					requiereFirma = data.requiere_firma;

					var alertsDiv;
					var blocksDiv;
					var ConfirmValidateDiv;
					let isChecked = false; /*Se utiliza para validar descuento por pronto pago */

					// Se evaluan las alertas a mostrar:
					if ((noAlerts + noBlocks) > 0) {
						if (noAlerts > 0) {
							// Se define el contenedor donde se mostrarán las alertas
							alerts = data.alertsArray
							alertsDiv = $( "<div>", {
								class: "alerts-container"
							})

							tituloP = $( "<h3>", {
								class: "alerts-message-title-validate"
								, text: 'Alertas'
							})

							alertsDiv.append(tituloP);

							$.each(alerts, function(key, value) {
								console.log("key: ", key);
								console.log("value: ", value);

								mensajeP = $( "<p>", {
									class: "alerts-message-validate"
									, html: value
								})

								alertsDiv.append(mensajeP);
							});

						}


						// Si el cliente es un cliente prospecto y tiene su pdf de vinculación se desestima el bloqueo por documentos anexos requeridos
						let esProspecto = $( ".current-customer-info" ).data( "es_prospecto" );
						let tienePDFVinculacion = $( ".current-customer-info" ).data( "tienePDFVinculacion" );

						console.log("esProspecto:", esProspecto);
						console.log("tienePDFVinculacion:", tienePDFVinculacion);

						var blocksArray = data.blocksArray;
						console.log("blocksArray:", blocksArray);

						blocks = {};
						$.each(blocksArray, function(key, value) {
							if (esProspecto == 1 && tienePDFVinculacion == 1 && key == 11) {
								noBlocks--;
								return true;
							}
							blocks[key] = value;
						});
						console.log("blocks:", blocks);

						// Se evaluan los bloqueos a mostrar:
						if (noBlocks > 0) {
							// Se define el contenedor donde se mostrarán las alertas
							blocksDiv = $( "<div>", {
								class: "blocks-container"
							})

							tituloP = $( "<h3>", {
								class: "blocks-message-title-validate"
								, html: 'Bloqueos'
							})

							blocksDiv.append(tituloP);

							$.each(blocks, function(key, value) {
								console.log("block key: ", key);
								console.log("block value: ", value);

								mensajeP = $( "<p>", {
									class: "blocks-message-validate"
									, html: value
								})

								blocksDiv.append(mensajeP);
							});
						}
					}
					else {
						ConfirmValidateDiv = $( "<div>", {
							class: "confirm-validate-container"
						})

						tituloP = $( "<h3>", {
							class: "confirm-message-title-validate"
							, text: 'Confirmación'
						})

						ConfirmValidateDiv.append(tituloP);

						tipoDocumento = $( ".operation-select" ).data("element_type");
						var mensajeP;

						if (tipoDocumento == 'canjebono') {
							// var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
							var fkShoppingCart = $( ".operation-select" ).data( "fk_shopping_cart" );
							var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
							const fd = new FormData();
							fd.append('action', 'distribute_total_in_bonus');
							fd.append('token', '');
							fd.append('fk_shopping_cart', fkShoppingCart);
							fd.append('fk_soc', fkSoc);
							/*****
							*	Se incluye parámetro de tipo de bono, para poder manejar en una sola acción
							*	'determine_bonus_balance' los bonos de marketing y los bonos por KPIs
							*	dbonilla. 5/mar/2025
							*****/
							tipoBono = (tipoDocumento=='canjebono'?2:3);
							fd.append('tipo_bono', tipoBono);

							call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (request) => {
								if (request.error == 0) {
									mensajeP = $( "<div>", {
										class: "confirm-message-validate"
									});

									var distribucionContainer = $( "<div>", {
										class: "bonus-distribution-container"
										, html: '<p class="bonus-distribution-title-container">' + 'Al validar el pedido, los bonos serán redimidos con la siguiente distribución:' + '</p>'
									});

									// Se crea contenedor para los titulos
									var contenedor = $( '<div>', {
										class: 'bonus-distribution-header-container'
									})
									.append( $( '<span>', {
										html: 'Fecha'
									}))
									.append( $( '<span>', {
										html: 'Observacion'
									}))
									.append( $( '<span>', {
										html: 'Monto'
									}))
									.append( $( '<span>', {
										html: 'Utilizado'
									}))

									distribucionContainer.append(contenedor);

									$.each(request.distribucionBonos, function(key, bono) {
										// Se crea el contenedor para la linea de detalle
										var contenedor = $( '<div>', {
											class: 'bonus-distribution-body-container'
										})
										.append( $( '<span>', {
											'etiqueta': 'fecha'
											, html: bono.fecha
										}))
										.append( $( '<span>', {
											'etiqueta': 'observacion'
											, html: bono.observacion
										}))
										.append( $( '<span>', {
											'etiqueta': 'monto'
											, html: bono.montof
										}))
										.append( $( '<span>', {
											'etiqueta': 'utilizado'
											, html: bono.distribuirf
										}))

										distribucionContainer.append(contenedor);
									});
								}

								mensajeP.append(distribucionContainer);
								ConfirmValidateDiv.append(mensajeP);
							});
						}
						else {
							mensajeP = $( "<p>", {
								class: "confirm-message-validate"
								, text: '¿Está seguro de querer validar el documento?'
							})

							ConfirmValidateDiv.append(mensajeP);
						}
					}

					var modalMensaje = $('<div>', {
						class: "font-window-message-validate"
					});

					/******
					*	Se valida si el pedido tiene condición de firma y de ser así se genera el espacio para que se haga la firma correspondiente
					*	Si hay bloqueos no se pide la firma
					*	dbonilla. 27/mar/2025
					*****/
					var elementType = $( ".operation-select" ).data("element_type");
					if (elementType == 'commande' && data.requiere_firma == 1 && noBlocks == 0) {
						var modalSing = $('<div>', {
							id: "modalFirma",
							class: "sing-main-container"
						});

						// Agregar el título
						var descripcionFirma = $('<p>', {
							text: "Este Pedido requiere firma para poder ser validado"
						});
						modalSing.append(descripcionFirma);

						// Crear el área de firma del cliente
						var customerSign = $('<div>', {
							class: "customer-sign-commande"
						});
						modalSing.append(customerSign);

						var guardarContainer = $( '<div>', {
							class: "customer-sign-btn-container"
						})

						modalMensaje.append(modalSing);
					}

					/*Realiza la validación para la validacion de aplicacion de descuento por pronto pago */
					if (data.discount && Array.isArray(data.discount) && data.discount.length > 0) {
						// Div para validación de descuento
						var descuento = $('<div>', {
							class: "discount-container"
						});

						// Agregar un título o descripción para los descuentos
						var labelDescuento = $('<label>', {
							text: 'Seleccione un descuento por pronto pago:'
						});
						descuento.append(labelDescuento);

						// Crear los radio buttons dinámicamente
						data.discount.forEach(function(value, index) {
							var radioId = 'descuentoRadio_' + index;
							var additionalText = '';

							// Asignar texto adicional según el valor del descuento
							switch (value) {
								case 2:
									additionalText = '15 días';
									break;
								case 3:
									additionalText = '10 días';
									break;
								case 5:
									additionalText = '5 días';
									break;
								default:
									additionalText = '';
							}

							// Crear un radio button
							var radioButton = $('<input>', {
								type: 'radio',
								id: radioId,
								name: 'descuento', // Nombre común para agrupar
								value: value
							});

							// Crear el label asociado al radio button
							var radioLabel = $('<label>', {
								for: radioId,
								text: value + '% - ' + additionalText
							});

							// Crear un contenedor para el radio button y su label
							var radioContainer = $('<div>', {
								class: "radio-container"
							});

							// Agregar el radio button y el label al contenedor
							radioContainer.append(radioButton, radioLabel);

							// Agregar el contenedor al div de descuentos
							descuento.append(radioContainer);
						});

						// Agregar el contenedor al modal
						modalMensaje.append(descuento);

					}

					/*****
					*	Se requiere agregar un indicador de descuento del 5% cuando se cumpla que es un pedido y que tiene más de 7 productos
					*	dbonilla.	02/dic/2025
					****/
					applyDiscount = data.applyDiscount;
					discountForMinNumLines = data.discountForMinNumLines;
					discountForMinNumLinesF = data.discountForMinNumLinesF;
					vlrDiscountF = data.vlrDiscountF;
					if (applyDiscount > 0) {
						var indicadorDescuentoXLineas = $(`
						<div class="line-discount-container">
							<label for="line_discount" class="line-discount-label">
								¿Aplicar al pedido descuento del ${discountForMinNumLinesF}% - (Equivale a <b>$${vlrDiscountF}</b>)?
							</label>
							<input type="checkbox" id="line_discount" class="line-discount-checkbox" name="apply_discount">
						</div>`);
						modalMensaje.append(indicadorDescuentoXLineas);
					}


										/***
					 * Beneficio por flete Wmax - dbonilla 19/mar/2026
					 **/
					if (data.flete_benefit) {
						var fb = data.flete_benefit;
						var labelFlete = '&iquest;Aplicar beneficio al flete? (Ahorro: <b>$' + fb.ahorroF + '</b>)';
						var indicadorFleteBenefit = $('<div>', { class: 'flete-benefit-container' })
							.append($('<label>', { for: 'chk_flete_benefit', class: 'flete-benefit-label' })
								.html(labelFlete))
							.append($('<input>', {
								type: 'checkbox',
								id: 'chk_flete_benefit',
								class: 'flete-benefit-checkbox',
								checked: true,
								'data-ahorro'       : fb.ahorro,
								'data-total-full'   : fb.total_full,
								'data-total-neto'   : fb.total_neto,
								'data-desc-efectivo': fb.desc_efectivo,
								'data-max-desc'     : fb.max_desc,
								'data-vr-flete'     : fb.vr_flete
							}));
						modalMensaje.append(indicadorFleteBenefit);
						// Recalculo dinamico cuando usuario elige descuento de pronto pago
						// DESACTIVADO - dbonilla 2026-04-09: los descuentos de pronto pago
						// ya no deben impactar el beneficio por flete. Se deja comentado por
						// si en el futuro se requiere reactivar.
						/*
						$(document).off('change.flete').on('change.flete', 'input[name="descuento"]', function() {
							var chk       = $('#chk_flete_benefit');
							var ppPct     = parseFloat($(this).val()) || 0;
							var totalFull = parseFloat(chk.data('total-full'));
							var totalNeto = parseFloat(chk.data('total-neto'));
							var descEf    = parseFloat(chk.data('desc-efectivo'));
							var maxDesc   = parseFloat(chk.data('max-desc'));
							var vrFlete   = parseFloat(chk.data('vr-flete'));
							var descPpFull   = ppPct * totalNeto / totalFull;
							var margen       = maxDesc - descEf - descPpFull;
							var beneficioRaw = margen > 0 ? margen * totalFull / 100 : 0;
							var ahorro       = Math.floor(Math.min(beneficioRaw, vrFlete) / 100) * 100;
							if (ahorro <= 0) {
								chk.prop('checked', false).prop('disabled', true);
								chk.closest('.flete-benefit-container').hide();
							} else {
								chk.data('ahorro', ahorro).prop('disabled', false);
								chk.closest('.flete-benefit-container').show();
								chk.closest('.flete-benefit-container').find('label')
										.html("&iquest;Aplicar beneficio al flete? (Ahorro: <b>$" + price(ahorro, ".", 0, false) + "</b>)");
							}
						});
						*/
					}

					modalMensaje.append(alertsDiv, blocksDiv, ConfirmValidateDiv);

					modalMensaje.dialog({
						modal: true
						, width: (window.innerWidth * 0.4)
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message-validate" ); // para manejar el estilo de la letra de los botones
							if (noBlocks > 0) {
								$( "#btn_validate_document" ).hide(); // Ocultar el botón validar si hay bloqueos
							}
							else if (requiereFirma == 1){
								$( "#btn_validate_document" ).attr('disabled', true); // Ocultar el botón validar si hay bloqueos
							}
							$( "#btn_close" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalMensaje.closest( ".ui-dialog-content" ).css("max-height", (window.innerHeight * 0.8)); // borde redondo del modal
						}
						, close: function() {
							modalMensaje.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Validar"
								, id: "btn_validate_document"
								, click: function() {
									fkShoppingCart = $( ".cointainer-shopping-cart-doc-customer .operation" ).data("fk_shopping_cart");
									elementType = $( ".operation-select" ).data( "element_type" );
									console.log("Del documento : ", fkShoppingCart);

									// Obtener el valor del descuento por pronto pago
									var selectedDiscount = $("input[name='descuento']:checked").val();

									// Validar si el valor seleccionado es válido, de lo contrario asignar 0
									if (!selectedDiscount) {
										selectedDiscount = 0; // Si no se seleccionó ningún valor, asignamos 0
									}

									// Mostrar el valor del descuento
									console.log("Descuento seleccionado: " + selectedDiscount + '%');
									tipoDocumento = $( ".operation-select" ).data("element_type");


									const fd = new FormData();
									fd.append('action', 'valid_document');
									fd.append('fk_shopping_cart', fkShoppingCart);
									fd.append('descuento_pronto_pago', selectedDiscount);
									fd.append('token', '');
									/*****
									*	Se incluyen las variables que determinan si se hace un descuento por número de  líneas
									*	dbonilla.	02/dic/2025
									*****/
									let lineDiscount = 0;
									if ($('#line_discount').is(':checked')) {
										lineDiscount = 1;
									}
									fd.append('line_discount', lineDiscount);
									if (lineDiscount == 1) {
										fd.append('discount_for_min_numlines', discountForMinNumLines);
									}

									// Beneficio por flete Wmax - dbonilla 19/mar/2026
									if ($('#chk_flete_benefit').is(':checked')) {
										fd.append('flete_benefit', $('#chk_flete_benefit').data('ahorro'));
									}

									/*****
									*	Se incluye parámetro de tipo de bono, para poder manejar en una sola acción
									*	'determine_bonus_balance' los bonos de nmarketing y los bonos por KPIs
									*	dbonilla. 5/mar/2025
									*****/
									tipoBono = (tipoDocumento=='canjebono'?2:3);
									fd.append('tipo_bono', tipoBono);

									/******
									*	Se incluye el objeto donde se guarda la firma del pedido
									*	dbonilla. 11/abr/2025
									*****/
									Object.keys(firmas).forEach((idFirma, index) => {
										if (firmas[idFirma] !== null) {
												fd.append(idFirma, firmas[idFirma]);
											}
									});
									var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
									fd.append('fk_soc', fkSoc);
									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										if (data.error == 0) {
											modalMensaje.dialog( "close" );
											console.log("volvio de crear la cotización");
											view_shopping_cart(fkShoppingCart, 1);
										}
										else {
											// Se muestra modal con el error
											var modalError = $('<div>', {
												html: data.mensaje
											});

											modalError.dialog({
												modal: true
												, width: (window.innerWidth * 0.4)
												, position: { my: 'center', at: 'center', of: $( window ) }
												, open: function() {
													modalError.closest( ".ui-dialog" ).css( 'border-radius', '10px' );
													modalError.closest( ".ui-dialog" ).css( 'border', '3px solid grey' );
													$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
													$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .5;");
												}
												, buttons: {
													Ok: function() {
														$(this).dialog('close');
														return;
													}
												}
											});
										}
									});
								}
							}
							, {
								text: "Cerrar"
								, click: function() {
									modalMensaje.dialog( "close" );
								}
							}
						]
					});
					crearFirma('.customer-sign-commande', 'customer', 'Firma del Cliente', (nameFirma, fileFirma) => {
						$( '#btn_validate_document' ).button( 'option', 'disabled', true);
						$( '#btn_validate_document' ).attr( 'disabled', true);
						if (nameFirma != '') {
							$( '#btn_validate_document' ).button( 'option', 'disabled', false);
							$( '#btn_validate_document' ).attr( 'disabled', false);
						}
					}, $( '.font-window-message-validate' ).closest( '[role="dialog"]' ));
				}
				else if (data.error == 510) {
					// Crea un diálogo con el mensaje de confirmación
					var modaExceptionOrderLines = $('<div>', {
						class: "modal-exception-order-lines font-window-message"
					});

					var exceptionOrderLinesContainer = $('<div>', {
						class: "exception-order-lines-container"
					});

					var exceptionOrderLinesDescription = $('<p>', {
						class: "exception-order-lines-description"
						, html: 'Se presentan las siguientes excepciones sobre las líneas del pedido, que impiden su validación:'
					});

					// Se crea el elelemnto que mostrará las excepciones encontradas en las lineas del Pedido
					if (data.numExceptions > 0) {
						var exceptionOrderLinesUL = $('<ol>', {
							class: "exception-order-lines-ul"
						});

						$.each(data.arrayExceptions, function(key, value) {
							console.log("arrayExceptions key: ", key);
							console.log("arrayExceptions value: ", value);
							var exceptionOrderLinesLI = $('<li>', {
								class: "exception-order-lines-li"
								, html: 'El producto: ' + value.ref + ' - ' + value.label + '<br><span class="exception-order-lines-li-span">' + value.mensaje + '</span><br>'
							});
							exceptionOrderLinesUL.append( exceptionOrderLinesLI );
						});
					}

					exceptionOrderLinesContainer.append( exceptionOrderLinesDescription );
					exceptionOrderLinesContainer.append( exceptionOrderLinesUL );

					modaExceptionOrderLines.append( exceptionOrderLinesContainer );
					modaExceptionOrderLines.dialog({
						modal: true
						, position: {
							my: 'center'
							, at: 'center'
							, of: $( window )
						}
						, width: 'auto'
						, height: 'auto'
						, open: function() {
							modaExceptionOrderLines.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							modaExceptionOrderLines.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modaExceptionOrderLines.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
							modaExceptionOrderLines.prev( ".ui-dialog-titlebar" ).find( ".ui-dialog-title" ).addClass( "font-window-message" ); // para manejar la letra del titulo
						}
						, close: function() {
							modaExceptionOrderLines.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
							modaExceptionOrderLines.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Cerrar"
								, click: function() {
									modaExceptionOrderLines.dialog( "close" );
								}
							}
						]
					});

				}
				else if (data.error == 520) {
					mensaje = data.mensaje
					msjStandard(mensaje);
				}
			});

		}
	});

}

function more_attributes() {
	var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
	var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc" );
	var fkRubro = $( ".top-section-info-current .current-customer-info" ).data( "fk_rubro" );
	var fkFormeJuridique = $( ".top-section-info-current .current-customer-info" ).data( "fk_forme_juridique" );
	var esProspecto = $( ".top-section-info-current .current-customer-info" ).data( "es_prospecto" );

	console.log( "fkSoc: ", fkSoc);
	console.log( "fkShoppingCart: ", fkShoppingCart);
	console.log( "fkRubro: ", fkRubro);
	console.log( "fkFormeJuridique: ", fkFormeJuridique);
	console.log( "esProspecto: ", esProspecto);

	// Crea un diálogo para sobre el mostrar los demás atributos del documento
	var modalMoreAttributes = $('<div>', {
		class: "font-window-message"
		, id: 'modal-more-attributes'
	});

	// Se construye sección para incluir la captura de los datos adicionales de un pedido

	/************************* inicia sección de datos adicionales pedidos ****************************/
	var shoppingCartDocOrderAditionalInfoDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-aditional-info"
	});

	// Documentos de cliente prospecto. Aplica sólo para cuando el cliente es un prospecto (client = 2 y prospeco = 1)
	var docsProspectDiv = $( "<div>", {
		class: "cointainer-shopping-cart-docs-prospect aditional-info-order"
	})
	.append( $( "<label>", {
		text: "Docs. Cliente prospecto"
	}))
	.append( $( "<i>", {
		class: "fa fa-list"
		, id: "view_docs_prospecto"
	}))
	;


	// Nota pública
	var notePublicDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-note-public aditional-info-order"
	})
	.append( $( "<label>",  {
		text: "Nota pública"
	}))
	.append( $( "<p>",  {
		text: "Texto de la nota parcial..."
	}))
	;

	// Factura especial
	var facturaEspecialDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-factura-especial aditional-info-order"
	})
	.append( $( "<label>", {
		text: "Factura especial"
	}))
	.append( $( "<input>", {
		type: "checkbox"
		, id: "factura_especial"
	}))
	;

	// Solo remisionar
	var soloRemisionarDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-solo-remisionar aditional-info-order"
	})
	.append( $( "<label>", {
		text: "Solo remisionar"
	}))
	.append( $( "<input>", {
		type: "checkbox"
		, id: "solo_remisionar"
	}))
	;

	// Orden de compra
	var ordenCompraDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-orden-compra aditional-info-order",
		css: {
			overflow: "auto",     // Scroll automático si el contenido se desborda
		}
	})
	.append( $( "<label>", {
		text: "Orden de compra"
	}))
	.append( $( "<p>",  {
		text: "No. orden compra"
	}))
	// .append( $( "<div>",  {
	// 	class: "action-icons"
	// })
	// .append( $( "<i>",  {
	// 	class: "fa fa-search"
	// 	, id: "view_orden_compra_attach"
	// }))
	// .append( $( "<i>",  {
	// 	class: "fa fa-trash"
	// 	, id: "delete_orden_compra"
	// }))
	// )
	;

	// Condiciones pago
	var condicionesPagoDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-condiciones-pago aditional-info-order"
	})
	.append( $( "<label>", {
		html: "Condiciones de pago"
	}))
	.append( $( "<p>",  {
		text: "A la recepción"
	}))
	;

	// Acompañamiento Orsy
	var acompaOrsyDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-acompa-orsy aditional-info-order"
	})
	.append( $( "<label>", {
		text: "Acompañamiento Orsy"
	}))
	.append( $( "<p>"))
	;

	// Quién solicita
	var quienSolicitaDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-quien-solicita aditional-info-order"
	})
	.append( $( "<label>",  {
		text: "Quién solicita"
	}))
	.append( $( "<p>",  {
		text: "Texto de quien solicita..."
	}))
	;

	// Observaciones guía
	var observaGuiaDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-observa-guia aditional-info-order"
	})
	.append( $( "<label>",  {
		text: "Observaciones guía"
	}))
	.append( $( "<p>",  {
		text: "Texto de observaciones guia..."
	}))
	;

	// Requiere firma
	var requiereFirmaDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-requiere-firma aditional-info-order"
	})
	.append( $( "<label>", {
		text: "Requiere Firma"
	}))
	.append( $( "<input>", {
		type: "checkbox"
		, id: "requiere_firma"
	}))
	;

	/*****
	*	Se incluye contenedor para captura de marcació de tienda física (Campaña)
	*	dbonilla. 18/jun/2025
	*****/
	// Tienda física
	var tiendaFisicaDiv = $( "<div>", {
		class: "cointainer-shopping-cart-order-tienda-fisica aditional-info-order"
	})
	.append( $( "<label>", {
		text: "Tienda física"
	}))
	.append( $( "<input>", {
		type: "checkbox"
		, id: "tienda_fisica"
	}))
	;

	// Se obtienen los atributos adicionales del documento que se está seleccionando
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	const fd = new FormData();
	fd.append('action', 'get_shopping_cart_document');
	fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		valor = data.moreAttributes;

		const attachArray = data.attach;
		docStatus = valor.fk_statut;

		if (esProspecto == 1 && valor.elementtype == 'commande') { // Solo si es un pedido y el cliente es prospecto
			shoppingCartDocOrderAditionalInfoDiv.append(docsProspectDiv, notePublicDiv, facturaEspecialDiv, soloRemisionarDiv, condicionesPagoDiv, ordenCompraDiv, acompaOrsyDiv, quienSolicitaDiv, observaGuiaDiv);
		}
		else {
			shoppingCartDocOrderAditionalInfoDiv.append(notePublicDiv, facturaEspecialDiv, soloRemisionarDiv, condicionesPagoDiv, ordenCompraDiv, acompaOrsyDiv, quienSolicitaDiv, observaGuiaDiv);
		}

		/*****
		*	Se incluye la posibilidad de que se determine si requiere firma, sólo para pedidos
		*	dbonilla. 27/mar/2025
		*****/
		if (valor.elementtype == 'commande') {
			shoppingCartDocOrderAditionalInfoDiv.append(requiereFirmaDiv);
			/*****
			*	Se incluye marcación de tienda física (Camapaña)
			*	dbonilla. 18/jun/2025
			*****/
			shoppingCartDocOrderAditionalInfoDiv.append(tiendaFisicaDiv);
		}

		modalMoreAttributes.append(shoppingCartDocOrderAditionalInfoDiv);

		modalMoreAttributes.dialog({
			modal: true
			, width: innerWidth * 0.6
			, height: innerHeight * 0.5
			, position: { my: 'center', at: 'center', of: $( window ) }
			, open: function() {
				// $( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-dialog-titlebar" ).text('ATRIBUTOS ADICIONALES');
				$( ".ui-dialog-titlebar" ).css("text-align", "center");
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				modalMoreAttributes.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalMoreAttributes.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
				$( ".ui-dialog-titlebar-close").hide();

				// Documentos de cliente prospecto. Aplica sólo para cuando el cliente es un prospecto (client = 2 y prospeco = 1)
				$atributo = $( "#view_docs_prospecto" );

				$atributo.on( "click", function(e) {
					e.stopPropagation();
					console.log("Se cargamodal para visualizar o administrar los documentos anexos del cliente prospecto");

					// contenedor de la lista de documentos del cliente prospecto que se vayan anexando al pedido
					var docsProspectoContainer = $( "<div>",  {
						class: "container-docs-prospecto"
					})
					.append( $( "<div>", {
						class: "title-list-docs-prospecto"
					})
						.append( $( "<span>", {
							text: "Lista de documentos del cliente prospecto"
						}))
						.append( $( "<i>", {
							class: "fa fa-plus-circle"
							, id: "add_docs_prospecto"
						}))
					)
					.append( $( "<lu>", {
						class: "list-docs-prospecto"
					}))

					// Se levanta modal con posibilidad de visualizar y modificar los anexos
					var modalDocsProspecto = $('<div>', {
						class: "view-docs-prospecto font-window-more-attributes"
					})
					;

					$(document).off("click", "[id^='view_attach_file_prospecto_'], [id^='delete_attach_file_prospecto_']");
					modalDocsProspecto.append(docsProspectoContainer);

					modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
					modalDocsProspecto.dialog({
						modal: true
						, appendTo: modalPadre
						, width: window.innerWidth * 0.6
						, height: window.innerHeight * 0.6
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							modalDocsProspecto.prev(".ui-dialog-titlebar").hide()
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalDocsProspecto.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalDocsProspecto.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-more-attributes" ); // para manejar el estilo de la letra de los botones

							// se generan los elementos li que corresponden a los documentos anexos que tenga el carro de compras correspondientes a los anexos del clientes prospecto
							var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
							const fd = new FormData();
							fd.append('action', 'list_docs_prospecto');
							fd.append('fk_shopping_cart', fkShoppingCart);
							fd.append('token', '');
							fd.append('fk_soc', fkSoc);

							// Si se requiere que la funcion callbak maneje más parametros
							call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (lista) => {
								var numAttachFiles = lista.numAttachFiles;

								if (numAttachFiles > 0) {
									var attachFiles = lista.attachFiles;
									var $listDocs = $(".list-docs-prospecto");

									$.each(attachFiles, function (consecutivoDocs, attachFile) {
										consecutivoDocs++;
										var liDocsProspecto = createLiElement(consecutivoDocs, attachFile);
										$listDocs.append(liDocsProspecto);
										$( "#view_attach_file_prospecto_" + attachFile.rowid).data("fk_attach_document", attachFile.rowid);
										$( "#view_attach_file_prospecto_" + attachFile.rowid).data("filename", attachFile.filename);
										$( "#view_attach_file_prospecto_" + attachFile.rowid).data("filepath", attachFile.filepath);
										$( "#delete_attach_file_prospecto_" + attachFile.rowid).data("fk_attach_document", attachFile.rowid);
									});

									// Evento delegado para visualizar o eliminar el documento anexo
									$(document).on("click", "[id^='view_attach_file_prospecto_'], [id^='delete_attach_file_prospecto_']", function (e) {
										e.stopPropagation();
										var action = $(this).hasClass("view-attach-file-prospecto") ? 'view_attach_prospecto' : 'delete_attach_prospecto';

										if (action == 'view_attach_prospecto') {
											preview_attachment($( this ).data("filename"), '/'+ $( this ).data("filepath"), $('#modal-more-attributes').closest('.ui-dialog'), userCanDownloadAttachment=false, maxHeightVisor=80)
										}
										else if (action == 'delete_attach_prospecto') {
											var elementoUl = $( this ).parent();
											var thisElement = $( this);

											elementoUl.css( "outline", "4px solid red");
											// se genera modal para validar confirmar la eliminación del anexo
											var modalDeleteDocsProspecto = $('<div>', {
												class: "font-window-message"
												, text: '¿Está seguro de querer eliminar el anexo?'
											});

											modalPadre = $(".view-docs-prospecto").closest(".ui-dialog");

											modalDeleteDocsProspecto.dialog({
												modal: true
												, width: innerWidth * 0.5
												, appendTo: modalPadre
												, position: { my: 'center', at: 'center', of: $( window ) }
												, open: function() {
													modalDeleteDocsProspecto.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
													$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
													$( "#btn_no_delete_attach_prospecto" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
													modalDeleteDocsProspecto.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
													modalDeleteDocsProspecto.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
												}
												, close: function() {
													modalDeleteDocsProspecto.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
													modalDeleteDocsProspecto.dialog( "destroy" );
												}
												, buttons: [
													{
														text: "Sí"
														, id: "btn_yes_delete_orden_compra"
														, click: function() {
															var fd = new FormData();
															var fkAttachDocument = thisElement.data("fk_attach_document");
															var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
															fd.append("action", action);
															fd.append("fk_attach_document", fkAttachDocument);
															fd.append('token', '');
															fd.append('fk_soc', fkSoc);

															call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
																elementoUl.remove();
																$(".list-docs-prospecto li").each(function (index) {
																	$(this).find("span:first").text(index + 1);
																});

																modalDeleteDocsProspecto.dialog( "close" );
															});

														}
													}
													, {
														text: "Cancelar"
														, id: "btn_no_delete_attach_prospecto"
														, click: function() {
															elementoUl.css( "outline", "none");
															modalDeleteDocsProspecto.dialog( "close" );
														}
													}
												]
											});

										}
									});
								}
							});

							function createLiElement(consecutivoDocs, attachFile) {
								var $liDocsProspecto = $("<li>", { class: "li-list-docs-prospecto" })
								.append($("<span>", { text: consecutivoDocs }))
								.append($("<span>", { text: attachFile.filename }))
								.append($("<i>", { class: "fa fa-search view-attach-file-prospecto", id: "view_attach_file_prospecto_" + attachFile.rowid }))
								.append($("<i>", { class: "fa fa-trash delete-attach-file-prospecto", id: "delete_attach_file_prospecto_" + attachFile.rowid }));

								$liDocsProspecto.data("fk_attach_document", attachFile.rowid);
								return $liDocsProspecto;
							}
						}
						, close: function() {
							 modalDocsProspecto.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-more-attributes" );
							 modalDocsProspecto.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Cerrar"
								, click: function() {
									modalDocsProspecto.dialog( "close" );
								}
							}
						]
					});

					$( "#add_docs_prospecto" ).on( "click", function() {
						// Se levanta modal donde se anexará el documento del cliente prospecto

						var modalAttachDocsProspecto = $('<div>', {
							class: "font-window-message modal-attach-docs-prospecto"
						})
						.append( $( "<input>", {
							type: "file"
							, id: "docs_prospecto_attach"
						}))
						;

						// Se adicionan los elementos que permiten adjuntar el nuevo documento
						modalPadre = $(".view-docs-prospecto").closest(".ui-dialog");

						modalAttachDocsProspecto.dialog({
							modal: true
							, appendTo: modalPadre
							, position: { my: 'center', at: 'center', of: $( window ) }
							, width: innerWidth * 0.5
							, height: innerHeight * 0.5
							, open: function() {
								modalAttachDocsProspecto.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
								$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
								$( "#btn_cancelattach_doc_prospecto" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
								modalAttachDocsProspecto.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
								modalAttachDocsProspecto.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
								$( "#btn_attach_doc_prospecto" ).button( "option", "disabled", true);
							}
							, close: function() {
								modalAttachDocsProspecto.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
								modalAttachDocsProspecto.dialog( "destroy" );
							}
							, buttons: [
								{
									text: "Adjuntar"
									, id: "btn_attach_doc_prospecto"
									, click: function() {
										// cargue/guardado del documentos Anexo
										var inputFile = $("#docs_prospecto_attach");
										var docProspectoAttach = inputFile.prop("files")[0];
										var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

										var fd = new FormData();
										fd.append('fk_shopping_cart', fkShoppingCart);
										fd.append( "action", "save_docs_prospecto")
										fd.append( "doc_prospecto_attach", docProspectoAttach);
										fd.append('token', '');
										fd.append('fk_soc', fkSoc);

										call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {

											if (data.error == 0) {
												// Se presenta modal informando que se adjunto con éxito el documento
												var modalMensaje = $('<div>', {
													class: "font-window-message"
													, html: 'Se anexó con éxito el documento:</b><br/><br/>"<i>' + data.attachName
												});

												modalPadre = $( ".modal-attach-docs-prospecto" ).closest(".ui-dialog");

												modalMensaje.dialog({
													modal: true
													, appendTo: modalPadre
													, position: { my: 'center', at: 'center', of: $( window ) }
													, width: innerWidth * 0.55
													, open: function() {
														modalMensaje.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
														$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
														modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
														modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
													}
													, close: function() {
														modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
														modalMensaje.dialog( "destroy" );
													}
													, buttons: [
														{
															text: "Cerrar"
															, click: function() {
																modalMensaje.dialog( "close" );
																modalAttachDocsProspecto.dialog( "close" );
															}
														}
													]
												});

												// Se adiciona el elemento li de la lista de documentos anexos del prospecto
												var $liDocsProspecto = $("<li>", { class: "li-list-docs-prospecto" })
												.append($("<span>", { text: data.noAttach }))
												.append($("<span>", { text: data.attachName }))
												.append($("<i>", { class: "fa fa-search view-attach-file-prospecto", id: "view_attach_file_prospecto_" + data.idAttach }))
												.append($("<i>", { class: "fa fa-trash delete-attach-file-prospecto", id: "delete_attach_file_prospecto_" + data.idAttach }));

												$liDocsProspecto.data("fk_attach_document", data.idAttach);

												$(".list-docs-prospecto").append($liDocsProspecto);
												$( "#view_attach_file_prospecto_" + data.idAttach).data("fk_attach_document", data.idAttach);
												$( "#delete_attach_file_prospecto_" + data.idAttach).data("fk_attach_document", data.idAttach);

											}
										});

									}
								}
								, {
									text: "Cancelar"
									, id: "btn_cancelattach_doc_prospecto"
									, click: function() {
										modalAttachDocsProspecto.dialog( "close" );
									}
								}
							]
						});

						// Selección del documento anexo
						$( "#docs_prospecto_attach").on( "change", function() {
							var fileInput = this;
							var mimeTypeselectedFile = fileInput.files[0].type;
							console.log("mimeTypeselectedFile: ", mimeTypeselectedFile);
							console.log("camnio el contenido del attach");
							if ($( this ).val() != '') {
								if (mimeTypeselectedFile.includes('pdf') || mimeTypeselectedFile.includes('image')) {
									// Se varifica que el archivo (por nombre) no exista ya como un adjunto
									var inputFile = $("#docs_prospecto_attach");
									var docProspectoAttach = inputFile.prop("files")[0];
									var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

									var fd = new FormData();
									fd.append('fk_shopping_cart', fkShoppingCart);
									fd.append( "action", "validate_nomdocs_prospecto")
									fd.append( "doc_prospecto_attach", docProspectoAttach);
									fd.append('token', '');
									fd.append('fk_soc', fkSoc);

									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										if (data.existe == 1) {
											// Ya existe un anexo con el mismo nombre (esto incluye la extensión del archivo)
											var modalMensaje = $('<div>', {
												class: "font-window-message"
												, html: '<b>Ya existe un anexo con el mismo nombre:</b><br/><br/>"<i>' + data.attachName +'"</i><br/><br/>Por favor verifique y de ser necesario, elimine el archivo anexado previamente.'
											});

											modalPadre = $( ".modal-attach-docs-prospecto" ).closest(".ui-dialog");

											modalMensaje.dialog({
												modal: true
												, appendTo: modalPadre
												, position: { my: 'center', at: 'center', of: $( window ) }
												, width: innerWidth * 0.55
												, open: function() {
													modalMensaje.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
													$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
													modalMensaje.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
													modalMensaje.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
												}
												, close: function() {
													modalMensaje.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
													modalMensaje.dialog( "destroy" );
												}
												, buttons: [
													{
														text: "Cerrar"
														, click: function() {
															modalMensaje.dialog( "close" );
														}
													}
												]
											});

											$( "#btn_attach_doc_prospecto" ).button( "option", "disabled", true);
										}
										else {
											$( "#btn_attach_doc_prospecto" ).button( "option", "disabled", false);
										}
									});
								}
								else {
									$( this ).val('')
									$( "#btn_guardar_orden_compra" ).button("option", "disabled", true);

									// Se presenta ventana con mensaje al usuario
									var modalErrorTipoArchivo = $('<div>', {
										class: "font-window-message"
										, text: 'Sólo se aceptan archivos PDF e imágenes'
									});

									modalPadre = $( ".view-docs-prospecto" ).closest(".ui-dialog");

									modalErrorTipoArchivo.dialog({
										modal: true
										, appendTo: modalPadre
										, position: { my: 'center', at: 'center', of: $( window ) }
										, open: function() {
											modalErrorTipoArchivo.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
											$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
											$( "#id_boton" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
											modalErrorTipoArchivo.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
											modalErrorTipoArchivo.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
										}
										, close: function() {
											modalErrorTipoArchivo.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
											modalErrorTipoArchivo.dialog( "destroy" );
										}
										, buttons: [
											{
												text: "Cerrar"
												, click: function() {
													modalErrorTipoArchivo.dialog( "close" );
												}
											}
										]
									});

								}


							}
							else {
								$( "#btn_attach_doc_prospecto" ).button( "option", "disabled", true);
							}
						});

					});


				});

				// Nota pública
				var textArea = $( ".view-note-public > textarea" );

				$atributo = $( ".cointainer-shopping-cart-order-note-public" );
				$atributo.find("p").text(valor.note_public);

				$atributo.on( "click" , function() {
					console.log("detecta el click");

					// Se levanta modal con posibilidad de visualizar y modificar la nota
					var modalNotaPublica = $('<div>', {
						class: "view-note-public font-window-more-attributes"
					})
					.append( $( "<textarea>", {
						text: valor.note_public
						, id: "note_public"
					}) )
					;

					var numCaracteres = 0;
					if (valor.note_public != null) {
						// Eliminar caracteres de salto de línea y retornos de carro, reemplazándolos por un espacio
						let textoSinSaltosDeLinea = valor.note_public.replace(/[\r\n]+/g, ' ');
						numCaracteres = textoSinSaltosDeLinea.length;
					}

					modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
					modalNotaPublica.dialog({
						modal: true
						, appendTo: modalPadre
						, width: window.innerWidth * 0.6
						, height: window.innerHeight * 0.6
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							modalNotaPublica.prev(".ui-dialog-titlebar").hide()
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalNotaPublica.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalNotaPublica.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-more-attributes" ); // para manejar el estilo de la letra de los botones

							textArea = $( ".view-note-public > textarea" );

							textArea.on( "input", function() {
								if ($( this ).val() != '') {
									$( "#btn_guardar_note_public" ).button("option", "disabled", false);

									var texto = $( this ).val();

									// Verificar si la longitud del texto supera los 255 caracteres
									$( "#btn_longitud_note_public" ).css("border-color", "rgb(197, 197, 197)");
									$( "#btn_longitud_note_public" ).css("border-width", "1px");
									if (texto.length > 255) {
										// Si es más largo, truncar el texto a 255 caracteres
										$( this ).val(texto.substring(0, 255));
										$( "#btn_longitud_note_public" ).css("border-color", "red");
										$( "#btn_longitud_note_public" ).css("border-width", "3px");
									}

									$( "#btn_longitud_note_public" ).text( (255 - (texto.length>255?255:texto.length)) + " / 255")

								}
								else {
									$( "#btn_guardar_note_public" ).button("option", "disabled", true);
								}
							});

							if ( docStatus == 1 ) {
								$( "#btn_guardar_note_public" ).hide();
								textArea.attr( "disabled", true);
							}
							else {
								$( "#btn_guardar_note_public" ).button("option", "disabled", true);
							}
						}
						, close: function() {
							 modalNotaPublica.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-more-attributes" );
							 modalNotaPublica.dialog( "destroy" );
						}
						, buttons: [
							{
								text: (255 - numCaracteres) + " / 255"
								, id: "btn_longitud_note_public"
								, click: function() {
								}
							}
							, {
								text: "Guardar"
								, id: "btn_guardar_note_public"
								, click: function() {
									var textArea = $( ".view-note-public > textarea" );
									var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
									var newNotePublic = textArea.val();
									const fd = new FormData();
									fd.append('action', 'update_shopping_cart_field');
									fd.append('fk_shopping_cart', fkShoppingCart);
									fd.append('field', 'note_public')
									fd.append('value', newNotePublic);
									fd.append('token', '');
									fd.append('fk_soc', fkSoc);

									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										valor.note_public = newNotePublic;
										$( ".cointainer-shopping-cart-order-note-public > p" ).text(newNotePublic);
										modalNotaPublica.dialog( "close" );
									});

								}
							}
							, {
								text: "Cerrar"
								, id: "btn_cerrar"
								, click: function() {
									modalNotaPublica.dialog( "close" );
								}
							}
						]
					});

				});

				// Factura especial
				$atributo = $( "#factura_especial" );

				if (valor.factura_especial == 1) {
					$atributo.prop("checked", true);
				}
				else {
					$atributo.prop("checked", false);
				}

				$atributo.on( "change", function() {
					var habilitado = 0;
					if ($( this ).is(":checked")) {
						var habilitado = 1;
					}
					else {
						var habilitado = 0;
					}

					var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
					const fd = new FormData();
					fd.append('action', 'update_shopping_cart_field');
					fd.append('fk_shopping_cart', fkShoppingCart);
					fd.append('field', 'factura_especial');
					fd.append('value', habilitado);
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
						console.log("factura_especial queda en: ", habilitado);
					});
				});

				// Requiere firma
				$atributo = $( "#requiere_firma" );

				if (valor.requiere_firma == 1) {
					$atributo.prop("checked", true);
				}
				else {
					$atributo.prop("checked", false);
				}

				$atributo.on( "change", function() {
					var habilitado = 0;
					if ($( this ).is(":checked")) {
						var habilitado = 1;
					}
					else {
						var habilitado = 0;
					}

					var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
					const fd = new FormData();
					fd.append('action', 'update_shopping_cart_field');
					fd.append('fk_shopping_cart', fkShoppingCart);
					fd.append('field', 'requiere_firma');
					fd.append('value', habilitado);
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
						console.log("requiere_firma queda en: ", habilitado);
					});
				});

				/*****
				*	Se incluye marcación tienda física (campaña)
				*	dbonilla. 18/jun/2025
				*****/
				// Tienda física
				$atributo = $( "#tienda_fisica" );

				if (valor.campania == 1) {
					$atributo.prop("checked", true);
				}
				else {
					$atributo.prop("checked", false);
				}

				$atributo.on( "change", function() {
					var habilitado = 0;
					if ($( this ).is(":checked")) {
						var habilitado = 1;
					}
					else {
						var habilitado = 0;
					}

					var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
					const fd = new FormData();
					fd.append('action', 'update_shopping_cart_field');
					fd.append('fk_shopping_cart', fkShoppingCart);
					fd.append('field', 'campania');
					fd.append('value', habilitado);
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
						console.log("tienda_fisica queda en: ", habilitado);
					});
				});

				// Solo remisionar
				$atributo = $( "#solo_remisionar" );

				if (valor.solo_remisionar == 1) {
					$atributo.prop("checked", true);
				}
				else {
					$atributo.prop("checked", false);
				}

				$atributo.on( "change", function() {
					var habilitado = 0;
					if ($( this ).is(":checked")) {
						var habilitado = 1;
					}
					else {
						var habilitado = 0;
					}

					var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
					const fd = new FormData();
					fd.append('action', 'update_shopping_cart_field');
					fd.append('fk_shopping_cart', fkShoppingCart);
					fd.append('field', 'solo_remisionar');
					fd.append('value', habilitado);
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
						console.log("solo_remisionar queda en: ", habilitado);
					});
				});

				$atributo = $(".cointainer-shopping-cart-order-orden-compra").find('p');

				let htmlContent = '';

				if (attachArray && attachArray.length > 0) {
					attachArray.forEach(file => {
						const searchClass = file.type === 'db' ? 'click-search-db' : 'click-search';
						htmlContent += `<span class="file-item" data-fullpath="${file.fullpath_orig}" data-filename="${file.filename}" data-id="${file.id}" data-type="${file.type}">
							${file.filename}
							<i class="fa fa-search ${searchClass}"></i>
							<i class="fa fa-trash click-trash"></i>
						</span><br>`;
					});
				}

				// Mostrar el ícono si el arreglo es nulo, vacío o tiene <= 2 elementos
				if (!attachArray || attachArray.length <= 2) {
					htmlContent += '<i class="fa fa-paperclip attach-doc"></i>';
				}

				$atributo.html(htmlContent);

				// Agregar evento para visualizar pdf
				$(".click-search").click(function() {
					// Obtener los atributos data-fullpath y data-filename del elemento clicado
					let filename = $(this).closest('.file-item').data('filename');
					let dirDocument = '/shoppingCart/'+fkShoppingCart;
					let id = $(this).closest('.file-item').data('id');
					let type = $(this).closest('.file-item').data('type');
					console.log("Type: ", type);

					preview_attachment(filename, dirDocument, $('#modal-more-attributes').closest('.ui-dialog'), userCanDownloadAttachment=false, maxHeightVisor=80)
				});

				$(".attach-doc").click(function() {
					console.log("detecta el click y el valor: ", valor);

					// Se levanta modal con posibilidad de visualizar y modificar la orden de compra
					var modalOrdenCompra = $('<div>', {
						class: "view-orden-compra font-window-more-attributes"
					})
					.append( $( "<p>", {
						text: "Registre el número de la orden de compra y anexe el documento digitalizado:"
					}))
					.append( $( "<div>", {
						class: "container-detalle-orden-compra"
					})
					.append( $( "<input>", {
						type: "text"
						, id: "orden_compra"
						, placeholder: "No. orden de compra"
						, value: valor.orden_compra
					}))
					.append( $( "<input>", {
						type: "file"
						, id: "orden_compra_attach"
						, style: "display:none;"
					}))
					)
					;

					modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
					modalOrdenCompra.dialog({
						modal: true
						, appendTo: modalPadre
						, width: window.innerWidth * 0.6
						, height: window.innerHeight * 0.6
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							modalOrdenCompra.prev(".ui-dialog-titlebar").hide()
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalOrdenCompra.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalOrdenCompra.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-orden-compra" ); // para manejar el estilo de la letra de los botones

							if ( docStatus == 1 ) {
								$( "#btn_guardar_orden_compra" ).hide();
								$( "#orden_compra" ).attr( "disabled", true);
							}
							else {
								$( "#btn_guardar_orden_compra" ).button("option", "disabled", true);
							}
						}
						, close: function() {
							 modalOrdenCompra.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-orden-compra" );
							 modalOrdenCompra.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Guardar"
								, id: "btn_guardar_orden_compra"
								, click: function() {

									var inputFile = $("#orden_compra_attach");
									var ordenCompra = $( "#orden_compra" ).val();
									var ordenCompraAttach = inputFile.prop("files")[0];
									var fkSoc = $( ".current-customer-info" ).data( "fk_soc" );;

									var fd = new FormData();
									fd.append('fk_shopping_cart', fkShoppingCart);
									fd.append( "action", "save_orden_compra")
									fd.append('token', '');
									fd.append( "orden_compra", ordenCompra);
									fd.append( "orden_compra_attach", ordenCompraAttach);
									fd.append( "fk_soc", fkSoc);

									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										$( ".cointainer-shopping-cart-order-orden-compra > p" ).text(ordenCompra);
										$( ".action-icons" ).show();

										update_totales_shopping_cart(data);

										//Se recarga el modal attributos adicionales para actualizar información
										setTimeout(function () {
											// Cerrar el diálogo atributos
											modalMoreAttributes.dialog("close");
											// Abrir el diálogo atributos
											more_attributes();
										}, 100);

										modalOrdenCompra.dialog( "close" );
									});
								}
							}
							, {
								text: "Cerrar"
								, id: "btn_cerrar"
								, click: function() {
									modalOrdenCompra.dialog( "close" );
								}
							}
						]
					});

					// evento al ingresar información en el campo del número de orden de compra
					$( "#orden_compra" ).on( "input", function() {
						if ($( this ).val() != '') {
							$( "#orden_compra_attach" ).show();
						}
						else {
							$( "#orden_compra_attach" ).hide();
						}
					});

					// Evento del elemento que carga el archivo
					$( "#orden_compra_attach" ).on( "change", function() {
						var fileInput = this;
						var mimeTypeselectedFile = fileInput.files[0].type;

						console.log("mimeTypeselectedFile: ", mimeTypeselectedFile);

						console.log("Se cambia el contenido del anexo:")
						if ($( this ).val() != '') {
							if (mimeTypeselectedFile.includes('pdf') || mimeTypeselectedFile.includes('image')) {
								$( "#btn_guardar_orden_compra" ).button("option", "disabled", false);
							}
							else {
								$( this ).val('')
								$( "#btn_guardar_orden_compra" ).button("option", "disabled", true);

								// Se presenta ventana con mensaje al usuario
								var modalErrorTipoArchivo = $('<div>', {
									class: "font-window-message"
									, text: 'Sólo se aceptan archivos PDF e imágenes'
								});

								modalErrorTipoArchivo.dialog({
									modal: true
									, appendTo: modalOrdenCompra
									, position: { my: 'center', at: 'center', of: $( window ) }
									, open: function() {
										modalErrorTipoArchivo.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
										$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
										$( "#id_boton" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
										modalErrorTipoArchivo.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
										modalErrorTipoArchivo.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
									}
									, close: function() {
										modalErrorTipoArchivo.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
										modalErrorTipoArchivo.dialog( "destroy" );
									}
									, buttons: [
										{
											text: "Cerrar"
											, click: function() {
												modalErrorTipoArchivo.dialog( "close" );
											}
										}
									]
								});

							}
						}
						else {
							$( "#btn_guardar_orden_compra" ).button("option", "disabled", true);
						}
					});

				});

				// Visualización/descarga del anexo de orden de compra
				$( ".click-search-db" ).on( "click", function() {
					var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");

					var fd = new FormData();
					fd.append("action", "view_orden_compra_attach");
					fd.append("fk_shopping_cart", fkShoppingCart);
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {

						var fileName = data.urlFile;
						var ordenCompraMimeType = data.oc.orden_compra_mime_type;

						var previewDialog = $("<div>");

						var loadingMessage = $('<div id="loading-message">Cargando...</div>');
						previewDialog.append(loadingMessage);

						previewDialog.dialog({
							modal: true,
							title: 'titulo',
							width: window.innerWidth,
							height: window.innerHeight,
							resize: false,
							buttons: {
								Cerrar: function() {
										previewDialog.dialog('close');
								}
							},
							open: function() {
								if (ordenCompraMimeType.includes('pdf') || ordenCompraMimeType.includes('image')) {
									loadingMessage.show();
									var iframe = $('<iframe>');
									if (ordenCompraMimeType.includes('pdf')) {
										iframe.attr('src', 'https://docs.google.com/viewer?url=' + fileName + '&embedded=true');
									}
									else {
										iframe.attr('src', fileName);
									}
									iframe.css('width', '100%');
									iframe.css('height', '100%');

									iframe.on('load', function() {
										// El documento se ha cargado, oculta el mensaje o el GIF de carga
										loadingMessage.hide();
									});

									previewDialog.append(iframe);
								}
								else {
									previewDialog.append(
										$( "<h3>", {
											text: "El archivo que aparece adjunto no corresponde a ningún formato válido, debe volver a adjuntarlo"
										})
									);

								}
							}
							, close: function() {
								console.log("por acá es que debo leiminar los temporales");
								var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
								fd = new FormData();
								fd.append("action", "delete_tmp_view_orden_compra_attach");
								fd.append("fk_shopping_cart", fkShoppingCart);
								fd.append('token', '');
								fd.append('fk_soc', fkSoc);

								call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
									previewDialog.dialog('destroy');
								});
							}
						});

					});
				});

				// Eliminar orden de compra - Elimina toda la información de la orden de compra
				$(".click-trash").click(function() {
					let elemento = $(this);
					let id = $(this).closest('.file-item').data('id');
					let type = $(this).closest('.file-item').data('type');
					console.log("Type: ", type);
					console.log("id: ", id);

					// Se presenta modal para confirmar la eliminación de la orden de compra

					// Crea un diálogo con el mensaje
					var modalDeleteOC = $('<div>', {
						class: "font-window-message"
						, text: '¿Está seguro de querer eliminar la orden de compra?'
					});

					modalDeleteOC.dialog({
						modal: true
						, width: innerWidth * 0.5
						, appendTo: modalMoreAttributes
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							modalDeleteOC.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#btn_no_delete_orden_compra" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalDeleteOC.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalDeleteOC.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
						}
						, close: function() {
							modalDeleteOC.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
							modalDeleteOC.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Sí"
								, id: "btn_yes_delete_orden_compra"
								, click: function() {
									var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
									var fd = new FormData();
									fd.append("action", "delete_orden_compra");
									fd.append("fk_shopping_cart", fkShoppingCart);
									fd.append("type", type);
									fd.append("id", id);
									fd.append('token', '');
									fd.append('fk_soc', fkSoc);

									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										update_totales_shopping_cart(data);
									});
									// Cerrar el diálogo atributos
									modalMoreAttributes.dialog("close");
									// Abrir el diálogo atributos
									more_attributes();
									modalDeleteOC.dialog( "close" );
								}
							}
							, {
								text: "Cancelar"
								, id: "btn_no_delete_orden_compra"
								, click: function() {
									modalDeleteOC.dialog( "close" );
								}
							}
						]
					});

				});

				// Condiciones pago
				var condiciones_pago = valor.cond_pago;
				$atributo = $( ".cointainer-shopping-cart-order-condiciones-pago" );
				$atributo.find("p").html(condiciones_pago)

				$atributo.on( "click" , function() {
					// Se levanta modal con posibilidad de visualizar y modificar la nota

					// Se obtiene el elemento select que se incluirá en el modal para poder seleccionar la condición de pago.
					var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc" );
					var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
					const fd = new FormData();
					fd.append('action', 'get_select_cond_pago');
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);
					fd.append('fk_shopping_cart', fkShoppingCart);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
						arrayCondPago = data.condPago.cond_pago;
						numCondPago = data.numCondPago;
						fkFormeJuridique = data.condPago.fk_forme_juridique;
						pnAccesoNiveles = data.condPago.pn_acceso_niveles;
						var modalCondPago = $('<div>', {
							class: "view-note-public font-window-more-attributes"
							, id: 'modal_cond_pago_shopping_cart'
						})
						.append( $( "<p>", {
							html: "Seleccione la condición de pago:"
						}))
						.append( $( "<div>", {
							class: "select-cond-pago-container"
						})
							.append( $( "<select>", {
								id: "select_cond_pago"
								, class: "select-cond-pago"
							}))
							.append( $( "<div>", {
								class: "select-cond-pago-btn-container"
							}))
						);

						modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
						modalCondPago.dialog({
							modal: true
							, appendTo: modalPadre
							, width: 'auto'
							, height: 'auto'
							, open: function() {
								// Reposicionar el modal
								$( this ).dialog( 'widget' ).position( {
									my: 'center',
									at: 'center',
									of: $( window )
								} );

								$( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
								$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
								$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
								modalCondPago.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
								modalCondPago.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-more-attributes" ); // para manejar el estilo de la letra de los botones

								$( "#select_cond_pago" ).on( "change", function() {
									if ($( this ).val() > 0) {
										$( "#btn_guardar_cond_pago" ).button("option", "disabled", false);
									}

								});

								if ( docStatus == 1 ) {
									$( "#btn_guardar_cond_pago" ).hide();
									$( "#select_cond_pago" ).attr( "disabled", true);
								}
								else {
									$( "#btn_guardar_cond_pago" ).button("option", "disabled", true);
								}

							}
							, close: function() {
								 modalCondPago.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-more-attributes" );
								 modalCondPago.dialog( "destroy" );
							}
							, buttons: [
								{
									text: "Guardar"
									, id: "btn_guardar_cond_pago"
									, click: function() {
										var condPago = $( "#select_cond_pago" );
										var newCondPago = condPago.val();
										var newlabelPago = condPago.find('option:selected').attr('label');
										var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
										const fd = new FormData();
										fd.append('action', 'update_shopping_cart_field');
										fd.append('token', '');
										fd.append('fk_shopping_cart', fkShoppingCart);
										fd.append('field', 'fk_cond_reglement')
										fd.append('value', newCondPago);
										fd.append('fk_soc', fkSoc);

										call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
											console.log("vuelvo del update_shopping_cart_field con data: ", data)
											$( ".cointainer-shopping-cart-order-condiciones-pago > p" ).text(newlabelPago);

											// Se cambia el elemento seleccionado el el select que ya está cargado.
											valor.fk_cond_reglement = newCondPago;

											modalCondPago.dialog( "close" );
										});

									}
								}
								, {
									text: "Cerrar"
									, id: "btn_cerrar"
									, click: function() {
										modalCondPago.dialog( "close" );
									}
								}
							]
						});

						if (fkFormeJuridique == '57002' || pnAccesoNiveles == 'SI') {
							$( '.select-cond-pago-btn-container')
							.append($( '<button>', {
								class: "select-cond-pago-btn"
								, html: 'Días de crédito'
								, click: function() {
									var fkSoc = $( ".top-section-info-current .current-customer-info" ).data( "fk_soc");
									var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
									// Cargar la libreria que maneja los términos de días de crédito para el pago
									loadVersionedScript('/invdspeedy/js/credit_terms_handler.js.php')
										.then(scriptUrl => loadScriptOnce(scriptUrl))
										.then(scriptUrl => {
											console.log("Se carga el script: ", scriptUrl);
											// El script externo se ha cargado con éxito, se pueden usar las funciones
											if (typeof load_credit_terms_handle === "function") {
												load_credit_terms_handle(fkSoc, fkShoppingCart);
											} else {
												console.error("La función load_credit_terms_handle no está disponible.");
											}
										})
										.catch(error => {
											console.error("Error cargando el script:", error);
										});
								}
							}))
						}

						if (numCondPago > 0) {

							$.each(arrayCondPago, function(key, condicionPago) {
								if (condicionPago.uso_efectivo == 1) {
									opcion = $( "<option>", {
										value: condicionPago.id
										, label: condicionPago.label
										, selected: (valor.fk_cond_reglement==key?true:false)
									})

									$( "#select_cond_pago" ).append(opcion);
								}
							});
						}
						else {
								opcion = $( "<option>", {
									value: -1
									, label: "No se encontraron opciones para listar"
								})

								$( "#select_cond_pago" ).append(opcion);
						}
					});


				});

				// Acompañamiento Orsy
				$atributo = $( ".cointainer-shopping-cart-order-acompa-orsy" );
				$atributo.find("p").text(valor.label_contacto_orsy)

				$atributo.on( "click" , function() {
					// Se obtiene el elemento select que se incluirá en el modal para poder seleccionar el acompañamiento Orsy
					var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
					const fd = new FormData();
					fd.append('action', 'get_contacto_orsy');
					fd.append('fk_shopping_cart', fkShoppingCart);
					fd.append('token', '');
					fd.append('fk_soc', fkSoc);

					call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
						arrayAcompaOrsy = data.arrayAcompaOrsy;
						numAcompaOrsy = data.numAcompaOrsy;
						var modalAcompaOrsy = $('<div>', {
							class: "view-note-public font-window-more-attributes"
						})
						.append( $( "<p>", {
							text: "Seleccione el Acompañamiento Orsy:"
						}))
						.append( $( "<select>", {
							id: "select_acompa_orsy"
							, class: "select-acompa-orsy"
						}))
						;

						modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
						modalAcompaOrsy.dialog({
							modal: true
							, appendTo: modalPadre
							, width: window.innerWidth * 0.4
							, height: window.innerHeight * 0.35
							, position: { my: 'center', at: 'center', of: $( window ) }
							, open: function() {
								modalAcompaOrsy.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
								$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
								$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
								modalAcompaOrsy.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
								modalAcompaOrsy.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-more-attributes" ); // para manejar el estilo de la letra de los botones
								$( "#btn_guardar_acompa_orsy" ).button("option", "disabled", true);

								$( "#select_acompa_orsy" ).on( "change", function() {
									// if ($( this ).val() != 0) {
										$( "#btn_guardar_acompa_orsy" ).button("option", "disabled", false);
									// }

								});
							}
							, close: function() {
								 modalAcompaOrsy.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-more-attributes" );
								 modalAcompaOrsy.dialog( "destroy" );
							}
							, buttons: [
								{
									text: "Guardar"
									, id: "btn_guardar_acompa_orsy"
									, click: function() {
										var condPago = $( "#select_acompa_orsy" );
										var newCondPago = condPago.val();
										var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
										const fd = new FormData();
										fd.append('action', 'update_shopping_cart_field');
										fd.append('fk_shopping_cart', fkShoppingCart);
										fd.append('field', 'acompa_orsy')
										fd.append('value', newCondPago);
										fd.append('token', '');
										fd.append('fk_soc', fkSoc);

										call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
											console.log("vuelvo del update_shopping_cart_field con data: ", data)
											$( ".cointainer-shopping-cart-order-acompa-orsy > p" ).text(arrayAcompaOrsy[newCondPago].label);

											// Se cambia el elemento seleccionado el el select que ya está cargado.
											valor.acompa_orsy = newCondPago;

											modalAcompaOrsy.dialog( "close" );
										});

									}
								}
								, {
									text: "Cerrar"
									, id: "btn_cerrar"
									, click: function() {
										modalAcompaOrsy.dialog( "close" );
									}
								}
							]
						});

						if (numAcompaOrsy > 0) {
							$.each(arrayAcompaOrsy, function(key, acompaOrsy) {
								opcion = $( "<option>", {
									value: acompaOrsy.id
									, label: acompaOrsy.label
									, selected: (valor.acompa_orsy==key?true:false)
								})

								$( "#select_acompa_orsy" ).append(opcion);
							});
						}
						else {
								opcion = $( "<option>", {
									value: -1
									, label: "No se encontraron opciones para listar"
								})

								$( "#select_acompa_orsy" ).append(opcion);
						}
					});
				});

				if (docStatus == 1) {
					$( "#factura_especial" ).attr("disabled", true);
					$( "#solo_remisionar" ).attr("disabled", true);
				}

				// Quién solicita
				$atributo = $( ".cointainer-shopping-cart-order-quien-solicita" );
				$atributo.find("p").text(valor.quien_solicita);

				$atributo.on( "click" , function() {
					console.log("detecta el click");

					// Se levanta modal con posibilidad de visualizar y modificar la informacion
					var modalQuienSolicita = $('<div>', {
						class: "view-quien-solicita font-window-more-attributes"
					})
					.append( $( "<p>", {
						text: "Quién solicita:"
					}))
					.append( $( "<input>", {
						id: "quien_solicita"
						, type: "text"
						, value: valor.quien_solicita
					}) )
					;

					modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
					modalQuienSolicita.dialog({
						modal: true
						, appendTo: modalPadre
						, width: window.innerWidth * 0.6
						, height: window.innerHeight * 0.4
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							modalQuienSolicita.prev(".ui-dialog-titlebar").hide()
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalQuienSolicita.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalQuienSolicita.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-quien-solicita" ); // para manejar el estilo de la letra de los botones

							var textArea = $( "#quien_solicita" );

							textArea.on( "input", function() {
								$( "#btn_guardar_quien_solicita" ).button("option", "disabled", false);
							});

							if ( docStatus == 1 ) {
								$( "#btn_guardar_quien_solicita" ).hide();
								textArea.attr( "disabled", true);
							}
							else {
								$( "#btn_guardar_quien_solicita" ).button("option", "disabled", true);
							}
						}
						, close: function() {
							 modalQuienSolicita.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-quien-solicita" );
							 modalQuienSolicita.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Guardar"
								, id: "btn_guardar_quien_solicita"
								, click: function() {
									var textArea = $( "#quien_solicita" );
									var newQuienSolicita = textArea.val();
									var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
									const fd = new FormData();
									fd.append('action', 'update_shopping_cart_field');
									fd.append('fk_shopping_cart', fkShoppingCart);
									fd.append('field', 'quien_solicita')
									fd.append('value', newQuienSolicita);
									fd.append('token', '');
									fd.append('fk_soc', fkSoc);

									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										valor.quien_solicita = newQuienSolicita;
										$( ".cointainer-shopping-cart-order-quien-solicita > p" ).text(newQuienSolicita);
										modalQuienSolicita.dialog( "close" );
									});

								}
							}
							, {
								text: "Cerrar"
								, id: "btn_cerrar"
								, click: function() {
									modalQuienSolicita.dialog( "close" );
								}
							}
						]
					});

				});

				// Observaciones guía
				$atributo = $( ".cointainer-shopping-cart-order-observa-guia" );
				$atributo.find("p").text(valor.observa_guia);

				$atributo.on( "click" , function() {
					console.log("detecta el click");

					// Se levanta modal con posibilidad de visualizar y modificar la informacion
					var modalObservaGuia = $('<div>', {
						class: "view-observa-guia font-window-more-attributes"
					})
					.append( $( "<p>", {
						text: "Observaciones guía:"
					}))
					.append( $( "<input>", {
						id: "observa_guia"
						, type: "text"
						, value: valor.observa_guia
					}) )
					;

					modalPadre = modalMoreAttributes.closest(".ui-dialog"); // Esto es clave para que el modal hijo pueda moverse libremente en la ventana
					modalObservaGuia.dialog({
						modal: true
						, appendTo: modalPadre
						, width: window.innerWidth * 0.6
						, height: window.innerHeight * 0.4
						, position: { my: 'center', at: 'center', of: $( window ) }
						, open: function() {
							modalObservaGuia.prev(".ui-dialog-titlebar").hide()
							$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
							$( "#btn_cerrar" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
							modalObservaGuia.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
							modalObservaGuia.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-observa-guia" ); // para manejar el estilo de la letra de los botones

							var textArea = $( "#observa_guia" );

							textArea.on( "input", function() {
								$( "#btn_guardar_observa_guia" ).button("option", "disabled", false);
							});

							if ( docStatus == 1 ) {
								$( "#btn_guardar_observa_guia" ).hide();
								textArea.attr( "disabled", true);
							}
							else {
								$( "#btn_guardar_observa_guia" ).button("option", "disabled", true);
							}
						}
						, close: function() {
							 modalObservaGuia.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-observa-guia" );
							 modalObservaGuia.dialog( "destroy" );
						}
						, buttons: [
							{
								text: "Guardar"
								, id: "btn_guardar_observa_guia"
								, click: function() {
									var textArea = $( "#observa_guia" );
									var newObservaGuia = textArea.val();
									var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
									const fd = new FormData();
									fd.append('action', 'update_shopping_cart_field');
									fd.append('fk_shopping_cart', fkShoppingCart);
									fd.append('field', 'observa_guia')
									fd.append('value', newObservaGuia);
									fd.append('token', '');
									fd.append('fk_soc', fkSoc);

									call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
										valor.observa_guia = newObservaGuia;
										$( ".cointainer-shopping-cart-order-observa-guia > p" ).text(newObservaGuia);
										modalObservaGuia.dialog( "close" );
									});

								}
							}
							, {
								text: "Cerrar"
								, id: "btn_cerrar"
								, click: function() {
									modalObservaGuia.dialog( "close" );
								}
							}
						]
					});

				});

				console.log("Al mostrar el modal y antes de ir a muestra_info_adicional, de valor: ", valor);
				// Se ocultan los campos con atributos adicionales, según el tipo de documento
				muestra_info_adicional();
			}
			, close: function() {
				modalMoreAttributes.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalMoreAttributes.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Cerrar"
					, click: function() {
						$(this).dialog( "close" );
					}
				}
			]
		});
		var condiciones_pago_label = 'Condiciones de pago';
		if (valor.sol_en_curso == 'SI') {
			condiciones_pago_label += '<i class="fa fa-tags tag-solicitud-en-curso"></i>'
			$( '.cointainer-shopping-cart-order-condiciones-pago > label').html(condiciones_pago_label);
		}
	});
}

function update_totales_shopping_cart(data) {
	$( "#current_valor_total_ht" ).text( data.totales.total_ht );
	$( "#current_valor_flete" ).text( data.totales.vr_flete );
	$( "#current_valor_total_tva" ).text( data.totales.tva );
	$( "#current_valor_total_ttc" ).text( data.totales.total_ttc );

	if (data.totales.num_lineas > 4) {
		$(".cointainer-shopping-cart-body-rang-red").removeClass("cointainer-shopping-cart-body-rang-red").addClass("cointainer-shopping-cart-body-rang-green");
	}
	else {
		$(".cointainer-shopping-cart-body-rang-green").removeClass("cointainer-shopping-cart-body-rang-green").addClass("cointainer-shopping-cart-body-rang-red");

	}

}

function update_totales_shopping_add(data) {
	$( "#totales_prepedido_line_total_ht" ).text( data.totales.total_ht );
	$( "#totales_prepedido_line_total_tva" ).text( data.totales.tva);
	$( "#totales_prepedido_line_total_ttc" ).text( data.totales.total_ttc );
}

function view_orders_managed() {
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	const fd = new FormData();
	fd.append('action', 'view_orders_managed');
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		console.log("Se levanta modal para revisar los registros: ", data.pedidos);
		var nroPedidos = data.nro_pedidos;

		if (nroPedidos > 0) {
			// se presenta modal indicando que no se encontraron pedidos procesados durante el día

			var modalOrderManage = $('<div>', {
				class: "font-window-message"
			});

			let hoy = new Date();
			let fechaHoy = hoy.getDate().toString().padStart(2, '0') + "/"
             + (hoy.getMonth() + 1).toString().padStart(2, '0') + "/"
             + hoy.getFullYear();

			// Titulo
			var pedidosGestionadosTitle= $( "<h3>", {
				class: "orders-managed-title"
				, text: "Pedidos gestionados en el día " + fechaHoy
			});

			var pedidosGestionadosHeader = $( "<div>", {
				class: "orders-managed-header"
			})
			.append( $( "<span>", {
				text: "Referencia"
			}))
			.append( $( "<span>", {
				text: "Cliente"
			}))
			.append( $( "<span>", {
				text: "#Lineas"
			}))
			.append( $( "<span>", {
				text: "Subtotal"
			}))
			.append( $( "<span>", {
				text: "Valor"
			}))
			.append( $( "<span>", {
				text: "Estado"
			}))
			;


			modalOrderManage.append(pedidosGestionadosTitle, pedidosGestionadosHeader);

			modalOrderManage.dialog({
				width: innerWidth * 0.7
				, height: innerHeight * 0.7
				, autoOpen: false
			});

			var pedidos = data.pedidos;
			$.each(pedidos, function(key, pedido) {

				// Se crean las lineas con información de los pedidos
				var pedidosGestionadosBody= $( "<div>", {
					class: "orders-managed-body"
				})
				.append( $( "<span>", {
					text: pedido.ref
					, 'data-etiqueta': 'referencia'
				}))
				.append( $( "<span>", {
					text: pedido.nom
					, 'data-etiqueta': 'cliente'
				}))
				.append( $( "<span>", {
					text: pedido.lineas_pedido
					, 'data-etiqueta': 'lineas_pedido'
				}))
				.append( $( "<span>", {
					text: pedido.total_ht
					, 'data-etiqueta': 'total'
				}))
				.append( $( "<span>", {
					text: pedido.total_ttc
					, 'data-etiqueta': 'total'
				}))
				.append( $( "<span>", {
					text: pedido.estado
					, 'data-etiqueta': 'estado'
				}))
				;

				modalOrderManage.append(pedidosGestionadosBody);
			});

			// === JCRR - Footer con totales ===
			var pedidosGestionadosFooter = $( "<div>", {
				class: "orders-managed-footer"
			})
			// .append( $("<span>", { text: "" }) ) // columna vacía para Referencia
			.append( $("<span>", { text: data.num_pedidos, 'data-etiqueta': 'num_pedidos' }) )
			.append( $("<span>", { text: "Totales:" }) ) // etiqueta
			.append( $("<span>", { text: data.sum_lineas_pedido, 'data-etiqueta': 'sum_lineas_pedido' }) )
			.append( $("<span>", { text: data.sum_total_ht, 'data-etiqueta': 'total_ht' }) )
			.append( $("<span>", { text: data.sum_total_ttc, 'data-etiqueta': 'total_ttc' }) )
			.append( $("<span>", { text: "" }) ); // columna vacía para Estado

			modalOrderManage.append(pedidosGestionadosFooter);

		}
		else {

			// se presenta modal indicando que no se encontraron pedidos procesados durante el día
			var modalOrderManage = $('<div>', {
				class: "font-window-message"
				, text: 'No se encontraron pedidos gestionados durante el día'
			});
		}

		modalOrderManage.dialog({
			modal: true
			, position: { my: 'center', at: 'center', of: $( window ) }
			, autoOpen: true
			, open: function() {
				modalOrderManage.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
				$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
				$( "#id_boton" ).focus(); // Establecer el foco en el botón "btn_cancel_send_mail"
				modalOrderManage.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
				modalOrderManage.parent().find( ".ui-dialog-buttonset" ).addClass( "font-window-message" ); // para manejar el estilo de la letra de los botones
			}
			, close: function() {
				modalOrderManage.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-window-message" );
				modalOrderManage.dialog( "destroy" );
			}
			, buttons: [
				{
					text: "Cerrar"
					, id: "btn_no_delete_product"
					, click: function() {
						$(this).dialog( "close" );
					}
				}
			]
		});
	});
}


/**
 * 	Función para agregar el producto a el documento del carro de compras equivalente a pedido 'visible'
 * 	@author:	Diego Bonilla
 * 	@date:		31/ene/2024
 *	@param		int			fkSoc						id del cliente
 *	@param		int			fkProduct					id del producto
 *	@param		object		elemento					objeto sobre el que se hizo clic
 *	@return		int										< 0 Error
 *														> 0 => rowid del societe en Dolibarr
 **/
function add_product_from_catalog(fkSoc, fkProduct, elemento) {
	// se llama al asincrónico para adicionar el producto en el carro de compras
	const fd = new FormData();
	fd.append('action', 'add_product_from_catalog');
	fd.append('fk_soc', fkSoc);
	fd.append('fk_product', fkProduct);
	fd.append('token', '');

	// Si se requiere que la funcion callbak maneje más parametros
	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		console.log("volvio de la función con el data: ", data);
		if (data.error == 0) {
			if (data.addExitoso == 1) {
				elemento.css("color", "var(--rojo-wurth)");
				elemento.data("modo", "delete");
				elemento.data("fk_shopping_cartdet", data.idShoppingCartdet);
				// habilita_guardar_sugerido();
				$( "#summary_num_products" ).text(data.numProducts);
				// habilita_summay_option();
			}
			else {
				elemento.css("color", "black");
				elemento.data("modo", "add");
				elemento.data("fk_shopping_cartdet", "");
			}
		}
	}, "Procesando...");

}

/**
 * 	Función para eliminar el producto a el documento del carro de compras equivalente a pedido 'invisible'
 * 	@author:	Diego Bonilla
 * 	@date:		31/ene/2024
 *	@param		int			fkSoc						id del cliente
 *	@param		int			fkProduct					id del producto
 *	@param		object		elemento					objeto sobre el que se hizo clic
 *	@return		int										< 0 Error
 *														> 0 => rowid del societe en Dolibarr
 **/
function delete_product_from_catalog(fkSoc, fkProduct, elemento) {
	// se llama al asincrónico para adicionar el producto en el carro de compras

	const fd = new FormData();
	fd.append('action', 'delete_product_from_catalog');
	fd.append('fk_soc', fkSoc);
	fd.append('fk_shopping_cartdet', elemento.data( "fk_shopping_cartdet" ));
	fd.append('token', '');

	// Si se requiere que la funcion callbak maneje más parametros
	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		console.log("volvio de la función con el data: ", data);
		if (data.error == 0) {
			if (data.delExitoso == 1) {
				elemento.css("color", "black");
				elemento.data("modo", "add");

				if (data.eliminaShoppingCart == 1) {
					// inhabilita_guardar_sugerido();
					// inhabilita_summay_option();
				}
				$( "#summary_num_products" ).text(data.numProducts);
			}
			else {
				elemento.css("color", "var(--rojo-wurth)");
				elemento.data("modo", "delete");
			}
		}
	}, "Procesando...");

}


/**
 * 	Función para mostrar modal que permite la captura de la forma en que será pagada la venta en tienda fIsica
 * 	@author:	Diego Bonilla
 * 	@date:		31/ene/2024
 *	@param		int			fkShoppingCart				id del carro de compras sobre el que se hace el pago
 *	@return		int										< 0 Error
 *														> 0 => rowid del societe en Dolibarr
 **/
function capture_payment_detail( fkShoppingCart) {
	// se llama al asincrónico que obtiene los valores ya guarados de los tipos de pago y los muestra en la ventana modal
	let cartera 	= $( '.current-customer-info' ).data( 'cartera' );
	let cupo 		= $( '.current-customer-info' ).data( 'cupo' );
	let esProspecto	= $( '.current-customer-info' ).data( 'es_prospecto' );
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	console.log("Los datos de cartera: ", cartera,  ", de cupo: " ,  cupo, ", y de prospecto: ", esProspecto );

	const fd = new FormData();
	// fd.append('action', 'capture_payment_detail');
	fd.append('action', 'determine_payment_balance');
	fd.append('fk_shopping_cart', fkShoppingCart );
	fd.append('token', '');
	fd.append('fk_soc', fkSoc);

	// Si se requiere que la funcion callbak maneje más parametros
	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
		console.log("volvio de la función con el data: ", data);
		if (data.error == 0) {
			// Crea un diálogo para mostrar la selección y administrar el registro del pago a través de diferentes medios (efectivo, transferencia, crédito, etc.)
			var modalCapturePaymentDetail = $('<div>', {
				class: "modal-capture-payment-detail font-capture-payment-detail"
			});

			// Contenedor para registrar el pago
			var capturePaymentDetailContainer = $('<div>', {
				class: "capture-payment-detail-container"
			});

			// Contenedor para mostrar el botón de agregar pago
			var addPaymentDetailContainer = $('<div>', {
				class: "add-payment-detail-container"
			})
			.append( $( '<button>',	 {
				text: 'Agregar pago'
				, 'disabled': true
				, id: 'add_payment'
			}))
			;

			// Contenedor para mostrar los pagos registrados sobre la venta
			var viewPaymentDetailContainer = $('<div>', {
				class: "view-payment-detail-container"
			})
			.append( $( '<p>', {
				class: "view-payment-detail-title"
				, text: 'Detalle de distribución del pago'
			}))
			;

			// Forma de pago
			var divFPago = $( "<div>", {
				class: "campo-capture-payment-detail"
				, 'dato': "forma_pago"
			})
			.append( $( "<label>", {
				for: "forma_pago"
				, text: 'Forma pago'
			}))
			.append( $( "<select>", {
				class:"dato-capture-payment-detail"
				, id: "forma_pago"
			}))
			;
			capturePaymentDetailContainer.append( divFPago );

			// Monto
			var divMonto = $( "<div>", {
				class: "campo-capture-payment-detail"
				, 'dato': "monto"
			})
			.append( $( "<label>", {
				for: "alias"
				, text: 'Monto'
			}))
			.append( $( "<input>", {
				class:"dato-capture-payment-detail"
				, type: "number"
				, id: "monto"
				, placeholder: 'Monto'
			}))
			;
			capturePaymentDetailContainer.append( divMonto );

			// Contenedor donde se incluirá el total del pedido y el valorpendiente de pago
			var contenedorResumen = $( '<div>', {
				class: 'capture-payment-detail-resume-container'
			})
			.append( $( '<div>', {
				class: 'capture-payment-detail-resume-total-pedido-container'
			})
				.append($( '<span>', {
					class: 'capture-payment-detail-resume-total-pedido-label'
					, text: 'Valor pedido:'
				}))
				.append($( '<span>', {
					class: 'capture-payment-detail-resume-total-pedido-valor'
					, html: data.totalCompraF
				}))
			)
			.append( $( '<div>', {
				class: 'capture-payment-detail-resume-faltante-pago-container'
			})
				.append($( '<span>', {
					class: 'capture-payment-detail-resume-faltante-pago-label'
					, text: 'Falta por pagar:'
				}))
				.append($( '<span>', {
					class: 'capture-payment-detail-resume-faltante-pago-valor'
					, html: data.saldoXPagarF
				}))
			)
			capturePaymentDetailContainer.append( contenedorResumen );

			modalCapturePaymentDetail.append( capturePaymentDetailContainer, addPaymentDetailContainer, viewPaymentDetailContainer );
			modalCapturePaymentDetail.dialog({
				modal: true
				, position: {
					my: 'center'
					, at: 'center'
					, of: $( window )
				}
				, width: 'auto'
				, height: 'auto'
				, open: function() {
					modalCapturePaymentDetail.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
					// modalCapturePaymentDetail.prev(".ui-dialog-titlebar").find(".ui-dialog-titlebar-close").hide(); // Ocultar la x de la barra de titulo
					$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
					modalCapturePaymentDetail.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
					modalCapturePaymentDetail.parent().find( ".ui-dialog-buttonset" ).addClass( "font-capture-payment-detail" ); // para manejar el estilo de la letra de los botones
					modalCapturePaymentDetail.prev( ".ui-dialog-titlebar" ).find( ".ui-dialog-title" ).addClass( "font-capture-payment-detail" ); // para manejar la letra del titulo
				}
				, close: function() {
					modalCapturePaymentDetail.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-capture-payment-detail" );
					modalCapturePaymentDetail.dialog( "destroy" );
				}
				, buttons: [
					{
						text: "Cerrar"
						, click: function() {
							modalCapturePaymentDetail.dialog( "close" );
						}
					}
				]
			});

			// Se actualiza el dato del total de venta y del total de pagos en el contenedor
			$( '.capture-payment-detail-container' ).data( 'totalCompra', data.totalCompra );
			$( '.capture-payment-detail-container' ).data( 'totalPagos', data.totalPagos );

			// Se valida si el registro de pagos ya completo el valor de la venta, y de ser así, se oculta el botón de agregar pago.
			$( '.add-payment-detail-container' ).hide();
			$( '.campo-capture-payment-detail' ).hide();
			if (data.totalPagos < data.totalCompra) {
				$( '.add-payment-detail-container' ).show();
				$( '.campo-capture-payment-detail' ).show();
			}

			numTiposPago = data.numTiposPago;
			arrayTiposPago = data.arrayTiposPago;

			if (numTiposPago > 0) {
				let optionTipoPago = $( '<option>', {
					value: -1
					, text: ''
				});

				$( '#forma_pago' ).append(optionTipoPago);

				console.log("userRights: ", userRights)

				$.each(arrayTiposPago, function(key, value) {
					if (key == 1) { // Pago a Crédito
						// Si el cliente es prospecto, o no tiene cupo, o tiene cartera no se admite pago a crédito
						if (esProspecto == '1' || cupo <= 0 || cartera > 0) {
							return true;
						}
					}

					let optionTipoPago = $( '<option>', {
						value: key
						, text: value
					});

					$( '#forma_pago' ).append(optionTipoPago);
				});
			}

			// Se muestra el contenedor de los pagos
			// Contenedor de los titulos
			var lineaPago = $( '<div>', {
				class: "view-payment-detail-header"
			})
			.append( $( '<span>', {
				class: "view-payment-detail-header-label"
				, html: 'Forma de pago'
			}))
			.append( $( '<span>', {
				class: "view-payment-detail-header-label"
				, html: 'Monto'
			}))
			.append( $( '<div>', {
				class: "view-payment-detail-header-action"
			}));

			$( '.view-payment-detail-container' ).append( lineaPago );

			numPagos = data.numPagos;
			arrayPagos= data.arrayPagos;

			if (numPagos > 0) {
				$.each(arrayPagos, function(key, value) {
					console.log('arrayPagos key: ', key);
					console.log('arrayPagos value: ', value);

					var lineaPago = $( '<div>', {
						class: "view-payment-detail-line"
					})
					.append( $( '<span>', {
						class: "view-payment-detail-line-tpago"
						, html: value.tpago
					}))
					.append( $( '<span>', {
						class: "view-payment-detail-line-monto"
						, html: value.payement_amountf
					}))
					.append( $( '<div>', {
						class: "view-payment-detail-total-action-container"
					})
					.append( $( '<i>', {
						class: 'fa fa-trash del_payment'
					})
					.data( 'fk_payment', value.fk_payment)
					))

					$( '.view-payment-detail-container' ).append( lineaPago );
				});
			}

			// Contenedor de los totales
			var lineaPago = $( '<div>', {
				class: "view-payment-detail-total"
			})
			.append( $( '<span>', {
				class: "view-payment-detail-total-label"
				, html: 'TOTAL'
			}))
			.append( $( '<span>', {
				class: "view-payment-detail-total-monto"
				, html: data.totalPagosF
			}))
			.append( $( '<span>', {
				class: "view-payment-detail-total-action"
			}))

			$( '.view-payment-detail-container' ).append( lineaPago );

			// Si hay cambios en la forma de Pago
			$( '#forma_pago, #monto' ).on( 'change', function() {
				valida_add_payment();
			});

			// Se guarda el Pago
			$( '#add_payment' ).on( 'click', function() {
				console.log('Se guarda el pago');
				var fkTPago = $( '#forma_pago' ).val();
				var monto = $( '#monto' ).val();
				var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
				// Se llama asincrono para guardar el registro del Pago
				const fd = new FormData();
				fd.append('action', 'add_payment');
				fd.append('fk_shopping_cart', fkShoppingCart);
				fd.append('fk_tpago', fkTPago);
				fd.append('monto', monto);
				fd.append('token', '');
				fd.append('fk_soc', fkSoc);

				call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (data) => {
					if (data.error == 0) {
						$( '.capture-payment-detail-container' ).data( 'totalCompra', data.totalCompra );
						$( '.capture-payment-detail-container' ).data( 'totalPagos', data.totalPagos );

						// Se actualiza la información del total pedido y saldo por pagar
						$( '.capture-payment-detail-resume-total-pedido-valor' ).html(data.totalCompraF);
						$( '.capture-payment-detail-resume-faltante-pago-valor' ).html(data.saldoXPagarF);

						// Se incluye el nuevo pago en la lista
						var lineaPago = $( '<div>', {
							class: "view-payment-detail-line"
						})
						.append( $( '<span>', {
							class: "view-payment-detail-line-tpago"
							, html: data.arrayPagos[data.fkPayment].tpago
						}))
						.append( $( '<span>', {
							class: "view-payment-detail-line-monto"
							, html: data.arrayPagos[data.fkPayment].payement_amountf
						}))
						.append( $( '<div>', {
							class: "view-payment-detail-total-action-container"
						})
						.append( $( '<i>', {
							class: 'fa fa-trash del_payment'
						})
						.data( 'fk_payment', data.fkPayment)
						))
						$( '.view-payment-detail-total').before(lineaPago);


						$( '#forma_pago').val(-1).trigger( 'change' );
						$( '#monto').val('').trigger( 'change' );

						// Se actualiza el total de pagos
						$( '.view-payment-detail-total-monto' ).text(data.totalPagosF);

						if (data.totalCompra <= data.totalPagos) {
							// Si con el reciente pago ya se completa el valor de la compra se inhabilitan los elementos que permiten adicionar un nuevo pago
							$( '.campo-capture-payment-detail' ).hide();
							$( '#btn_tipo_pago' ).css( 'color', 'var(--verde-wurth)');
							$( '.add-payment-detail-container' ).hide();
						}

					}
					else if (data.error == 500) {
						// Se muestra mensaje indicando que la forma de pago ya fue utilizada
						var modalMsj = $('<div>', {
							class: "modal-msj font-msj"
						});

						var msjContainer = $('<div>', {
							class: "msj-container"
							, html: data.mensaje
						});

						modalPadre = $( '.modal-capture-payment-detail' ).closest( '.ui-dialog' );
						modalMsj.append( msjContainer );
						modalMsj.dialog({
							modal: true
							, appendTo: modalPadre
							, position: {
								my: 'center'
								, at: 'center'
								, of: $( window )
							}
							, width: 'auto'
							, height: 'auto'
							, open: function() {
								modalMsj.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
								$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
								modalMsj.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
								modalMsj.parent().find( ".ui-dialog-buttonset" ).addClass( "font-msj" ); // para manejar el estilo de la letra de los botones
								modalMsj.prev( ".ui-dialog-titlebar" ).find( ".ui-dialog-title" ).addClass( "font-msj" ); // para manejar la letra del titulo
							}
							, close: function() {
								modalMsj.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-msj" );
								modalMsj.dialog( "destroy" );
							}
							, buttons: [
								{
									text: "Cerrar"
									, click: function() {
										modalMsj.dialog( "close" );
									}
								}
							]
						});
					}
				});
			});

			// Se elimina un Pago
			// $( '.del_payment' ).on( 'click', function() {
			$('.view-payment-detail-container').on('click', '.del_payment', function() {
				console.log('Se eliminara el pago: ' , $(this).data('fk_payment'), ' por valor de: ', $( this ).parent().siblings( '.view-payment-detail-line-monto' ).text());
				elemento = $(this);
				var fkPayment = elemento.data( 'fk_payment' );
				var montoPayment = elemento.parent().siblings( '.view-payment-detail-line-monto' ).text();
				var formaPayment = elemento.parent().siblings( '.view-payment-detail-line-tpago' ).text();

				// Se muestra modal para confirmar la eliminación del pago
				var modalMsj = $('<div>', {
					class: "modal-msj font-msj"
				});

				var msjContainer = $('<div>', {
					class: "msj-container"
					, html: '¿Está seguro de querer eliminar el pago por ' + montoPayment + ' (' + formaPayment + ')?'
				});

				modalPadre = $(  '.modal-capture-payment-detail').closest( '.ui-dialog' );
				modalMsj.append( msjContainer );
				modalMsj.dialog({
					modal: true
					, appendTo: modalPadre
					, position: {
						my: 'center'
						, at: 'center'
						, of: elemento
					}
					, width: 'auto'
					, height: 'auto'
					, open: function() {
						modalMsj.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
						$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
						$( '#btn_no_delete_payment' ).focus();
						modalMsj.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
						modalMsj.parent().find( ".ui-dialog-buttonset" ).addClass( "font-msj" ); // para manejar el estilo de la letra de los botones
						modalMsj.prev( ".ui-dialog-titlebar" ).find( ".ui-dialog-title" ).addClass( "font-msj" ); // para manejar la letra del titulo
					}
					, close: function() {
						modalMsj.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-msj" );
						modalMsj.dialog( "destroy" );
					}
					, buttons: [
						{
							text: "Sí"
							, id: 'btn_yes_delete_payment'
							, click: function() {
								var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
								// Se llama al asíncrono que elimina el Pago
								const fd = new FormData();
								fd.append('action', 'delete_payment');
								fd.append('fk_shopping_cart', fkShoppingCart);
								fd.append('fk_payment', fkPayment);
								fd.append('token', '');
								fd.append('fk_soc', fkSoc);

								call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (resultado) => {
									if (resultado.error == 0) {
										$( '.capture-payment-detail-container' ).data( 'totalCompra', resultado.totalCompra );
										$( '.capture-payment-detail-container' ).data( 'totalPagos', resultado.totalPagos );

										// Se actualiza la información del total pedido y saldo por pagar
										$( '.capture-payment-detail-resume-total-pedido-valor' ).html(resultado.totalCompraF);
										$( '.capture-payment-detail-resume-faltante-pago-valor' ).html(resultado.saldoXPagarF);

										// eliminar la linea del pago
										elemento.parent().parent().remove();

										// Habilitar los elementos que permiten adicionar un nuevo pago
										$( '.view-payment-detail-total-monto' ).text(resultado.totalPagosF);
										$( '.campo-capture-payment-detail' ).show();
										$( '#btn_tipo_pago' ).css( 'color', 'var(--rojo-wurth)');
										$( '.add-payment-detail-container' ).show();

										modalMsj.dialog( "close" );
									}
								}, 'Eliminando...')
							}
						}
						, {
							text: "No"
							, id: 'btn_no_delete_payment'
							, click: function() {
								modalMsj.dialog( "close" );
							}
						}
					]
				});


			})
		}
	}, "Obteniendo detalle pago...");
}

/**
 * 	Función para validar que la forma de pago y el monto tienen información válida antes de habilitar botón de agregar pago
 * 	@author:	Diego Bonilla
 * 	@date:		31/ene/2024
 *	@param		int			fkShoppingCart				id del carro de compras sobre el que se hace el pago
 *	@return		int										< 0 Error
 *														> 0 => rowid del societe en Dolibarr
 **/
function valida_add_payment() {
	$( '#add_payment' ).attr( 'disabled', true);
	var totalCompra = parseInt($( '.capture-payment-detail-container' ).data( 'totalCompra' ));
	var totalPagos = parseInt($( '.capture-payment-detail-container' ).data( 'totalPagos' ));
	var currentPay = parseInt($( '#monto' ).val());

	console.log('El valor de la compra es :', totalCompra);
	console.log('El valor de los pagos es :', totalPagos);
	console.log('El pago actual es :', currentPay);
	console.log('El total con el pago actual es :', (currentPay + totalPagos ));

	if ( $( '#forma_pago' ).val() > 0 && $( '#monto' ).val() > 0) {
		// Se evalua si con el pago actual se supero el valor de la compra, y de ser así se alerta con un mensaje al usuario
		if ( (currentPay + totalPagos ) > totalCompra) {
			msjStandard( 'Con este pago se supera el valor de la compra.<br><br>Favor verificar', $( '.modal-capture-payment-detail' ).closest( '.ui-dialog'));
		}
		else {
			$( '#add_payment' ).attr( 'disabled', false);
		}
	}
}

/**
 * 	Función para generar una ventana modal con el detalle de los bonos que están pendientes por redimir del vendedor
 * 	@author:	Diego Bonilla
 * 	@date:		06/nov/2024
 **/
function mostrar_detalle_bonos(tipoBono) {
	const fd = new FormData();
	var fkShoppingCart = $( ".icon-doc-shopping-cart-selected" ).data( "fk_shopping_cart" );
	var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
	fd.append('action', 'view_bonus_detail');
	fd.append('token', '');
	fd.append('fk_shopping_cart', fkShoppingCart);
	fd.append('fk_soc', fkSoc);
	/*****
	*	Se incluye parámetro de tipo de bono, para poder manejar en una sola acción
	*	'determine_bonus_balance' los bonos de nmarketing y los bonos por KPIs
	*	dbonilla. 5/mar/2025
	*****/
	fd.append('tipo_bono', tipoBono);

	call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (request) => {
		if(request.error == 0 && request.numBonos > 0) {
			// Se constuye modal para mostrar el detalle de los bonos

			var modalBonusDetail = $('<div>', {
				class: "modal-bonus-detail font-bonus-detail"
			});

			var bonusDetailContainer = $('<div>', {
				class: "bonus-detail-container"
			});

			var bonusTotalDContainer = $('<div>', {
				class: "bonus-total-container"
			})
			.append( $( '<span>', {
				'etiqueta': 'label'
				, html: 'Total pedido'
			}))
			.append( $( '<span>', {
				'etiqueta': 'monto'
				, html: $( '#current_valor_total_ttc' ).text()
			}))
			.append( $( '<span>', {
				'etiqueta': 'label'
				, html: 'Total canje'
			}))
			.append( $( '<span>', {
				'etiqueta': 'monto'
				, id: 'monto_total_canje'
				, html: request.totalCanjeF
			}))
			.append( $( '<span>', {
				'etiqueta': 'label'
				, html: 'Saldo'
			}))
			.append( $( '<span>', {
				'etiqueta': 'monto'
				, id: 'monto_saldo_compra'
				, html: request.saldoCompraF
			}));

			// Se crea contenedor para los titulos
			var contenedor = $( '<div>', {
				class: 'bonus-detail-header-container'
			})
			.append( $( '<span>', {
				html: 'Fecha'
			}))
			.append( $( '<span>', {
				html: 'Observacion'
			}))
			.append( $( '<span>', {
				html: 'Monto'
			}))
			.append( $( '<span>', {
				html: 'Vencimiento'
			}))
			/****
			*	Uso de casilla de check para selección de bonos
			*	Se define que: No se permite que el vendedor seleccione los bonos a redimir. Con cada
			*	documento equivalente a un pedido por canje de bonos, se hace la utilización del total
			*	de bonos que el vendedor tenga pendientes por canjear
			*	dbonilla. 29-nov-2024
			.append( $( '<span>', {
				html: '<span>Para canje</span><br/><input type=checkbox id="select_all_bonus" class="select-all-bonus">'
			}))
			******/
			.append( $( '<span>', {
				html: 'Para canje'
			}))

			bonusDetailContainer.append(contenedor);

			todosBonosSelected = true;

			$.each(request.arrayBonos, function(key, bono) {
				bonoCanjeable = true;
				if (bono.canjeable == "0") {
					bonoCanjeable = false;
				}

				// Se crea el contenedor para la linea de detalle
				// Se determina si el checkbox está seleccionado
				bChecked = false;
				if (bono.seleccionado == "1") {
					bChecked = true;
				}
				else {
					if (bonoCanjeable) {
						todosBonosSelected = false;
					}
				}

				var contenedor = $( '<div>', {
					class: 'bonus-detail-body-container'
				})
				.append( $( '<span>', {
					'etiqueta': 'fecha'
					, html: bono.fecha
				}))
				.append( $( '<span>', {
					'etiqueta': 'observacion'
					, html: bono.observacion
				}))
				.append( $( '<span>', {
					'etiqueta': 'monto'
					, html: bono.montof
				}))
				.append( $( '<span>', {
					'etiqueta': 'vencimiento'
					, html: bono.fecha_vencimiento
				}))
				.append( $( '<input>', {
					class: 'check-bono-canje'
					, type: 'checkbox'
					// , disabled: !bonoCanjeable
					, disabled: true
					, checked: bChecked
				})
				.data( 'monto', bono.monto)
				.data( 'fk_bono', bono.rowid)
				.data( 'canjeable', bono.canjeable)
				)
				bonusDetailContainer.append(contenedor);
			});

			modalBonusDetail.append( bonusDetailContainer );
			modalBonusDetail.append( bonusTotalDContainer );
			modalBonusDetail.dialog({
				modal: true
				, position: {
					my: 'center'
					, at: 'center'
					, of: $( window )
				}
				, width: 'auto'
				, height: 'auto'
				, open: function() {
					modalBonusDetail.prev( ".ui-dialog-titlebar" ).hide(); // Para ocultar la barra de título
					modalBonusDetail.prev(".ui-dialog-titlebar").find(".ui-dialog-titlebar-close").hide(); // Ocultar la x de la barra de titulo
					$( ".ui-widget-overlay" ).attr("style", "background-color: grey; opacity: .6;");
					modalBonusDetail.closest( ".ui-dialog" ).css("border-radius", "10px"); // borde redondo del modal
					modalBonusDetail.parent().find( ".ui-dialog-buttonset" ).addClass( "font-bonus-detail" ); // para manejar el estilo de la letra de los botones
					modalBonusDetail.prev( ".ui-dialog-titlebar" ).find( ".ui-dialog-title" ).addClass( "font-bonus-detail" ); // para manejar la letra del titulo
				}
				, close: function() {
					// Si hay bonos seleccionados para canje se llama el asincrono que se encarga de actualizar la relación de los bonos a canjear con el pedido del carro de compras
					bonosSeleccionado = $( '.check-bono-canje' );
					bonosCanjedos = 0;
					arrayBonos = [];
					$.each(bonosSeleccionado, function() {
						if ($( this ).is(':checked')) {
							bonosCanjedos++;
							arrayBonos.push($( this ).data( 'fk_bono' ))
						}
					})

					if (bonosCanjedos > 0) {
						console.log('se actualizan bonos seleccionados');
						console.log('arrayBonos', arrayBonos);
						var fkSoc = $(".top-section-info-current .current-customer-info").data("fk_soc");
						const fd = new FormData();
						fd.append('action', 'update_bonus_change');
						fd.append('token', '');
						fd.append('fk_shopping_cart', fkShoppingCart);
						fd.append('list_bonos', arrayBonos);
						fd.append('fk_soc', fkSoc);

						call_ajax_fetch('/crm/custom/invdspeedy/ajax/shopping_cart.php', fd, (request) => {
						});
					}

					modalBonusDetail.parent().find( ".ui-dialog-buttonset" ).removeClass( "font-bonus-detail" );
					modalBonusDetail.dialog( "destroy" );
				}
				, buttons: [
					{
						text: "Cerrar"
						, id: "btn_no_delete_product"
						, click: function() {
							modalBonusDetail.dialog( "close" );
						}
					}
				]
			});

			if (todosBonosSelected) {
				$( '#select_all_bonus' ).prop( 'checked', true );
			}

			saldoCompra = request.saldoCompra;
			actualiza_color_saldo_canjebono();

			// Interaccion con los checkbox de selección de bonos a ser canjeados
			$( '.check-bono-canje' ).on( 'change', function() {
				// Se totaliza el monto de bonos seleccionado para canje
				bonosSeleccionado = $( '.check-bono-canje' );
				totalCanje = 0;
				totalCompra = parseInt(request.totalCompra);
				saldo = totalCompra;
				$.each(bonosSeleccionado, function() {
					if ($( this ).is(':checked')) {
						console.log('sumo el monto ', $(this).data('monto'));
						monto = parseInt($(this).data('monto'));
						totalCanje += monto;
					}
				})
				saldoCompra = totalCompra - totalCanje;
				console.log('totalCompra', totalCompra);
				console.log('totalCanje', totalCanje);
				console.log('saldo', saldo);
				totalCanjeF = price(totalCanje, '', '', false);
				saldoCompraF = price(saldoCompra, '', '', false);
				$( '#monto_total_canje' ).html(totalCanjeF)
				$( '#monto_saldo_compra' ).html(saldoCompraF)

				actualiza_color_saldo_canjebono();
				actualiza_select_all_bonus();
			})

			// Seleccinar todos los bonos
			$( '#select_all_bonus' ).on( 'change' , function() {
				elementos = $( '.check-bono-canje' );
				if ($( this).is(':checked')) {
					$.each(elementos, function() {
						if ($(this ).prop( 'disabled' ) == false) {
							$(this).prop('checked', true).trigger('change');
						}
					});
				}
				else {
					$.each(elementos, function() {
						if ($(this ).prop( 'disabled' ) == false) {
							$(this).prop('checked', false).trigger('change');
						}
					});
				}
			});
		}
	});
}

function actualiza_color_saldo_canjebono () {
	// Se cambia el color del saldo si es negativo para que sea evidente para el vendedor que hay un saldo mayor en el canje de bonos
	$( '#monto_saldo_compra' ).css( 'color', 'black');
	if (saldoCompra < 0) {
		$( '#monto_saldo_compra' ).css( 'color', 'var(--rojo-wurth)');
	}
}

function actualiza_select_all_bonus() {
	elementos = $( '.check-bono-canje' );
	todosBonosSelected = true;

	$.each(elementos, function() {
		if ($(this ).prop( 'disabled' ) == false) {
			if ($( this).is(':checked')) {
			}
			else {
				todosBonosSelected = false;
			}
		}

		if (todosBonosSelected) {
			$( '#select_all_bonus' ).prop( 'checked', true );
		}
		else {
			$( '#select_all_bonus' ).prop( 'checked', false );
		}
	});
}