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");
$( document ).ready(function() {
    });

function quizmore($div_count){
    $('#loadmore img').removeClass('d-none');
    $('#loadmore span').css('display','none');
    var column = $('#appended_div').data('col') ?? 3;
    var count = $('#count').val();
    var quizbox_layout_with_description = 0;
    $.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) {
                let title = "";
                if(value.data_type == "quiz") {
                    var anc_url =  url+'/quiz/'+value.slug;
                    var img_url = custom_base_url+'upload/quiz-'+value.id+'/'+value.image;
                    title = value.title;
                } 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;
                    title = value.about;
                } else {
                    var anc_url = url+'/game/'+value.slug;
                    var img_url = custom_base_url+'upload/game-'+value.id+'/'+value.image;
                    title = value.title ?? "";
                }
                
                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-xl-3 col-md-3"><div class="single_blog"><div class="blog_thumb"><a href="'+anc_url+'" title="'+value.title+'"><img loading="lazy" src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"></a></div><div class="blog_meta"><h3><a href="'+anc_url+'" title="'+value.title+'" alt="'+value.title+'">'+value.about.slice(0, 100)+'</div></a></h3></div></div></div>');
                    }else{
                        $('#appended_div').append('<div class="col-xl-'+column+' col-md-'+column+'" data-type="'+value.data_type+'"><div class="single_blog"><div class="blog_thumb"><a href="'+anc_url+'" title="'+value.title+'"><img loading="lazy" src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"></a></div><div class="blog_meta"><h3><a href="'+anc_url+'" title="'+value.title+'" alt="'+value.title+'">'+title.slice(0, 100)+'</a></h3></div></div></div>');
                    }
                }else{
                    if(value.img_attr != ""){
                        $('#appended_div').append('<div class="col-xl-'+column+' col-md-'+column+'" data-type="'+value.data_type+'"><div class="single_blog"><div class="blog_thumb"><a href="'+anc_url+'" title="'+value.title+'"><img loading="lazy" src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"></a></div><div class="blog_meta"><h3><a href="'+anc_url+'" title="'+value.title+'" alt="'+value.title+'">'+title.slice(0, 100)+'</a></h3></div></div></div>');
                    }else{
                        $('#appended_div').append('<div class="col-xl-'+column+' col-md-'+column+'" data-type="'+value.data_type+'"><div class="single_blog"><div class="blog_thumb"><a href="'+anc_url+'" title="'+value.title+'"><img loading="lazy" src="'+img_url+'" alt="'+altqu+'" title="'+altqu+'"></a></div><div class="blog_meta"><h3><a href="'+anc_url+'" title="'+value.title+'" alt="'+value.title+'">'+title.slice(0, 100)+'</a></h3></div></div></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
        }
    }
});


var lastScrollTop = 0;
window.onscroll = function () {
    scsc(); 
}

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

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

function shareOnTwitter() {
    var copyText = document.getElementById("reflink");
    var url = copyText.value;
    window.open("https://twitter.com/share?url="+encodeURIComponent(url));
}

function copyrefflink() {
    // console.log("first")
    var copyText = document.getElementById("reflink");
    // copyText.select();
    // document.execCommand("copy");
    navigator.clipboard.writeText(copyText.value);
}

