$(document).ready(function () {
    let lang = localStorage.getItem('language');
    if (lang == null) {
        localStorage.setItem('language', 'indo')
    }

    if (lang == 'english') {
        $('.menu-english').removeClass('woowa-hidden');
    } else {
        $('.menu-indo').removeClass('woowa-hidden');
    }

    $('.result-search').hide()

    $('#nav-button').click(function (e) {
        if ($(this).hasClass('open')) {
            $('.toc-wrapper').removeClass('open');
            $(this).removeClass('open')
        } else {
            $('.toc-wrapper').addClass('open');
            $(this).addClass('open')
        }
    })

    $('.mobile-search .button-search-article').click(function () {
        if ($(this).hasClass('clicked')) {
            $('.mobile-search input').css('right', '-1000%')
            $(this).removeClass('clicked')
            $(this).html(`<img src="https://wiki.woo-wa.com/public/img/search.png" alt="" srcset="">`)
        } else {
            $('.mobile-search input').css('right', '105%')
            $('.mobile-search input').focus()
            $(this).addClass('clicked')
            $(this).html('X')
        }
    })
})

$(document).on('click', 'a#nav-button', function (e) {
    e.preventDefault()
})

$(document).click(function () {
    $('.result-search').hide()
})


function show_submenu(that, chld) {
    that.preventDefault

    $('.list-woowa').slideUp();
    $('.' + chld).slideDown()
}

function setLang(that) {
    console.log('munir.js > setLang()');
    let lang = $(that).val()
    let vlang = $('div[vlang]').attr('vlang')
    if (vlang) {
        localStorage.setItem('language', lang);
        let url = document.location.pathname
        url = url.split('/');
        url[url.length - 1] = vlang;
        url = url.join('/');
        $.get('/woowa/setlang/?lang=' + that.value).then(response => {
            document.location.href = `https://wiki.woo-wa.com${url}`
        });
    } else {
        localStorage.setItem('language', lang);
        $.get('/woowa/setlang/?lang=' + that.value).then(response => {
            document.location.reload()
        });
    }

    // const data = JSON.stringify({
    // nav: 'set_lang',
    // lang: that.value,
    // token: localStorage.getItem('token'),
    // });

    $.get('/woowa/setlang/?lang=' + that.value).then();
}

function ajax_search(that, id) {
    let keyword = $(that).val();

    const data = JSON.stringify({
        nav: 'search',
        keyword: keyword,
        lang: localStorage.getItem('language')
    });

    if (keyword.length == 0) {
        $('.result-search').hide();
    }

    if (keyword.length > 2) {
        fetch('/route.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json; charset=UTF-8',
            },
            body: data,
        }).then(response => {
            if (response.ok) {
                response.text().then(response => {
                    let data = JSON.parse(response);
                    console.log(data.data.length);
                    if (data.data !== undefined && data.data.length > 0) {
                        // if (Object.keys(data.data).length > 0) {
                        $('.ul-search').html('');
                        if (id !== 'mobile') {
                            $('.form-search-article .result-search').show();
                            $('.form-search .result-search').show();
                        } else {
                            $('.mobile-search-result').show();
                            $('.form-search .result-search').show();
                        }
                        data.data.map((item, index) => {
                            if (index <= 10) {
                                let link = `https://wiki.woo-wa.com/${item.url}`;
                                $('.ul-search').append(`<li><a href="${link}"><span>${item.title}</span></a></li>`)
                            }
                        })
                        // $.each(data.data, (index, val) => {
                        //     console.log(val);
                        //     let path = index.split('#')
                        //     $.each(val, (ind, val_str) => {
                        //         let link = `https://wiki.woo-wa.com/woowa/${path[0] == 'woowa_android' ? 'woowandroid' : path[0].replaceAll('woowa_', '')}/${path[1]}/${val_str.replaceAll(' ', '-')}`;
                        //         $('.ul-search').append(`<li><a href="${link}"><span>${path[0]} : </span> <span>${val_str}</span></a></li>`)
                        //     })
                        // })
                        // }
                    } else {
                        $('.ul-search').html('');
                        if (id !== 'mobile') {
                            $('.form-search-article .result-search').show();
                            $('.index-woowa .result-search').show()
                        } else {
                            $('.mobile-search-result').show();
                        }
                        if (localStorage.getItem('language') == 'english') {
                            $('.ul-search').append(`<li>No data record!</li>`)
                        } else {
                            $('.ul-search').append(`<li>Data tidak di temukan!</li>`)
                        }
                    }
                });
            }
        });
    }

}