var url = $("html").attr( "data-site-url" );
var csrf_token = $("html").attr( "data-attr-csrf" );
var custom_base_url = $("html").attr( "data-custom-base-url");

function quizmore($div_count){
    $('#loadmore img').removeClass('d-none');
    $('#loadmore span').css('display','none');
    var count = $('#count').val();
    var quizbox_layout_with_description = 1;
    $.ajax({
        url: url+"/loadmore",
        type: 'post',
        dataType: 'json',
        data: {_token:csrf_token,count: count},
        success: function(data){
            if(data !== 'empty'){
            $.each(data.rows, function(key,value) {
                if(value.data_type == "quiz") {
                    var anc_url =  url+'/quiz/'+value.slug;
                    var img_url = custom_base_url+'upload/quiz-'+value.id+'/'+value.image;
                } else if(value.data_type == "article"){
                    var anc_url = url+'/article/'+value.slug;
                    var img_url = custom_base_url+'upload/article-'+value.id+'/'+value.image;
                } else {
                    var anc_url = url+'/game/'+value.slug;
                    var img_url = custom_base_url+'upload/game-'+value.id+'/'+value.image;
                }
                
                if(value.alt_tag_quiz){
                    var altqu = value.alt_tag_quiz;
                }else{
                    var altqu = value.title;
                }
                if(quizbox_layout_with_description){
                    if (value.data_type === "article" && !value.about) {
                        let str = value.description.replace('<?xml encoding="UTF-8">', "");
                        str = str.replace('<p><br></p>', " ");
                        value.about = str.replace(/<[^>]*>?/gm, '').substring(0, 300);
                    } else {
                        value.about = value.about.substring(0, 300);
                    }

                    if(value.img_attr != ""){
                        $('#appended_div').append('<div class="col-md-3 all_quiz_sec quiz_style2_height"><div class="border h-100 border_radius_16"><a href="'+anc_url+'" title="'+value.title+'"><div class="single_photography_V2"><img  src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"><div class="imgtxt_credit"><p class="imgatrr_credit">'+value.img_attr+'</p></div><div class="imgtxt slidequ border-radius-unset;"><p class="imgatrr border-radius-unset">'+value.title+'</p></div></div><div class="py-4 px-4"><label class="quiz_section_description">'+value.about+'</label></div></div></a></div>');
                    }else{
                        $('#appended_div').append('<div class="col-md-3 all_quiz_sec quiz_style2_height"><div class="border h-100 border_radius_16"><a href="'+anc_url+'" title="'+value.title+'"><div class="single_photography_V2"><img src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"><div class="imgtxt slidequ border-radius-unset"><p class="imgatrr border-radius-unset">'+value.title+'</p></div></div><div class="py-4 px-4"><label class="quiz_section_description">'+value.about+'</label></div></a></div></div>');
                    }
                }else{
                    if(value.img_attr != ""){
                        $('#appended_div').append('<div class="col-md-3 all_quiz_sec"><a href="'+anc_url+'" title="'+value.title+'" alt="'+value.title+'"><div class="single_photography"><img src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"><div class="imgtxt_credit"><p class="imgatrr_credit">'+value.img_attr+'</p></div><div class="imgtxt slidequ"><p class="imgatrr">'+value.title+'</p></div></div></a></div>');
                    }else{
                        $('#appended_div').append('<div class="col-md-3 all_quiz_sec"><a href="'+anc_url+'" title="'+value.title+'" alt="'+value.title+'"><div class="single_photography"><img src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"><div class="imgtxt slidequ"><p class="imgatrr">'+value.title+'</p></div></div></a></div>');
                    }
                }
            });

            $('#count').val(parseInt(count)+1);
            if(data.rows.length != data.limit)
                $('#loadmore').css('display', 'none');
            } else {
            $('#loadmore').css('display', 'none');
            }
            $('#loadmore img').addClass('d-none');
            $('#loadmore span').css('display','block');
        },
        failure: function(data){
            return data;
        }
    });
}

$('.try_quiz_banner').owlCarousel({
    loop:true,
    margin:30,
    items:1,
    nav:true,
    dots:false,
    autoplayHoverPause: true,
    autoplaySpeed: 800,
    responsive:{
        0:{
            items:1.25,
            nav:true

        },
        767:{
            items:3,
            nav:true
        },
        992:{
            items:3.5,
            nav:true
        },
        1200:{
            items:3.5,
            nav:true
        }
    }
});