@if(isset($data['questions']))
<div class="col-md-12 mt-3">
   <h4> {{$data['questions']->question}}  </h4>
    {{-- Que ID : {{$data['questions']->id}} Last Que : {{$data['last_question_id']}} --}}
    <input class="question_id" type="hidden" name="question_id" value="{{$data['questions']->id}}" data-id="{{$data['questions']->id}}">
    <input class="question_type" type="hidden" name="question_type" value="{{$data['questions']->question_type}}" data-id="{{$data['questions']->question_type}}">
    <input class="ask_cust_details" type="hidden" name="ask_customer_details" value="{{$data['servey_details']->ask_customer_details}}" data-id="1A">
</div>
<div class="col-md-12 mt-3">
    <div class="ans-section">
@if($data['questions']->question_type==1)
    @include('web.questions.smiley')
@elseif($data['questions']->question_type==2)
    @include('web.questions.rating_bar')
@elseif($data['questions']->question_type==4)
    @include('web.questions.scale')
@elseif($data['questions']->question_type==6)
    @include('web.questions.yes_no')
@elseif($data['questions']->question_type==3)
    @include('web.questions.image_options')
@elseif($data['questions']->question_type==5)
    @include('web.questions.multi_options')
@elseif($data['questions']->question_type==7)
    @include('web.questions.free_text')
@elseif($data['questions']->question_type==8)
    @include('web.questions.single_option')
@elseif($data['questions']->question_type==9)
    @include('web.questions.sub_questions')
@endif
</div>
</div>
@endif

