// Header

const dropdown = document.querySelector(".dropdown")

const navbar = document.querySelector(".navbar")
dropdown.addEventListener('click', () => {
dropdown.parentElement.classList.toggle("activeDown")
navbar.style.transition = "300ms"
})

// Whatsapp
const whatsapp = () => {
let number = 506609694;
let url = "https://wa.me/" + number;
window.open(url, "_blank")
}
// Whatsapp

// Header

// Search part

// Otel
let checkoutOtel = document.querySelectorAll(".checkoutOtel")
checkoutOtel.forEach(e => {
e.addEventListener('click', () => {
if (e.checked) {
data.otel.push(e.id)
} else {
for (let i = 0; i < data.otel.length; i++) {
if (data.otel[i] == e.id) {
data.otel.splice(i, 1)
}
}
}
})
})

// Otel type
let checkoutOtelType = document.querySelectorAll(".checkoutType")
checkoutOtelType.forEach(e => {
e.addEventListener('click', () => {
if (e.checked) {
data.otelType.push(e.id)
} else {
for (let i = 0; i < data.otelType.length; i++) {
if (data.otelType[i] == e.id) {
data.otelType.splice(i, 1)
}
}
}
})
})

// Location
let locationText = document.querySelector('#locationText')
let optionsLocation = document.querySelector('.optionsLocation')
optionsLocation.onclick = function () {
locationText.innerHTML = this.textContent
locationText.parentElement.parentElement.classList.toggle("activeDiv")
}

// Destination
let destinationText = document.querySelector('#destinationText')
let optionsDestination = document.querySelectorAll('.optionsDestination')

for (optionDestination of optionsDestination) {

optionDestination.onclick = function () {
destinationText.innerHTML = this.textContent
destinationText.parentElement.parentElement.classList.toggle('activeDiv')
data.destinantion = destinationText.innerHTML
}
}
// Search destination

// Check in
let checkin = document.querySelector('.checkIn')
checkin.valueAsDate = new Date()

// Check out
let checkout = document.querySelector('.checkOut')

// Guest
let clickGuest = document.querySelector('.clickGuest')
let guestText = document.querySelector('#guestText')
let listGuest = document.querySelector('#listGuest')
let adultCount = document.querySelector('#adultCount')
let adultIncrease = document.querySelector('#adultIncrease')
let adultDecrease = document.querySelector('#adultDecrease')
let childIncrease = document.querySelector('#childIncrease')
let childDecrease = document.querySelector('#childDecrease')
let childCount = document.querySelector('#childCount')
let activeClass = document.querySelector('.activeClass')
let childBtns = document.querySelector('.childBtns')

adultIncrease.onclick = function () {
if (adultCount.innerHTML < 12)
adultCount.innerHTML = Number(adultCount.innerHTML) + 1
guestText.innerHTML = `${adultCount.innerHTML} adult, ${childCount.innerHTML}
child`
data.adult = adultCount.innerHTML
}
adultDecrease.onclick = function () {
if (adultCount.innerHTML > 1) {
adultCount.innerHTML = Number(adultCount.innerHTML) - 1
guestText.innerHTML = `${adultCount.innerHTML} adult, $
{childCount.innerHTML} child`
data.adult = adultCount.innerHTML
}
}
childIncrease.onclick = function () {
if (childCount.innerHTML < 8) {
childCount.innerHTML = Number(childCount.innerHTML) + 1
guestText.innerHTML = `${adultCount.innerHTML} adult, $
{childCount.innerHTML} child`
data.child = childCount.innerHTML
}
childBtns.children[childCount.innerHTML - 1].style.display = 'block'
}
childDecrease.onclick = function () {
if (childCount.innerHTML > 0) {
childCount.innerHTML = Number(childCount.innerHTML) - 1
guestText.innerHTML = `${adultCount.innerHTML} adult, $
{childCount.innerHTML} child`
data.child = childCount.innerHTML
}
childBtns.children[childCount.innerHTML].style.display = 'none'
}

clickGuest.onclick = function () {
clickGuest.parentElement.classList.toggle('activeDiv')
}

let childClick = document.querySelectorAll(".childClick")

childClick.forEach(e => {
e.addEventListener('click', () => {
e.parentElement.classList.toggle("childActive")
})
})

let childYear1 = document.querySelector('.childYear1')

let list1 = document.querySelectorAll('.list1')

for (list of list1) {

list.onclick = function () {
childYear1.children[0].innerHTML = this.children[0].textContent
childYear1.parentElement.parentElement.classList.toggle('childActive')
data.childAges[0] = childYear1.children[0].innerHTML
}
}
let childYear2 = document.querySelector('.childYear2')
let list2 = document.querySelectorAll('.list2')

