//初始化轮播组件
var swiper = null;
function initSwiper(){
    if(swiper == null){
        swiper = new Swiper(".mySwiper", {
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            loop: true
        });
    }
}

initSwiper();

let sltCity = ""
let sltStage = ""
let createaData = DataJsonOff;


//创建首页数据
function createIndexData(data,city,stage){

    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const paramValue = urlParams.get('cta');
    const screenhot = urlParams.get('screenhot');

    // console.log(data);
    let str = ''
    for(var i= 0 ;i<data.length;i++){
        if(data[i].city.indexOf(city) == 0 || data[i].city.indexOf(city) != '-1'){
            console.log(data[i].stage.indexOf(stage))
            if(data[i].stage.indexOf(stage) != '-1'){
                str += '<div class="bgs '+data[i].bgs+'">';
                str += '<a href="detailpage.html?pagename='+data[i].pagename+'&cta='+paramValue+'&screenhot='+screenhot+'">';
                str += '<h4>'+data[i].title+'</h4>';
                str += '<p>';
                let _labelData = data[i].label;
                for(var j= 0 ;j<_labelData.length;j++){
                    str += '<span style="background-color:'+color[_labelData[j]]+'">'+_labelData[j]+'</span>';
                }
                str += '</p>';
                str += '<img src="img/'+data[i].img+'.png" />';
                str += '</a>';
                str += '</div>';
            }
        }
    }

    str += '<div class="indexAllLecture" href="">全部课程<span></span></div>'

    $(".indexContent").empty().html(str);

    $(".indexAllLecture").click(function(){
        window.location.href="overview.html"
    })

}



createIndexData(createaData,"",sltStage)



//点击线上线下
$(".indexTab div").click(function(){
    if($(this).hasClass('cur')){
        return false;
    }
    if($(this).attr("s") == "off"){
        createaData = DataJsonOff
        createIndexData(createaData,"",sltStage);
        $(this).addClass("cur").siblings().removeClass('cur')
        $(".cityTab").css("display","flex");
        $(".cityTab div").removeClass("cur");
    }else{
        createaData = DataJsonOn
        createIndexData(createaData,"",sltStage);
        $(this).addClass("cur").siblings().removeClass('cur')
        $(".cityTab").css("display","none");
    }
})

//线下点击城市
$(".cityTab div").click(function(){
    if($(this).hasClass('cur')){
        sltCity = "";
        createIndexData(createaData,sltCity,sltStage);
        $(this).removeClass('cur')
    }else{
        sltCity = $(this).text();
        createIndexData(createaData,sltCity,sltStage);
        $(this).addClass("cur").siblings().removeClass('cur')
    }
})

//初阶，进阶，全阶段
$(".indexStage div").click(function(){
    if($(this).hasClass('cur')){
        sltStage = "";W
        sltCity = "";
        $(this).removeClass("cur");
        createIndexData(createaData,sltCity,sltStage);
    }else{
        sltStage = $(this).text();
        sltCity = "";
        createIndexData(createaData,sltCity,sltStage);
        $(this).addClass("cur").siblings().removeClass('cur')
    }
})




//创建详情页方法
function createPage(data){
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const paramValue = urlParams.get('cta');

    const screenhot = urlParams.get('screenhot');

    $(".detalBanner img").attr("src","img/"+data.bannerImg+".png");
    $(".detalBanner .title").html(data.lessonTitle);

    let str = '<div class="title"><span>课程简介</span></div>';
    str += '<div class="des"><strong>课程形式:</strong><span>'+data.lessonType+'</span></div>';
    str += '<div class="des"><strong>课程对象:</strong><span>'+data.objectPeople+'</span></div>';


    str += '<div class="price">';
    str += '<strong>课程价格/课时:</strong>';
    str += '<div class="priceContent">';
    str += '<div class="priceLeft">';
    str += '<div>￥<span>'+data.price+'</span></div>';
    str += '</div>';
    str += '<div class="priceRight">';
    str += '<div>'+data.lessonTime+'</div>';
    str += '</div>';
    str += '<div class="xline"></div>';
    str += '</div>';
    str += '</div>';

    str += '<div class="point">';
    str += '<strong>人群痛点:</strong>';
    str += '<div class="pointBg">';
    str += '<div class="bd">'
    for(var i =0;i<data.point.length;i++){
        str += '<p>'+data.point[i]+'</p>';
    }
    str += '</div>';
    str += '</div>';
    str += '</div>';

    str += '<div class="zhuti">';
    str += '<strong>培训主题:</strong>';
    str += '<div class="zhutiBg">';
    str += '<div class="bd">';
    for(var j =0;j<data.zhuti.length;j++){
        str += '<p><span></span>'+data.zhuti[j]+'</p>';
    }
    str += '</div>';
    str += '</div>';
    str += '<div class="gotoPopup">';
    str += '点击查看完整课程大纲<span></span>';
    str += '</div>';
    str += '</div>';

    str += '<div class="expand">';
    str += '<strong>附加服务:</strong>';
    str += '<div class="expandBg">';
    for(var k =0;k<data.expand.length;k++){
        str += '<p>'+data.expand[k]+'</p>';
    }
    str += '</div>';
    str += '</div>';
    if(screenhot == 'fullsize'){

    }else{
        str += '<div class="time">';
        str += '<strong>近期课表:</strong>';
        str += '<div class="timeBg">';
        for(var q =0;q<data.time.length;q++){
            str += '<p>'+data.time[q]+'</p>';
        }
        str += '</div>';
        str += '</div>';
    }

    $(".detailCon").empty().append(str);

    $(".gotoPopup").click(function(){
        $(".popUp").fadeIn(300);
    })

    //生成弹窗数据
    let popData = data.popup;
    let popStr = '';
    for(var l =0;l<popData.length;l++){
        popStr += '<div class="title">'+popData[l].title+'</div>';
        let _popDes = popData[l].des;
        for(var m =0;m<_popDes.length;m++){
            let _orderNum = m + 1
            popStr += '<div class="content">';
            popStr += '<p>'+_orderNum+'. '+_popDes[m].smalltitle+'</p>';
            let _smallDes = _popDes[m].smallDes;
            if(_smallDes.length > 0){
                for(var n =0;n<_smallDes.length;n++){
                    popStr += '<div class="des"><span></span>'+_smallDes[n]+'</div>';
                }
            }            
            popStr += '</div>';
        }
    }
    $(".popUp .bd").empty().append(popStr)

    if(paramValue == "nocta"){
        $(".gotoLec").css("display","none");
        $(".gotoMsg").css("right","1.5rem");
        if(screenhot == 'fullsize'){
            $(".gotoMsg").css("display","none");
            $(".returnPrev").css("display","none");
        }
    }else{
        $(".gotoLec").click(function(){
            window.location.href= data.link
        })
    }
}

 $(".popUp").click(function(){
    $(".popUp").fadeOut(300);
})