




const detailsLink = document.querySelectorAll(".details__link");
const openModal = document.querySelectorAll(".details__modal");
const cardsCreditContent = document.querySelectorAll('.details__body');
for (let i = 0; i < detailsLink.length; i++) {
	detailsLink[i].addEventListener('click', function () {
		detailsLink[i].classList.toggle('open');
		openModal[i].classList.toggle('open');
		if (openModal[i].classList.contains('open')) {
			contentHeight = cardsCreditContent[i].offsetHeight;
			openModal[i].style.height = contentHeight + 'px';
		} else {
			openModal[i].style.height = '0';
		}
	})
}

const questionsLink = document.querySelectorAll(".questions__credit-text");
const cardsQuestionsContent = document.querySelectorAll('.modal-questions__body');
const questionsModal = document.querySelectorAll(".questions__credit-modal")
for (let i = 0; i < questionsLink.length; i++) {
	questionsLink[i].addEventListener('click', function () {
		questionsLink[i].classList.toggle('open');
		questionsModal[i].classList.toggle("open");
		if (questionsModal[i].classList.contains('open')) {
			contentHeight = cardsQuestionsContent[i].offsetHeight;
			questionsModal[i].style.height = contentHeight + 'px';
		} else {
			questionsModal[i].style.height = '0';
		}
	})
}



const easybuyLink = document.querySelectorAll(".easy-buy-card__title:not(:last-child)");
const cardseasybuyContent = document.querySelectorAll('.easy-buy-card__text');
const easybuyModal = document.querySelectorAll(".easy-buy-card__content");
const easybuyArrow = document.querySelectorAll(".easy-buy-card__arrow");
for (let i = 0; i < easybuyLink.length; i++) {
	easybuyLink[i].addEventListener('click', function () {
		easybuyLink[i].classList.toggle('open');
		easybuyModal[i].classList.toggle("open");
		if (easybuyModal[i].classList.contains('open')) {
			contentHeight = cardseasybuyContent[i].offsetHeight;
			easybuyModal[i].style.height = contentHeight + 'px';
			easybuyArrow[i].style.transform = 'rotate(180deg)';
		} else {
			easybuyModal[i].style.height = '0';
			easybuyArrow[i].style.transform = 'rotate(0deg)';
		}
	})
}

const textUnderline = document.querySelectorAll(".card__title");
const openWindow = document.querySelectorAll(".card__window");
const cardsEripContent = document.querySelectorAll('.card__window-body');
const rightArrow = document.querySelectorAll(".erip__card-arrow");

for (let i = 0; i < textUnderline.length; i++) {
	textUnderline[i].addEventListener('click', function () {
		rightArrow[i].classList.toggle("active");
		openWindow[i].classList.toggle("open");
		if (openWindow[i].classList.contains('open')) {
			contentHeight = cardsEripContent[i].offsetHeight;
			openWindow[i].style.height = contentHeight + 'px';
			openWindow[i].style.visibility = 'visible';
		} else {
			openWindow[i].style.height = '0';
			openWindow[i].style.visibility = 'hidden';
		}
	})
}
let overlay; // Глобальная переменная для элемента popup-overlay
/*------------------------------------------------------------------------------------------------------------------------------- */

window.openPopupWindow = (index) => {

	if (index.id === 'bronirovanie') {
		wrapper = $('.wrapper');
		popup = $('#bronirovanie-popup');
		$('#objecNewBPM').val($('#main-id').html());
		 
		popupBody = popup.find('.popup__body');
		close = popup.find('.popup__close');

	} else if (index.id === 'zayavka') {
		wrapper = $('.wrapper');
		popup = $('#zayavka-popup');
		popupBody = popup.find('.popup__body');
		close = popup.find('.popup__close');
	
	} else if (index.id === 'zayavka-popup-parking' || index === 'zayavka-popup-parking') {

		wrapper = $('.wrapper');
		popup = $('#zayavka-popup-parking');
		popupBody = popup.find('.popup__body');
		close = popup.find('.popup__close');
	

	} else if (index.id === 'favourites') {
		wrapper = $('.wrapper');
		popup = $('#favourites-popup');
		popupBody = popup.find('.popup__body');
		close = popup.find('.popup__close');
		// Получаем данные из localStorage
		

	}
	else if (index.id === 'zayavka-pomeshenie') {
		wrapper = $('.wrapper');
		popup = $('#zayavka-pomeshenie-popup');
		popupBody = popup.find('.popup__body');
		close = popup.find('.popup__close');
		
	}
	let overlay = $('.popup-overlay');
	if (!overlay.length) {
	    wrapper = $('.wrapper');
		wrapper.after('<div class="popup-overlay"></div>');
		overlay = $('.popup-overlay');
	}


		 contentHeight = popupBody.outerHeight();
	

		popup.css('max-height', contentHeight + 'px');
		popup.css('position', 'fixed');
		popup.css('opacity', '1');
		popup.css('z-index', '10');


	$('body').addClass('lock');

	close.on('click', () => {
		closePopup();
		favouriteIsOpen = false;
	});

	const closePopup = () => {
		$(document).off('keydown', escKeyPressHandler);
		$(document).off('mouseup', outsideClickHandler);
		popup.css('opacity', '0');

		if (overlay.length) {
			overlay.remove();
		}

		setTimeout(() => {
			popup.css('position', 'absolute');
			popup.css('z-index', '-1');
			popup.css('max-height', '0');
		}, 200);

		$('body').removeClass('lock');
	};

	const escKeyPressHandler = (event) => {
		if (event.key === 'Escape') {
			closePopup();
			favouriteIsOpen = false;
		}
	};

	const outsideClickHandler = (event) => {
		const clickedElement = event.target;
		const isInsidePopup = $(clickedElement).closest('.popup').length > 0;

		if (!isInsidePopup) {
			closePopup();
			favouriteIsOpen = false;
			overlay.remove();
			$('body').removeClass('lock');
		}
	};

	$(document).on('keydown', escKeyPressHandler);
	overlay.on('mouseup', outsideClickHandler);
};

