// start: Navbar
$('.navbar-toggle').click(function() {
    console.log('Ok')
    $('.navbar-menu').toggleClass('active')
    $(this).toggleClass('active')
    $('body').toggleClass('overflow-hidden')
})
// end: Navbar



// start: Custom Select
var customSelects = document.getElementsByClassName('select')

for(var select=0; select<customSelects.length; select++) {
    customSelectFunc(customSelects[select])
}



function customSelectFunc(el) {
    var inputValue = el.querySelector('.select-value')
    var selected = el.querySelector('.select-selected')
    var option = el.getElementsByClassName('option')
    var currentFocus = -1

    selected.addEventListener('focus', function() {
        currentFocus = -1
    })


    selected.addEventListener('keydown', function(e) {
        e.preventDefault()
        if(e.keyCode == 40) {
            currentFocus++
            addActive(option)
        } else if(e.keyCode == 38) {
            currentFocus--
            addActive(option)
        } else if(e.keyCode == 13) {
            option[currentFocus].click()
        }
    })

    for(var op=0; op<option.length; op++) {
        option[op].addEventListener('click', function() {
            currentFocus = -1
            removeActive(option)
            inputValue.value = this.dataset.value
            selected.value = this.textContent.trim()
            selected.blur()
        })

        if(option[op].dataset.selected) {
            inputValue.value = option[op].dataset.value
            selected.value = option[op].textContent.trim()
        }
    }

    function addActive(arr) {
        if(arr.length < 1) return

        removeActive(arr)

        if(currentFocus >= arr.length) currentFocus = 0
        if(currentFocus < 0) currentFocus = (arr.length - 1)

        arr[currentFocus].classList.add('active')
    }

    function removeActive(arr) {
        for(var i=0; i<arr.length; i++) {
            arr[i].classList.remove('active')
        }
    }
}
// end: Custom Select