const CloseModalBtns = document.querySelectorAll('.modal_close')
for (let i = 0; i < CloseModalBtns.length; i++) {
	CloseModalBtns[i].addEventListener('click', closeAllModals)
}
function closeAllModals(e) {
	const MdalWraps = document.querySelectorAll('.modal_wrap')
	for (let i = 0; i < MdalWraps.length; i++) {
		MdalWraps[i].style.display = 'none'
	}
	const ModalWrap = document.querySelector('.oe-modals')
	const modalVideos = ModalWrap.querySelectorAll('.oe-video-widget')
	for (let i = 0; i < modalVideos.length; i++) {
		let Iframe = ModalWrap.querySelector('iframe')

		let src = Iframe.getAttribute('src')
		Iframe.setAttribute('src', '')
		Iframe.setAttribute('src', src)
	}

	document.querySelector('.oe-modals').classList.remove('fade-in')
	document.querySelector('.oe-modals').style.display = 'none'
	document.querySelector('.oe-modals').style.opacity = '0'


}
const ModalButtons = document.querySelectorAll('[modal]')
for (let i = 0; i < ModalButtons.length; i++) {
	ModalButtons[i].addEventListener('click', OpenModal)
}

function OpenModal(e) {
	e.preventDefault();

	document.querySelector('.oe-modals').style.opacity = '0'
	document.querySelector('.oe-modals').style.display = 'block'
	document.querySelector('.oe-modals').classList.add('fade-in')
	document.getElementById(e.target.getAttribute('modal')).style.display = 'block'
	document.querySelector('.oe-modals').style.opacity = '1'
}

//modal backgroundclicck event
// document.querySelector('.oe_modal_background').addEventListener('click',closeAllModals)
// var currentTime =  Math.trunc((new Date()).getTime() / 1000);
let countdownTimers = document.querySelectorAll('[countdown]')
window.setInterval(() => {
	for (let i = 0; i < countdownTimers.length; i++) {
		countDownTimer(countdownTimers[i])
	}
}, 1000)

function countDownTimer(el) {
	const date = el.getAttribute('countdown')
	const now = Math.trunc((new Date()).getTime() / 1000)
	let dateInMilliseconds = Math.trunc(Date.parse(date) / 1000)
	let seconds = (dateInMilliseconds - now) % 60;
	let minutes = Math.trunc((dateInMilliseconds - now) / 60) % 60;
	let hours = Math.trunc((dateInMilliseconds - now) / 60 / 60) % 24;
	let days = Math.trunc((dateInMilliseconds - now) / 60 / 60 / 24);
	el.querySelector('.seconds').innerHTML = twoDigits(seconds)
	el.querySelector('.minutes').innerHTML = twoDigits(minutes)
	el.querySelector('.hours').innerHTML = twoDigits(hours)
	el.querySelector('.days').innerHTML = twoDigits(days)
}
function twoDigits(value) {
	if (value < 0) {
		return '00';
	}
	if (value.toString().length <= 1) {
		return `0${value}`;
	}
	return value;
}


const links = document.querySelectorAll("body a");
for (const link of links) {
	if (link.hasAttribute('href')) {
		if (link.getAttribute('href').charAt(0) === '#') {
			link.addEventListener("click", clickHandler);
		}
	}
}

function clickHandler(e) {
	e.preventDefault();
	const href = this.getAttribute("href");
	const offsetTop = document.querySelector(href).offsetTop;

	scroll({
		top: offsetTop,
		behavior: "smooth"
	});
}




function gridResize(){
	let oeGrids = document.querySelectorAll('.oe-grid')
	if(oeGrids.length){
		for(let i=0; i<oeGrids.length; i++){
			let oeGridWidth = oeGrids[i].offsetWidth
			let oeGridParent = oeGrids[i].closest('.oe-grid-widget')
			let oeGridParentWidth = oeGridParent.offsetWidth
			let paddingLeft = parseInt(window.getComputedStyle(oeGrids[i], null).getPropertyValue('padding-left'))
			let paddingRight = parseInt(window.getComputedStyle(oeGrids[i], null).getPropertyValue('padding-right'))
			oeGrids[i].style.setProperty('--grid-gw', (oeGridParentWidth-(parseInt(paddingLeft)+parseInt(paddingRight)))+'px')
		}
	}
}
gridResize()

window.addEventListener("resize", gridResize);