@section('scripts')
<script>

    <!--- Slider ---->
    $(document).ready(function () {
        $(".carousel").carousel({
            interval: 2000,
            pause: "false",
        });
    });
    
    <!--- Feedback Question ----->
    //$(".other_pos_feedback_que_ids").click(function() {
    $(document).on('click', '.other_pos_feedback_que_ids', function() { 
        if($(this).is(":checked")) {
            $(".pos_feedback_option").show();
        } else {
            $(".pos_feedback_option").hide();
        }
    });

    //$(".other_neg_feedback_que_ids").click(function() {
    $(document).on('click', '.other_neg_feedback_que_ids', function() { 
        if($(this).is(":checked")) {
            $(".neg_feedback_option").show();
        } else {
            $(".neg_feedback_option").hide();
        }
    });

    ///// Multi option other //////
    $(document).on('click', '.other_multi_opt', function() { 
        if($(this).is(":checked")) {
            $(".multi_opt_text_div").show();
        } else {
            $(".multi_opt_text_div").hide();
        }
    });


    $('#btnSubmit').on('click',function(e){
        e.preventDefault();

        //var question_type = $('.question_type').val();
        var question_type = $('.question_type').attr('data-id');
        var question_id = $('.question_id').attr('data-id');
        var ask_cust_details_data_id = $('.ask_cust_details').attr('data-id');
        var ask_cust_details = $('.ask_cust_details').val();

        if(question_type != 3 || question_type != 5)
        {
            $("[name='rating']"). prop("required", true);
        }
        
        var last_question_id = {{$data['last_question_id'] ?? 0}};
        // if ($(".end-servey")[0] || (last_question_id==question_id)){
        //    saveRating();
        // }   
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

       
        var sort = parseInt($('.sort').val());
        var sort = sort + 1;

        var ask_cust_details = $('.ask_cust_details').val();
        if (ask_cust_details==1 && (last_question_id==question_id)){
           sort = '1A';
        }   
        //var question_id = $('.question_id').val();
        var question_id = $('.question_id').attr('data-id');
        
        var formData = $('#add_rating_form').serializeArray();
        formData.push({name: 'question_id', value: question_id});
        formData.push({name: 'question_type', value: question_type});
        formData.push({name: 'sort', value: sort});
        
        //$('#submit').html('Please Wait...');
        //$("#submit"). attr("disabled", true);
        $.ajax({
            url:"{{ route('feedback.save', $monitor_id) }}",
            type: "POST",
            data: formData,
            success: function( response ) {
                //console.log(response);
                var last_question_id = {{$data['last_question_id'] ?? 0}};

                var ask_cust_question = {{$data['ask_cust_question'] ?? 0}};

                var question_id = $('.question_id').attr('data-id');
                //alert(last_question_id+','+question_id); ask_cust_details
                var ask_cust_details = $('.ask_cust_details').val();
                if(ask_cust_details==1 && (last_question_id==question_id))
                {
                    if ($(".end-servey")[0]){
                        saveRating();
                    } 
                    $('#generate_question').css('display','none');
                    $('.ask_customer_details').css('display','inline-block');
                    $("#btnSubmit").html('Submit');
                    $("#btnSubmit").addClass('end-servey');
                    
                    $("#btnSubmit").html('');
                    $("#btnSubmit").html("<img src={{ asset('admin/images/ic_next.png') }} />");
                    // window.location.hash = '?sort=1A';               
                    // var pathname = window.location.pathname+'?sort=1A';
                    // history.replaceState("", document.title, pathname);
                }else if ($(".end-servey")[0] || (last_question_id==question_id)){
                    saveRating();
                } 
                
               
                if(response=='R')
                {
                    $('input:radio[name=rating]'). attr('required','required');
                }else{
                    //$('#submit').html('Submit');
                    //$("#submit"). attr("disabled", false);
                    //alert('Ajax form has been submitted successfully');
                    var sort = parseInt($('.sort').val());
                    var sort = sort + 1;
                    $('.sort').val(sort);
                    var sort  = $('.sort').val();
                    
                    $('.question_id').val(question_id);
                    $('.question_type').val(question_type);
                
                    var last_question_id = {{$data['last_question_id'] ?? 0}};
                    var ask_cust_details = $('.ask_cust_details').val();

                    if(ask_cust_details==1 && question_id==last_question_id)
                    {
                        $('.ask_customer_details').css('display','inline-block');
                        return false;
                    }else if(question_id==last_question_id)
                    {
                        $("#btnSubmit").html('Submit');
                        $("#btnSubmit").addClass('end-servey');
                    }
                    // }else if(last_question_id==0){
                    //     $("#btnSubmit").html('Submit');
                    //     $("#btnSubmit").addClass('end-servey');
                    // }
                    else if(last_question_id==0){
                        $("#btnSubmit").hide();
                    }else{
                        $("#btnSubmit").html('');
                        $("#btnSubmit").html("<img src={{ asset('admin/images/ic_next.png') }} />");
                    }

                    if(ask_cust_details==1 && question_id != last_question_id)
                    {
                        window.location.hash = '?sort='+sort;               
                        var pathname = window.location.pathname+'?sort='+sort;
                        history.replaceState("", document.title, pathname);
                        $("#generate_question").html('');
                        $("#generate_question").append(response);
                    }else if(ask_cust_details==0){
                        window.location.hash = '?sort='+sort;               
                        var pathname = window.location.pathname+'?sort='+sort;
                        history.replaceState("", document.title, pathname);
                        $("#generate_question").html('');
                        $("#generate_question").append(response);
                    }
                }
                
                //document.getElementById("add_rating_form").reset(); 
            }
        });
    });

    
    $('input[type=radio][name=rating]').change(function() {
        //$('.feedback_que_ids').val('');
        //ratingModal(this.value);
    });

    $('input[type=radio][name=rating]').change(function() {
        //$('.feedback_que_ids').val('');
        //ratingModal(this.value);
    });

    $(document).on('change', '.smiley-que', function() { 
        //$('.feedback_que_ids').val('');
        ratingModal(this.value);
    });

    saveRating = function(){
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url:"{{ route('feedback.insert',$monitor_id) }}",
            type: "POST",
            data: '',
            success: function( response ) {
                //console.log(response);
                window.location.href = '/give-rating/'+'{{$encode_monitor_id}}';
            }
        });
    }

    ratingModal = function(rating,type=1){
        if(type==1)
        {
            if (rating == 1 || rating == 2) {
                negativeModal();
            }
            else if (rating == 3 || rating == 4 || rating == 5) {
                positiveModal();
            }
        }else if(type==2){

            if (rating <= 5) {
                negativeModal();
            }
            else if (rating >= 6) {
                positiveModal();
            }
        }
        
    }
    negativeModal = function(){
        $('#negativeModal').css('display','block');
        $('#positiveModal').css('display','none');
        $('.pos_feedback_que_ids').attr('disabled','disabled');
        $('.pos_feedback_option').attr('disabled','disabled');
        
        $('.neg_feedback_que_ids').removeAttr('disabled');
        $('.neg_feedback_option').removeAttr('disabled');
        
        $('#negativeModal').modal('show');
        $('#positiveModal').modal('hide');
    }
    positiveModal = function(){
        $('#positiveModal').css('display','block');
        $('#negativeModal').css('display','none');
        $('.neg_feedback_que_ids').attr('disabled','disabled');
        $('.neg_feedback_option').attr('disabled','disabled');
        
        $('.pos_feedback_que_ids').removeAttr('disabled');
        $('.pos_feedback_option').removeAttr('disabled');
        

        $('#positiveModal').modal('show');
        $('#negativeModal').modal('hide');
    }