for (list of list2) {

list.onclick = function () {
childYear2.children[0].innerHTML = this.children[0].textContent
childYear2.parentElement.parentElement.classList.toggle('childActive')
data.childAges[1] = childYear2.children[0].innerHTML
}
}
let childYear3 = document.querySelector('.childYear3')
let list3 = document.querySelectorAll('.list3')

for (list of list3) {

list.onclick = function () {
childYear3.children[0].innerHTML = this.children[0].textContent
 childYear3.parentElement.parentElement.classList.toggle('childActive')
data.childAges[2] = childYear3.children[0].innerHTML
}
}
let childYear4 = document.querySelector('.childYear4')
let list4 = document.querySelectorAll('.list4')

for (list of list4) {

list.onclick = function () {
childYear4.children[0].innerHTML = this.children[0].textContent
childYear4.parentElement.parentElement.classList.toggle('childActive')
data.childAges[3] = childYear4.children[0].innerHTML
}
}
let childYear5 = document.querySelector('.childYear5')
let list5 = document.querySelectorAll('.list5')

for (list of list5) {

list.onclick = function () {
childYear5.children[0].innerHTML = this.children[0].textContent
childYear5.parentElement.parentElement.classList.toggle('childActive')
data.childAges[4] = childYear5.children[0].innerHTML
}
}
let childYear6 = document.querySelector('.childYear6')
let list6 = document.querySelectorAll('.list6')

for (list of list6) {

list.onclick = function () {
childYear6.children[0].innerHTML = this.children[0].textContent
childYear6.parentElement.parentElement.classList.toggle('childActive')
data.childAges[5] = childYear6.children[0].innerHTML
}
}
let childYear7 = document.querySelector('.childYear7')
let list7 = document.querySelectorAll('.list7')

for (list of list7) {

list.onclick = function () {
childYear7.children[0].innerHTML = this.children[0].textContent
childYear7.parentElement.parentElement.classList.toggle('childActive')
data.childAges[6] = childYear7.children[0].innerHTML
}
}
let childYear8 = document.querySelector('.childYear8')
let list8 = document.querySelectorAll('.list8')

for (list of list8) {

list.onclick = function () {
childYear8.children[0].innerHTML = this.children[0].textContent
childYear8.parentElement.parentElement.classList.toggle('childActive')
data.childAges[7] = childYear8.children[0].innerHTML
}
}

// Ratings
let ratingsText = document.querySelector('#ratingsText')
let optionsRatings = document.querySelectorAll('.optionsRatings')

for (optionRating of optionsRatings) {

optionRating.onclick = function () {
ratingsText.innerHTML = this.children[0].innerHTML
ratingsText.parentElement.parentElement.classList.toggle("activeDiv")
data.rating = ratingsText.innerHTML
}
}

// Nutrition
let nutritionText = document.querySelector('#nutritionText')
let optionsNutritions = document.querySelectorAll('.optionsNutritions')

for (optionNutrition of optionsNutritions) {

optionNutrition.onclick = function () {
nutritionText.innerHTML = this.textContent
nutritionText.parentElement.parentElement.classList.toggle("activeDiv")
data.nutrition = nutritionText.innerHTML
}
}

// Nights
let nightText = document.querySelector('#nightText')
let optionsNights = document.querySelectorAll('.optionsNights')

for (optionNight of optionsNights) {

optionNight.onclick = function () {
nightText.children[0].innerHTML = this.children[0].innerHTML
nightText.parentElement.parentElement.classList.toggle('activeDiv')
data.night = nightText.children[0].innerHTML
}
}

// Click
const clickDiv = document.querySelectorAll(".clickDiv")
const clickAll = document.querySelectorAll('.clickAll')
clickDiv.forEach((e) => {
e.addEventListener('click', () => {
e.parentElement.classList.toggle('activeDiv')
})
})

// DATA

let data = {
adult: adultCount.innerHTML,
child: childCount.innerHTML,
childAges: [
childYear1.children[0].innerHTML,
childYear2.children[0].innerHTML,
childYear3.children[0].innerHTML,
childYear4.children[0].innerHTML,
childYear5.children[0].innerHTML,
childYear6.children[0].innerHTML,
childYear7.children[0].innerHTML,
 childYear8.children[0].innerHTML,

],
destinantion: destinationText.innerHTML,
otel: [],
otelType: [],
dateIn: checkin.valueAsDate,
dateOut: checkout.valueAsDate,
location: locationText.innerHTML,
rating: ratingsText.innerHTML,
nutrition: nutritionText.innerHTML,
night: nightText.children[0].innerHTML,
}