const andar = document.querySelectorAll('.andar')
const elevador = document.querySelector('#elevador')
const display = document.querySelector('#display')
const navbtns = document.querySelector('#navbtns')
const btn = document.querySelectorAll('.btn')
const display2 = document.querySelector('#display2')
const btnUp = document.querySelector('#btn-Up')
const btnDown = document.querySelector('#btn-Down')

const andarOffSetT = andar[4].offsetTop
const andarOffSet2 = andar[3].offsetTop
const andarOffSet3 = andar[2].offsetTop
const andarOffSet4 = andar[1].offsetTop
const andarOffSet5 = andar[0].offsetTop

// ▲ ▼
var lastPlace
var timerDuration = 2000
var inMoving = false
var myInterval
var elDir = '▼'
var fechar = false


elevador.onanimationend = ()=>{
	
	console.log(inMoving,elevador.dataset.door,'aaaa')
}

elevador.ontransitionstart = (event) => { 
	inMoving = true
	elevador.dataset.door = 'true'
	//Array.from(btn).forEach( elm => elm.classList.add('disabled'))
	elevador.textContent = 'aguarde...'
};

elevador.ontransitionend = (event) => {
		if(elevador.classList.contains('doorOpen'))return
		inMoving = false
		fechar = true
		elevador.dataset.door = 'false'
		elevador.innerHTML = ' '
		Array.from(btn).forEach( elm => elm.removeAttribute('disabled'))
		btn[(elevador.dataset.lastplace-5)*(-1)].setAttribute('disabled',null)
		if(elevador.dataset.lastplace == '5')btnUp.setAttribute('disabled',null)
		if(elevador.dataset.lastplace == '1')btnDown.setAttribute('disabled',null)
			console.log(elevador.dataset.lastplace)
	};


	
Array.from(btn).forEach(elm =>{
	elm.addEventListener("click", e => {
		
		if(lastPlace === undefined) lastPlace = andarOffSetT
		if(e.target === navbtns.children[0]){
			// IR PARA 5º
			if(inMoving === true || elevador.dataset.door == 'true'){
				return
			} else {
				if(lastPlace === undefined) lastPlace=andarOffSet5
				if(lastPlace === andarOffSet4) timerDuration = 500
				if(lastPlace === andarOffSet3) timerDuration = 1000
				if(lastPlace === andarOffSet2) timerDuration = 1500
				if(lastPlace === andarOffSetT) timerDuration = 2000
				if(lastPlace === andarOffSet5) return
				setTimeout(()=>{
					elevChanges(andarOffSet5,5);lastPlace=andarOffSet5
				},250)
				
			}			
		}
		if(e.target === navbtns.children[1]){
			// IR PARA 4º
			if(inMoving === true || elevador.dataset.door == 'true'){
				return
			} else {
				if(lastPlace === undefined) lastPlace=andarOffSet4
				if(lastPlace === andarOffSet5) timerDuration = 500
				if(lastPlace === andarOffSet3) timerDuration = 500
				if(lastPlace === andarOffSet2) timerDuration = 1000
				if(lastPlace === andarOffSetT) timerDuration = 1500
				if(lastPlace === andarOffSet4) return
				setTimeout(()=>{elevChanges(andarOffSet4,4);lastPlace=andarOffSet4},250)
			}
		}
		
		if(e.target === navbtns.children[2]){
			// IR PARA 3º
			if(inMoving === true || elevador.dataset.door == 'true'){
				return
			} else {
				if(lastPlace === undefined) lastPlace=andarOffSet3
				if(lastPlace === andarOffSet5) timerDuration = 1000
				if(lastPlace === andarOffSet4) timerDuration = 500
				if(lastPlace === andarOffSet2) timerDuration = 500
				if(lastPlace === andarOffSetT) timerDuration = 1000
				if(lastPlace === andarOffSet3) return
				setTimeout(()=>{elevChanges(andarOffSet3,3);lastPlace=andarOffSet3},250)
			}
		}
		if(e.target === navbtns.children[3]){
			// IR PARA 2º
			if(inMoving === true || elevador.dataset.door == 'true'){
				return
			} else {
				if(lastPlace === undefined) lastPlace=andarOffSet2
				if(lastPlace === andarOffSet5) timerDuration = 1500
				if(lastPlace === andarOffSet4) timerDuration = 1000
				if(lastPlace === andarOffSet3) timerDuration = 500
				if(lastPlace === andarOffSetT) timerDuration = 500
				if(lastPlace === andarOffSet2) return
				setTimeout(()=>{elevChanges(andarOffSet2,2);lastPlace=andarOffSet2},250)
			}
		}
		
		if(e.target === navbtns.children[4]){
			//ir para T
			if(inMoving === true || elevador.dataset.door == 'true'){
				return
			} else {
				if(lastPlace === undefined) lastPlace=andarOffSetT
				if(lastPlace === andarOffSet5) timerDuration = 2000
				if(lastPlace === andarOffSet4) timerDuration = 1500
				if(lastPlace === andarOffSet3) timerDuration = 1000
				if(lastPlace === andarOffSet2) timerDuration = 500
				if(lastPlace === andarOffSetT) return
				setTimeout(()=>{elevChanges(andarOffSetT,1);lastPlace=andarOffSetT},250)
			}
		}
		
		// BTN ABRIR PORTA
		if(e.target === navbtns.children[5] && 
		inMoving === false && elevador.classList.contains('doorClosed')) checkDoor()
		
		// BTN FECHAR PORTA
		if(e.target === navbtns.children[6] && fechar == true){
			elevador.classList.add('doorClosed')
			elevador.classList.remove('doorOpen')
			fechar = false
		}
		
		// BTN EMERG
		if(e.target === navbtns.children[7]){
			alert('EMERGÊNCIA!')
      console.log(e.target)
		}
		// BTN UP 
		if(e.target === navbtns.children[8]){
			console.log('up')
		}
		//BTN DOWN
		if(e.target === navbtns.children[9]){
			console.log('down')
		}
		
	})
})