function checkcorre_wrong(key,id,correct_ans,check,lastid,qid)
{
    var un = key+1;
    var correctans = $('#correctans_'+correct_ans).val();
    var an = $('#ans_'+correct_ans+'_'+id).val();
    var wr = $('#wron_'+correct_ans+'_'+id).val();
    $('.eachquestion_'+un+'_child').removeClass('pointer_none');
    set_wron_corr_question(id,qid,check,an,2,key,lastid);
    if(correctans == check)
    {
        $('.corre_'+check+'_'+id).addClass('rightans');
        $('.chckgreen_'+check+'_'+id).addClass('chckoptnsgreen');
        $('.chckgreen_'+check+'_'+id).addClass('fa fa-check-circle');
        $('.chckgreen_'+check+'_'+id).removeClass('hide');
        $('.right_ans_text_'+id).html("<p class='wrongtxt'>"+ an+"</p>");
        $('.msgsco_'+id).show();

        total_rights = $("#total_ans_input").val();
        $("#total_ans_input").val(parseInt(total_rights)+1);
    } else {
        $('.corre_'+correct_ans+'_'+id).addClass('rightans');
        $('.corre_'+check+'_'+id).addClass('wrongans');
        $('.chckred_'+check+'_'+id).addClass('chckoptnsred');
        $('.chckred_'+check+'_'+id).addClass('fa fa-times-circle');
        $('.chckred_'+check+'_'+id).removeClass('hide');
        $('.chckgreen_'+correct_ans+'_'+id).addClass('chckoptnsgreen');
        $('.chckgreen_'+correct_ans+'_'+id).addClass('fa fa-check-circle');
        $('.chckgreen_'+correct_ans+'_'+id).removeClass('hide');
        $('.wronng_ans_text_'+id).html("<p class='wrongtxt'>"+ an+"</p>");
        $('.msgs_'+id).show();
    }

    $('.eachquestion_'+key+'_child').addClass('pointer_none');
    if(id == lastid){
        $('#quiz_result_button').removeClass('pointer_none');
        $('#quiz_result_button').removeClass('d-none');
        // complete_quiz(qid);
    }
}

function checkcorre(sta_id,key,id,lastid,qu_id,v2file=0){
    var un = key+1;
    $('.eachquestion_'+un).removeClass('pointer_none');
    if(sta_id == 1){
        $('.check_1_'+id).removeClass('hide');
        $('.check_2_'+id).addClass('hide');
        $('.check_3_'+id).addClass('hide');
        $('.check_4_'+id).addClass('hide');
        
        $('.corre_1_'+id).addClass('optnslcted');
        $('.corre_2_'+id).removeClass( 'optnslcted');
        $('.corre_3_'+id).removeClass( 'optnslcted');
        $('.corre_4_'+id).removeClass( 'optnslcted');
        
        set_sessquestion(id,qu_id,1,1,key,lastid);
    }if(sta_id == 2){
        $('.check_1_'+id).addClass('hide');
        $('.check_2_'+id).removeClass('hide');
        $('.check_3_'+id).addClass('hide');
        $('.check_4_'+id).addClass('hide');
        
        $('.corre_1_'+id).removeClass('optnslcted');
        $('.corre_2_'+id).addClass( 'optnslcted');
        $('.corre_3_'+id).removeClass( 'optnslcted');
        $('.corre_4_'+id).removeClass( 'optnslcted');

        set_sessquestion(id,qu_id,2,1,key,lastid);
    }if(sta_id == 3){
        $('.check_1_'+id).addClass('hide');
        $('.check_2_'+id).addClass('hide');
        $('.check_3_'+id).removeClass('hide');
        $('.check_4_'+id).addClass('hide');
        
        $('.corre_1_'+id).removeClass('optnslcted');
        $('.corre_2_'+id).removeClass( 'optnslcted');
        $('.corre_3_'+id).addClass( 'optnslcted');
        $('.corre_4_'+id).removeClass( 'optnslcted');

        set_sessquestion(id,qu_id,3,1,key,lastid);
    }if(sta_id == 4){
        $('.check_1_'+id).addClass('hide');
        $('.check_2_'+id).addClass('hide');
        $('.check_3_'+id).addClass('hide');
        $('.check_4_'+id).removeClass('hide');
        
        $('.corre_1_'+id).removeClass('optnslcted');
        $('.corre_2_'+id).removeClass( 'optnslcted');
        $('.corre_3_'+id).removeClass( 'optnslcted');
        $('.corre_4_'+id).addClass( 'optnslcted');
        
        set_sessquestion(id,qu_id,4,1,key,lastid);
    }

    if (v2file){
        if(key != 0){
            prev_ky = key-1;
            $('.eachquestion_' + prev_ky).addClass('pointer_none');
        }
    }else{
        $('.eachquestion_' + key).addClass('pointer_none');
    }

    if(id == lastid){
        $('#quiz_result_button').removeClass('d-none');
        $('#quiz_result_button').removeClass('pointer_none');
        // complete_quiz(qu_id);
    }

    //   if($("#question_page").val() && $("#question_page").val() == 'style3'){
    //     $("#cont_quiz_questions_butt").removeAttr('disabled');
    //   }
      
    //   $('.buttcf_1').show();
    //   $('.webbscroll').hide();
    //   $('.buttmf_'+lastid).show();
    //   $('.buttcf_1').show();
    //   if(id == lastid){
    //     if(new_old == 1)
    //       $(".trivia_result_btn").css("display", "block");
    //     $('.see').removeClass('hide');
    //     $('.see').show();
    //     //$('a.see').attr('href', '#startquiz_'+un);
    //   } else{
    //     $('a.oneper').attr('href', '#startquiz_'+un);
    //     $('a.topscrl').attr('href', '#startquiz_'+un);
    //   }

    //   if(key != 0){
    //     $('a.mobhr').attr('href', '#startquiz_'+key);
    //   }

    //   if(id == lastid)
    //   {
    //     complete_quiz(qu_id);
    //   }
}

