layui.use(function() {
    var $ = layui.$;
    var layer = layui.layer;
    var carousel = layui.carousel;
    var rate = layui.rate;
    var form = layui.form;

    //手机端顶部导航切换 
    $(document).on("click", ".fly-header .navbar-toggle", (function() {
        var $navbarCollapse = $('.navbar-collapse');
        if ($navbarCollapse.hasClass('layui-hide')) {
            $navbarCollapse.removeClass('layui-hide');
        } else {
            $navbarCollapse.addClass('layui-hide');
        }
    }));

    carousel.render({
        elem: '#home-banner',
        interval: 5000,
        anim: 'fade',
        width: 'auto',
        height: '270px'
    });

    carousel.render({
        elem: '#side-banner',
        interval: 5000,
        anim: 'fade',
        width: 'auto',
        indicator: 'none',
        height: '350px'
    });

    rate.render({
        elem: '#half',
        value: 3.5,
        readonly: true,
        half: true,
    });

    // 监听搜索下拉选择变化
    form.on('select(modelSelect)', function(data) {
        // 更新模型id
        $('#modelid').val(data.value);
    });

    // 点击"加载更多"按钮
    $(document).on('click', '#load-more-btn', function(e) {
        e.preventDefault();
        e.stopPropagation();
        var that = this;
        var loadIndex = layer.load();

        // 显示加载状态
        $(that).html('<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>&nbsp;加载中...').addClass('layui-btn-disabled');

        $.ajax({
            url: $(that).attr('href'),
            type: 'POST',
            dataType: 'json',
            success: function(ret) {
                loadIndex && layer.close(loadIndex);
                if (ret.code === 1) {
                    var tempContainer = $('<div></div>').html(ret.data);
                    var item = $(tempContainer).find('.article-item-card');
                    $('.article-list').append(item);
                    
                    //查看是否还有下一页
                    var newhref = $(tempContainer).find('ul.pagination > li:last a').attr('href');
                    if (newhref) {
                        $(that).attr('href', newhref);
                        $(that).text('加载更多').removeClass('layui-btn-disabled');
                    } else {
                        $(that).replaceWith('<button class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm layui-btn-disabled">没有更多了</button>');
                    }
                }
            },
            error: function() {
                loadIndex && layer.close(loadIndex);
                $(that).text('加载失败，点击重试').removeClass('layui-btn-disabled');
            }
        });
        return false;
    })
});