function highlightStar(rating,type) {    
    var i;
    var class_1;
    var class_2;
    var color = '#FFA73A';
    // if(type=='cup' || type=='thumb' || type=='tick')
    // {
    //     class_1 = '';
    //     class_2 = '';
    // }else if(type=='star'){
    //     class_1 = 'fa-star';
    //     class_2 = 'fa-star-o';
    // }
    class_1 = '';
    class_2 = '';
    $(".reset-rating").addClass(class_2).removeClass(class_1);
    $(".reset-rating").css('color','#333');

    for(i=1;i<=5;i++)
    {
        if(rating>=i)
        {
            if(type=='tick')
            {
                $(".rating-"+i).html('<img src=/admin/images/ic_tick_select.png class="rating-img-part" /> ');
            }else if(type=='cup'){
                $(".rating-"+i).html('<img src=/admin/images/cup_select.png class="rating-img-part" /> ');
            }else if(type=='thumb'){
                $(".rating-"+i).html('<img src=/admin/images/thumb_select.png class="rating-img-part" /> ');
            }else if(type=='star'){
                $(".rating-"+i).html('<img src=/admin/images/ic_star_selected.png class="rating-img-part" /> ');
            }
        }else{
            if(type=='tick')
            {
                $(".rating-"+i).html('<img src=/admin/images/tick_unselected.png class="rating-img-part" /> ');
            }else if(type=='cup'){
                $(".rating-"+i).html('<img src=/admin/images/cup_un_select.png class="rating-img-part" /> ');
            }else if(type=='thumb'){
                $(".rating-"+i).html('<img src=/admin/images/thumb_unselect.png class="rating-img-part" /> ');
            }else if(type=='star'){
                $(".rating-"+i).html('<img src=/admin/images/ic_star_unselected.png class="rating-img-part" /> ');
            }
        }
        //$(".rating-"+i).css('color','#FEA22B');
        $(".rating-"+i).addClass(class_1).removeClass(class_2);
    }

    // for(i=1;i<=rating;i++)
    // {
    //     //$(".rating-"+i).css('color','#FEA22B');
    //     $(".rating-"+i).html('<img src=/admin/images/ic_tick_select.png class="rating-img-part" /> ');
    //     $(".rating-"+i).addClass(class_1).removeClass(class_2);
    // }
    
    if(type=='scale_2'){
        ratingModal(rating,2);
    }else{
        ratingModal(rating);
    }
    
}

////// Customer details contact number validation /////
$('.numbersOnly').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

</script>
@endsection