function checkDoor(){
	if(inMoving === true && elevador.dataset.door == 'true') return
	
	setTimeout(()=>{
		elevador.classList.remove('doorClosed')
		elevador.classList.add('doorOpen')
		fechar = true
		setTimeout(()=>{
			elevador.classList.add('doorClosed')
			elevador.classList.remove('doorOpen')
			fechar = false
		},4500)
	},250)
}


let txt = display.textContent
function elevChanges(clicked,placeTarget){
	Array.from(btn).forEach( elm => elm.setAttribute('disabled',null))
	let curPlace = parseInt(elevador.dataset.lastplace)
	if(curPlace>placeTarget){
		elDir = '▼'
		
	}else{
		elDir = '▲'
	}
	
	elevador.dataset.lastplace = placeTarget
	
	
		elevador.animate([{top: `${clicked}px`}],
		{duration: timerDuration,iterations: 1,fill: "forwards"})
	
	
	inMoving = true
	Promise.all(elevador.getAnimations().
	map((animation) => animation.finished)).then(() => {inMoving = false
		clearInterval(myInterval)
		display.textContent = `0${placeTarget}${elDir}`
		
		if(display.textContent === `05▲`){
			display.textContent = `05▼`;
			display2.textContent = `05▼`;
			
		}
		if(display.textContent === `01▼`){
			display.textContent = `01▲`;
			display2.textContent = `01▲`;
			
			
		}
		elevador.dataset.door = 'true'
		checkDoor()
		
	})
	myInterval = setInterval(()=>{displayChanges(curPlace,placeTarget)},250)
}

function displayChanges(c,p){
	
	if(elevador.offsetTop <= andarOffSetT + 20) display.textContent = `01▲`
	if(elevador.offsetTop <= andarOffSet2 + 20) display.textContent = `02${elDir}`
	if(elevador.offsetTop <= andarOffSet3 + 20) display.textContent = `03${elDir}`
	if(elevador.offsetTop <= andarOffSet4 + 20) display.textContent = `04${elDir}`
	if(elevador.offsetTop <= andarOffSet5 + 20) display.textContent = `05▼`
	
	display2.textContent = display.textContent
}

setTimeout(()=>{elevChanges(andarOffSetT,1)},250)