// ФУНКЦИОНАЛ СМЕНЫ ПОЧТЫ
var changeEmailFunctional = function changeEmailFunctional() {
	//////////////////////////////////////////////////////////////////////////////////////
	// НАЧАЛО ПАНЕЛИ УПРАВЛЕНИЯ СКРИПТОМ

	var CHANGE_EMAIL_BLOCK_SELECTOR = '.change-email-functional';
	var CURRENT_EMAIL_INPUT_SELECTOR = 'input[name="formParams[email]"]';
	var NEW_EMAIL_INPUT_SELECTOR = '.new-email-input input.form-control';

	// КОНЕЦ ПАНЕЛИ УПРАВЛЕНИЯ СКРИПТОМ
	/////////////////////////////////////////////////////////////////////////////////////

	var changeEmailBlock = document.querySelector(CHANGE_EMAIL_BLOCK_SELECTOR);
	if (!changeEmailBlock) return;

	var currentEmailInput = changeEmailBlock.querySelector(
		CURRENT_EMAIL_INPUT_SELECTOR
	);
	var newEmailInput = changeEmailBlock.querySelector(NEW_EMAIL_INPUT_SELECTOR);
	var buttonSubmitForm = changeEmailBlock.querySelectorAll(
		'button[type="submit"]'
	);

	if (!currentEmailInput || !newEmailInput || !buttonSubmitForm.length) return;

	newEmailInput.setAttribute('type', 'email');

	var firstBuilderPartButtonBlock = changeEmailBlock.querySelector(
		'.builder-item.part-button'
	);

	function createErrorBox() {
		var errorBlockMessage = document.createElement('div');
		errorBlockMessage.classList.add('change-email-error');
		errorBlockMessage.style.display = 'none';
		firstBuilderPartButtonBlock.before(errorBlockMessage);
	}

	createErrorBox();
	var createdErrorBox = document.querySelector('.change-email-error');

	// Функция проверки корректности ввода данных
	var checkCurrentValueInInputs = function checkCurrentValueInInputs(e) {
		if (
			currentEmailInput.value.toLowerCase().trim() ===
			newEmailInput.value.toLowerCase().trim()
		) {
			createdErrorBox.textContent =
				'Ваш новый email имеет такое же значение, что и текущий. Если вы хотите изменить текущий email, то введите другое значение';
			createdErrorBox.style.display = 'block';
			e.preventDefault();
			e.stopImmediatePropagation();
		} else {
			if (getComputedStyle(createdErrorBox).display == 'block') {
				createdErrorBox.style.display = 'none';
			}
		}
	};

	buttonSubmitForm.forEach(function (item) {
		item.addEventListener('click', checkCurrentValueInInputs);
	});
};
window.addEventListener('DOMContentLoaded', changeEmailFunctional);