'use strict';

// header
toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false);
toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white');
toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white');
// header 


// select
toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', true);

let selects = document.querySelectorAll('.select');

selects.forEach(select => {
    let state = select.querySelector('.select__state'),
        content = select.querySelector('.state__block'),
        buttons = select.querySelectorAll('.state__button');
        
    buttons.forEach(e => {
        let button = e;

        e.onclick = function (event) {
            event.preventDefault();
            buttons.forEach(element => {
                if (element.classList.contains('active')) {
                    element.classList.remove('active');
                }
            })          
            
            let text = e.textContent.trim();
            state.value = text;

            button.classList.add('active');
            content.style.height = 0;
            select.classList.remove('active');
        }        
    })
})
// select

// // counter
// let counters = document.querySelectorAll('.counter');

// counters.forEach(e => {
//     let minus = e.querySelector('.minus'),
//         plus  = e.querySelector('.plus'),
//         input = e.querySelector('.counter__input');

//         minus.onclick = function (e) {
//             e.preventDefault();
//             let number = input.value;
//             if (number >= 2){
//                 input.value = Number(number) - 1;
//             }
//         }

//         plus.onclick = function (e) {
//             e.preventDefault();
//             let number = input.value;
//             if (number <= 99) {
//                 input.value = Number(number) + 1;
//             }
//         }
// })
// // counter

// // checkbox 
// let checkbox = document.querySelectorAll('.checkbox');

// checkbox.forEach(e => {
//     e.onclick = function (event) {
//         let input = e.querySelector('.checkbox__input');
//         if (!e.classList.contains('active')) {
//             input.checked = 1;
//         }else{
//             input.checked = 0;
//         }
//         e.classList.toggle('active');
//     }
// })
// // checkbox 







if (document.querySelector('.header').classList.contains('white')) {
    window.addEventListener("scroll", function (e) {
        let header = document.querySelector('.header');
        let scroll = window.scrollY;
        if (scroll >= 25) {
            header.classList.remove('white')
        }else{
            header.classList.add('white')
        }
        
    });
}
// scroll