// =======================Banner=====================================

let selector = {
    banner: '.aukey-swiper',
    bannerPagination: '.swiper-pagination',
    bannerNext: '.swiper-button-next',
    bannerPrev: '.swiper-button-prev',
}

var swiper = new Swiper(selector.banner, {
    initialSlide: 3,
    preloadImages: false,
    autoHeight: true,
    autoplay: true,
    delay: 3600,
    pagination: {
        clickable: true,
        el: selector.bannerPagination,
        bulletActiveClass: 'aukey-pagination-bullet-active'
    },
    navigation: {
        nextEl: selector.bannerNext,
        prevEl: selector.bannerPrev,
    },
});

function performGetBanner() {
    $.ajax({
        type: 'GET',
        url: 'https://strapi.aukeys.com/binders',
        async: false,
        success: function (response) {
            if (response[0] && response[0].img) {
                let images = response[0].img || [];
                images.forEach(img => {
                    let src = 'https://strapi.aukeys.com' + img.url
                    swiper.appendSlide(`<div class="swiper-slide"><img src='${src}'></div>`)
                })

                let firstImage = $(selector.banner).find('img').eq(0);
                if (firstImage.length) {
                    firstImage.on('load', () => {
                        swiper.updateAutoHeight();
                    })
                }
            }
        },
        error: function (error) {

        }
    })
}

function performGetHomeArticles() {
    let resultElement = $('#div1')
    $.ajax({
        type: 'GET',
        url: 'https://strapi.aukeys.com/homes',
        async: true,
        success: function (data) {
            resultElement.html(generateArticleHTMLOutput(data))
        },
        error: function (error) {
            resultElement.html(generateErrorHTMLOutput(error))
        }
    })
}

function generateArticleHTMLOutput(response) {
    let articleHtml = '<h4 class="item-title">云顶集团官网登录入口<a class="news-more" href="./moments.html">更多 ></a></h4>'
    for (let i in response) {
        let imgStr = ''
        for (let j in response[i].img) {
            let url = 'https://strapi.aukeys.com' + response[i].img[j].url
            imgStr = imgStr + '<li><div><img src="' + url + '"><span></span></div></li>'
        }
        let bodyWidth = document.documentElement.clientWidth;
        let ellipsis = bodyWidth <=640 ? 'ellipsis': '';
        let path = '<div class="info-div"><ul><li><a href="moments-detail.html?id=' + response[i].articleId + '"><div class="info-text"><h5>' + response[i].title + '</h5>'
            + '<p class="'+ ellipsis +' news-desc">' + response[i].dec + '</p></div></a></li>'
            + imgStr
            + '</ul></div>'

        articleHtml = articleHtml + path
    }
    return articleHtml;
}

performGetBanner()
performGetHomeArticles()