// 2026
function loadScript(src) {
	return new Promise((resolve, reject) => {
		// Проверяем, загружен ли скрипт уже
		if (document.querySelector(`script[src="${src}"]`)) {
			resolve();
			return;
		}

		// Создаем новый тег <script>
		const script = document.createElement('script');
		script.src = src;
		script.async = true;

		// Обработчики событий загрузки
		script.onload = () => {
			console.info('bspb.widget_pay: Основной скрипт успешно загружен');
			resolve();
		};

		script.onerror = () => {
			console.error('bspb.widget_pay: Ошибка при загрузке основного скрипта');
			reject(new Error('bspb.widget_pay: Не удалось загрузить основной скрипт'));
		};

		// Добавляем скрипт в DOM
		document.head.appendChild(script);
	});
}

// Вспомогательная функция для создания кнопки суммы
function createAmountButton(amount, onClickCallback) {
	const button = document.createElement('button');
	button.textContent = `${amount} ₽`;
	button.style.padding = '5px 10px';
	button.style.fontSize = '13px';
	button.style.border = '1px solid #ccc';
	button.style.borderRadius = '5px';
	button.style.cursor = 'pointer';
	button.style.backgroundColor = 'rgb(0, 123, 255)';
	button.style.color = '#fff';
	button.onmouseover = () => button.style.backgroundColor = 'rgb(0, 86, 179)';
	button.onmouseout = () => button.style.backgroundColor = 'rgb(0, 123, 255)';
	button.addEventListener('click', () => onClickCallback(amount));
	return button;
}