let tableModal = $('#tableModal');
if (tableModal.length === 0) {
	tableModal = $('#inner-search-table');
}
/*------------------------------------------------------------------------------------------------------------------------------- */

let openTableModal = (elem) => {
	console.log(elem);
	let wrapper = $('.wrapper');
	let tableRow = $(elem).find(tableNotChild);
	let popupLink = $('.popup__link');
	let span = $(".modal-table__close");
	let overlay = $('.popup-overlay');

	if (!overlay.length) {
		overlay = $('<div class="popup-overlay"></div>');
		wrapper.after(overlay);
	}
 
	tableModal.attr('data-open', 'true'); // Установка атрибута "data-open" в значение "true"
	tableModal.css('display', 'block');
	span.css('display', 'block');
	$('body').addClass('lock');

		// ТУТ ЗАКРЫВАЕТСЯ 
		//history.replaceState(null, null, $('#url-old').html().replace('https://bir.by/', '')); 
	popupLink.on('click', function (e) {
		e.preventDefault();
		tableModal.attr('data-open', 'false'); // Установка атрибута "data-open" в значение "false"
		overlay.remove();

		tableModal.css('display', '');
		$('.modal-image').attr('src', '');
		openPopupWindow(this);
	});
	span.on('click', function () {

 		// ТУТ ЗАКРЫВАЕТСЯ 
        history.replaceState(null, null, $('#url-old').html().replace('https://bir.by/', '')); 

		overlay.remove();
		tableModal.attr('data-open', 'false'); // Установка атрибута "data-open" в значение "false"
		tableModal.css('display', '');
		$('body').removeClass('lock');
		$('.modal-image').attr('src', '');
	});
    if ($('.modal-image').attr("src")) {
        

    } else {
     
     
    }
	$(document).on('keydown', function (e) {
		if (e.key === "Escape") {
			tableModal.attr('data-open', 'false'); // Установка атрибута "data-open" в значение "false"
			overlay.remove();

 			// ТУТ ЗАКРЫВАЕТСЯ 
            history.replaceState(null, null, $('#url-old').html().replace('https://bir.by/', '')); 
			tableModal.css('display', '');
			$('body').removeClass('lock');
			$('.modal-image').attr('src', '');
		}
	});

	$(document).on('mouseup', function (e) {
		const clickedElement = e.target;
		const isInsideFirstModal = tableModal.is(clickedElement) || tableModal.has(clickedElement).length > 0;
		const isInsideSecondModal = $('.popup').is(clickedElement) || $('.popup').has(clickedElement).length > 0;

		if (!isInsideFirstModal && !isInsideSecondModal) {
			
 			// ТУТ ЗАКРЫВАЕТСЯ 
            history.replaceState(null, null, $('#url-old').html().replace('https://bir.by/', '')); 
			tableModal.attr('data-open', 'false');
			overlay.remove();
			tableModal.css('display', '');
			$('.modal-image').attr('src', '');
			$('body').removeClass('lock');
		} else if (isInsideSecondModal && !tableModal.is(clickedElement)) {
			e.stopPropagation();
		}
	});
};
let popupLink = $('.popup__link');
popupLink.on('click', function (e) {
	e.preventDefault();
	openPopupWindow(this);
});
/*------------------------------------------------------------------------------------------------------------------------------- */
const openMainFormModal = () => {
	//Modal window
	let modal = document.getElementById("myModal");
	let modalBtn = document.querySelector(".modal-footer__button");
	// Get the button that opens the modal
	let btn = document.getElementById("myBtn");
	let header = document.getElementById("header");
	// Get the <span> element that closes the modal
	let span = document.getElementsByClassName("close")[0];

	// When the user clicks the button, open the modal 
	modal.style.display = "block";
	modal.classList.remove("closeModal");
	modal.style.visibility = "unset";
	header.style.display = "none";

	// When the user clicks on <span> (x), close the modal
	span.onclick = function () {
		modal.classList.add("closeModal");
		modal.style.visibility = "hidden";
		modal.style.display = "none";
		header.style.display = "flex";
		$(document.body).removeClass('lock');
	}
	modalBtn.onclick = function () {
		modal.classList.add("closeModal");
		modal.style.visibility = "hidden";
		modal.style.display = "none";
		header.style.display = "flex";
		$(document.body).removeClass('lock');
	}
	// When the user clicks anywhere outside of the modal, close it
	window.onclick = function (event) {
		if (event.target == modal) {
			modal.style.display = "none";
		}
	}
}


