// 筛选条件
let filterList = document.querySelectorAll(".filter-criteria-wrapper>div")
let moreBtn = document.querySelector(".more-filter-btn")
let filterSonMenu = document.querySelectorAll(".filter-criteria-wrapper li")

// 筛选条件熟练<5时，[更多]按钮隐藏，>5时，按钮显示，点击展开更多筛选条件
if (filterList.length > 5) {
    moreBtn.style.display = "block"
    moreBtn.onclick = function () {
        let text = this.querySelector("span").innerHTML
        console.log(text)
        if (text === "收起") {
            document.querySelector(".filter-criteria-wrapper").style.height = "auto"
            document.querySelector(".filter-criteria-wrapper").style.maxHeight = "29.5rem"
            moreBtn.querySelector("span").innerHTML = "更多筛选条件"
        } else {
            document.querySelector(".filter-criteria-wrapper").style.height = "auto"
            document.querySelector(".filter-criteria-wrapper").style.maxHeight = "100%"
            moreBtn.querySelector("span").innerHTML = "收起"
        }
    }
} else {
    moreBtn.style.display = "none"
}

// 点击筛选条件，选择并展示
for (let i = 0, j = filterSonMenu.length; i < j; i++) {
    filterSonMenu[i].onclick = function () {
        document.querySelector(".filter-choose-wrapper").style.display = "flex"
        document.querySelector(".filter-choose-wrapper button").style.display = "block"
        this.parentNode.parentNode.style.display = "none"
        document.querySelector(".filter-choose-wrapper>div").innerHTML += '<div>' + '<p>' + this.parentNode.parentNode.querySelector('span').innerHTML + '</p>' + '<span>' + this.innerHTML + '</span>' + '<i class="iconfont" onclick="deleteFilter(this)">' + '&#xe903;' + '</i>' + '</div>'
    }

}

// 删除已选的筛选条件
function deleteFilter(e) {
    e.parentNode.parentNode.removeChild(e.parentNode)
    for (let i = 0, j = filterList.length; i < j; i++) {
        let filterListText = filterList[i].querySelector("span").innerHTML
        if (filterListText === e.parentNode.querySelector("p").innerHTML) {
            filterList[i].style.display = "flex"
        }
    }
    let filterChoose = document.querySelectorAll(".filter-choose-wrapper>div div")
    if (filterChoose.length === 0) {
        document.querySelector(".filter-choose-wrapper").style.display = "none"
    }
}

// 清空全部已选的筛选条件
function deleteALL() {
    let filterChooseAll = document.querySelectorAll(".filter-choose-wrapper>div div")
    for (let i = 0, j = filterChooseAll.length; i < j; i++) {
        document.querySelector(".filter-choose-wrapper>div").removeChild(filterChooseAll[i])
    }
    document.querySelector(".filter-choose-wrapper").style.display = "none"
    let filterList = document.querySelectorAll(".filter-criteria-wrapper>div")
    for (let i = 0, j = filterList.length; i < j; i++) {
        filterList[i].style.display = "flex"
    }
}