// Функция для обработки одного виджета
function processWidgetBox(widgetBox) {
	// Находим контейнер(ы)
	const containerId = widgetBox.dataset.container;
	const container = document.getElementById(containerId);

	if (!container) {
		console.error(`bspb.widget_pay: Контейнер с ID "${containerId}" не найден.`);
		return;
	}
		
	// Считываем атрибуты data-*
	const amounts = JSON.parse(widgetBox.dataset.amounts || '[]');
	const initialAmount = Number.parseFloat(widgetBox.dataset.initialAmount) || {needInput: true, placeholder: '999', selectCurrencies: false, regExp: String.raw`\d+`};
	const description = widgetBox.dataset.description || {needInput: true, placeholder: widgetBox.dataset.descriptionPlaceholder || 'комментарий к заказу'};
	
	const srcEmailRequired = widgetBox.dataset.emailRequired !== 'false';
	const srcEmail = widgetBox.dataset.email && widgetBox.dataset.email.trim() !== ''
		? widgetBox.dataset.email
		: {needInput: true, required: srcEmailRequired, placeholder: 'username@email.ru', regExp: String.raw`^[a-zA-Z0-9.!#$%&'*+/=?^_{|}~-]+@[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$`, orderField: 'srcEmail'};

	const srcMobileRequired = widgetBox.dataset.phoneRequired !== 'false';
	const srcMobile = widgetBox.dataset.phone && widgetBox.dataset.phone.trim() !== ''
		? widgetBox.dataset.phone
		: {needInput: true, required: srcMobileRequired, placeholder: '9999999999', phonePrefix: 7, minLength: 10, maxLength: 11, orderField: 'srcMobile'};
	
	const srcCustomerRequired = widgetBox.dataset.clientRequired !== 'false';
	const srcCustomer = widgetBox.dataset.client && widgetBox.dataset.client.trim() !== ''
		? widgetBox.dataset.client
		: {needInput: true, required: srcCustomerRequired, placeholder: 'ФИО',minLength: 7,maxLength: 20,regExp: '^[а-яА-Яa-zA-Z ]+ [а-яА-Яa-zA-Z ]+( [а-яА-Яa-zA-Z ]+)?$',orderField: 'srcPersonName'};
	
	const merchantRid = widgetBox.dataset.merchantRid;
	const merchantName = widgetBox.dataset.merchantName;
	const merchantLogo = widgetBox.dataset.merchantlogo === 'true';
	const buttonText = widgetBox.dataset.buttontext;
	const customAmountField = widgetBox.dataset.customAmountField === 'true';
	const widgetResponse = widgetBox.dataset.widgetResponse === 'true';

	// Создаем контейнер для кнопок сумм
	const amountButtonsContainer = document.createElement('div');
	amountButtonsContainer.style.display = 'flex';
	amountButtonsContainer.style.gap = '10px';
	amountButtonsContainer.style.alignItems = 'center';
	amountButtonsContainer.style.justifyContent = 'center';
		
	// Функция для создания или обновления виджета
	function createOrUpdateWidget(amount) {	
		const orderData = {
			order: {
				typeRid: 'Purchase',
				amount: amount,
				currency: 'RUB',
				description: description,
				srcEmail: srcEmail,
				srcMobile: srcMobile,
				srcPersonName: srcCustomer,
				language: 'ru',
				hppRedirectUrl: 'https://pgtest.bspb.ru/status'
			},
			merchantId: merchantRid,
			showQr: false,
			widgetInfo: {
				enabled: 'true',
				showErrorMessage: true,
				showQr: 'false',
				merchantName: merchantName,
				buttonText: buttonText,
				userName: srcCustomer,
				phoneNumber: srcMobile,
				phoneNumberMask: {
					enabled: true,
					regExp: String.raw`^\+?(\d*)(\d{3})(\d{3})(\d{2})(\d{2})$`,
					mask: '$1($2)$3-$4-$5'
				},
				email: srcEmail,
			}
		};

		if (merchantLogo) {
			orderData.widgetInfo.merchantLogo = 'MerchantLogo';
		}
		
		const listeners = widgetResponse ? {
			onSuccess(data) {
				// alert(`Успех! Статус заказа: ${data.STATUS}`);
				console.info(data);
				
				const event = new CustomEvent('widgetSuccess', {
						detail: {
							status: data.STATUS
						}
				});
				globalThis.dispatchEvent(event);
			},
			onFail(data, error) {
				// alert('Ошибка');
				console.warn(data);
				console.error(error);
				
				const event = new CustomEvent('widgetFail', {
						detail: {
							data: data,
							error: error
						}
				});
				globalThis.dispatchEvent(event);
			}
		} : undefined;

		try {
			const hppIntegrationApi = listeners
			? new WidgetIntegrationApi(orderData, listeners)
			: new WidgetIntegrationApi(orderData);
			hppIntegrationApi.createWidget(container, {visibleMode: 'button'});
		} catch (error) {
			console.error('bspb.widget_pay: Ошибка при инициализации виджета:', error);
		}
	}

	// Функция для обновления виджета
	function updateWidget(amount) {
		container.innerHTML = '';
		createOrUpdateWidget(amount);
	}

	// Создаем кнопки для сумм
	amounts.forEach(amount => {
		amountButtonsContainer.appendChild(createAmountButton(amount, updateWidget));
	});

	// Создаем поле для ввода пользовательской суммы
	if (customAmountField) {
		const input = document.createElement('input');
		const buttonUpdate = document.createElement('button');

		input.type = 'text';
		input.placeholder = 'произвольная сумма';
		input.oninput = oninput;
		input.required = true;

		input.style.width = '165px';
		input.style.padding = '5px 10px';
		input.style.fontSize = '13px';
		input.style.border = '1px solid #ccc';
		input.style.borderRadius = '5px';
		input.style.boxSizing = 'border-box';

		buttonUpdate.textContent = 'Обновить';
		buttonUpdate.style.padding = '5px 10px';
		buttonUpdate.style.fontSize = '13px';
		buttonUpdate.style.border = '1px solid #ccc';
		buttonUpdate.style.borderRadius = '5px';
		buttonUpdate.style.cursor = 'pointer';
		buttonUpdate.style.backgroundColor = 'rgb(0, 123, 255)';
		buttonUpdate.style.color = '#fff';
		buttonUpdate.onmouseover = () => buttonUpdate.style.backgroundColor = 'rgb(0, 86, 179)';
		buttonUpdate.onmouseout = () => buttonUpdate.style.backgroundColor = 'rgb(0, 123, 255)';

		amountButtonsContainer.appendChild(input);
		amountButtonsContainer.appendChild(buttonUpdate);

		// Добавляем обработчик клика
		buttonUpdate.addEventListener('click', () => {
			const inputValue = Number.parseFloat(input.value);
			if (!Number.isNaN(inputValue) && inputValue > 0) {
				updateWidget(inputValue);
				input.style.borderColor = '#ccc';
				input.value = '';
			} else {
				input.style.borderColor = 'red';
			}
		});
	}

	// Добавляем контейнер с кнопками перед основным контейнером
	container.parentNode.insertBefore(amountButtonsContainer, container);

	// Инициализируем виджет с начальной суммой
	createOrUpdateWidget(initialAmount);
}

// Функция для инициализации виджета
function initializeWidget() {
	// Находим все элементы с классом widget-box
	const widgetBoxes = document.querySelectorAll('.widget-box');

	if (widgetBoxes.length === 0) {
		console.warn('bspb.widget_pay: Нет элементов .widget-box для инициализации виджета.');
		return;
	}

	const widgetScriptUrl = 'https://pgtest.bspb.ru/widget/script.js?wId=hppFlex';

	loadScript(widgetScriptUrl)
		.then(() => {
			widgetBoxes.forEach(processWidgetBox);
		})
		.catch(error => {
			console.error('bspb.widget_pay: Ошибка при загрузке скрипта виджета:', error);
		});
}

// Вызываем функцию инициализации после загрузки страницы
document.addEventListener('DOMContentLoaded', () => {
	console.info('bspb.widget_pay: DOM загружен');
	initializeWidget();

	setTimeout(function () {
		const widgetContainers = document.querySelectorAll('.widget-container');
		
		if (widgetContainers.length < 1) {
			console.error('bspb.widget_pay: Элементы .widget-container не найдены');
		} else {
			console.info('bspb.widget_pay: Найдено элементов .widget-container:', widgetContainers.length);
		}

		widgetContainers.forEach(function (container) {
			if (container) {
				// Убираем высоту для каждого элемента
				container.style.height = '';
			}
		});
	}, 500); // Задержка в 0.5 секунды

});