function set_wron_corr_question(id,qu_id,checkid,an,topref,key,lastid)
{
    var chech = 'check_'+checkid+'_'+id;
    $.ajax({
    type: "POST",
        url: url+"/set_wron_corr_question",
        data:{_token:csrf_token,id:id,qu_id:qu_id,checkid:checkid,an:an,topref:topref,key:key,lastid:lastid},
        success:function(response){
        }
    });
}

function set_sessquestion(id,qu_id,checkid,topref,key,lastid)
{
    var chech = 'check_'+checkid+'_'+id;
    $.ajax({
        type: "POST",
        url: url+"/set_sessquestion",
        data:{_token:csrf_token,id:id,qu_id:qu_id,checkid:checkid,topref:topref,key:key,lastid:lastid},
        success:function(response){
        }
    });
}

function toprefresh(id,qid)
{
    $.ajax({
        type: "POST",
        url: url+"/unsetsession",
        data:{_token:csrf_token,id:id,qid:qid},
        success:function(response){
            location.reload(true);   
        }
    });
}

function complete_quiz(quizid) {
    $.ajax({
      type: "POST",
      url: url+"/completequiz",
      data:{_token:csrf_token,quizid:quizid},
      success:function(response){
      }
    });

    total_rights = $("#total_ans_input").val();
    total_input = $("#total_input").val();
    percent = (total_rights/total_input*100).toFixed(2);
    var query_string = $("#query_string").val();
    if(query_string.trim() === "") {
        query_string = "";
    }
    
    var utm_term_query_string = $("#utm_term_query_string").val();
    if(utm_term_query_string.trim() === "") {
        utm_term_query_string = "";
    }

    var utm_referrer_query_string = $("#utm_referrer_query_string").val();
    if(utm_referrer_query_string.trim() === "") {
        utm_referrer_query_string = "";
    }
    $.ajax({
        type: "POST",
        url: url+"/quizresult",
        data:{_token:csrf_token,qid:quizid,score:percent,query_string:query_string,utm_term_traffic:utm_term_query_string,utm_referrer_traffic:utm_referrer_query_string},
        success:function(response){
        }
    });
}

function show_result(quiz_id){
    // console.log('quiz_id', quiz_id);
    $('#quiz_result_button').addClass('hide');
    total_rights = $("#total_ans_input").val();
    total_input = $("#total_input").val();
    percent = (total_rights/total_input*100).toFixed(2);
    $("#result_score_per_text").html("Your score: "+percent);
    $("#result_score_text").html("You got "+total_rights+" correct out of "+total_input+"!");
    $('#quiz_result_box').removeClass('hide');

    complete_quiz(quiz_id);

    $('html, body').animate({
        scrollTop: $("#quiz_result_box").offset().top-100
    }, 1000);
}

function scsc(){
    var Cheight = document.querySelector('.sidequiz').offsetHeight;
    const CTop = document.querySelector('.sidequiz').offsetTop;
    Cheight = parseFloat(Cheight)+CTop;
    
    var scroll = $(window).scrollTop();
    if (scroll >= Cheight) {
    $(".rigtads").addClass("newfixedclass");
    }

    var scroll = $(window).scrollTop();
    if(scroll <= Cheight) {
    $(".rigtads").removeClass("newfixedclass");
    }
}