@extends('layouts.app')

        @section('styles')

        @endsection

            @section('content')

                             <!-- PAGE-HEADER -->
                            <div class="page-header">
                                <h1 class="page-title">Questions</h1>
                                <div>
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Questions</li>
                                    </ol>
                                </div>
                            </div>
                            <!-- PAGE-HEADER END -->

                            <!-- ROW-1 OPEN -->
                            @canany(['questions-create','questions-edit'])
                            <div class="row" id="add_sec" style="display:none;">
                                <div class="col-lg-12 col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h3 class="card-title"><span id="change_stat">Add New</span> Questions</h3>
                                        </div>
                                        <div class="card-body">
                                                <form method="POST" id="questionsForm" class="myform" enctype="multipart/form-data">  
                                                    <input id="csrf_token" type="hidden" value="{{ csrf_token() }}">
                                                    <input id="news_id" name="news_id" type="hidden" value="">
                                                    
                                                    @csrf
                                                <div class="form-row">
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip01">Question Type *</label>
                                                        <select class="form-control" onchange="changeattrfn(this.value)" data-parsley-required-message="Question Type Required" name="types" id="types" required>
                                                            <option value="0" selected>MCQ - SA : Multiple Choice - Single Answer </option>
                                                            <option value="1">MCQ - MA : Multiple Choice - Multiple Answers</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip01">Category *</label>
                                                        <select class="form-control" data-parsley-required-message="Category Required" name="category" id="category" required>
                                                            <option value="">Select Category</option>
                                                            @foreach($departments as $dept)
                                                            <option value="{{ $dept->category_id }}">{{ $dept->category_name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col-xl-4 mb-3">
                                                        <label for="validationTooltip01">Test *</label>
                                                        <select class="form-control" data-parsley-required-message="Test Name Required"  name="test" id="test" required>
                                                            <option value="">Select Test</option>
                                                            @foreach($tests as $tet)
                                                                <option value="{{ $tet->test_id }}">{{ $tet->test_number }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col-xl-12 mb-3">
                                                        <label for="validationTooltip01">Question *</label>
                                                        <textarea data-parsley-required-message="Question Required" id="question" class="form-control newsummernote" name="question" id="question" required></textarea>
                                                    </div>
                                                    
                                                    <div class="col-xl-12 mb-3">
                                                            <input type="hidden" id="appendcount" value="4">
                                                        <div class="row" id="append_features_div">
                                                            <div class="col-xl-12 mb-3">
                                                                <label for="validationTooltip01">Options (<span style="color: #39af0b;font-size: 10px;"> Tip : Click the Radio button / Checkboxes to indicate the Right answer(s) </span>)</label>
                                                            </div>
                                                            <div class="col-xl-12">
                                                                <div class="row">
                                                            <div class="col-xl-1 mb-3">
                                                                <p><span id="option_alpha_1">A)</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="0" id="option_crct1" required type="radio"></span></p>
                                                            </div>
                                                            <div class="col-xl-7 mb-3">
                                                                <textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details1" name="answer_options[]" value="" required></textarea>
                                                            </div>
                                                            <div class="col-xl-2 mb-3">
                                                                <!--<button style="margin-top: 28px;" onclick="append_features_fn()" type="button" class="btn btn-info">+ Add One More Option</button>-->
                                                            </div>
                                                        </div>
                                                    </div>
                                                        <div class="col-xl-12 remove_new_2">
                                                                <div class="row">
                                                            <div class="col-xl-1 mb-3">
                                                                <p><span id="option_alpha_2">B)</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="1" id="option_crct2" required type="radio"></span></p>
                                                            </div>
                                                            <div class="col-xl-7 mb-3">
                                                                <textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details2" name="answer_options[]" value="" required></textarea>
                                                            </div>
                                                            <!--<div class="col-xl-2 mb-3">
                                                                <button style="margin-top: 28px;" onclick="remove_features_fn(2)" type="button" class="btn btn-danger">x</button>
                                                            </div>-->
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-12 remove_new_3">
                                                                <div class="row">
                                                            <div class="col-xl-1 mb-3">
                                                                <p><span id="option_alpha_3">C)</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="2" id="option_crct3" required type="radio"></span></p>
                                                            </div>
                                                            <div class="col-xl-7 mb-3">
                                                                <textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details3" name="answer_options[]" value="" required></textarea>
                                                            </div>
                                                            <div class="col-xl-2 mb-3">
                                                                <button style="margin-top: 28px;" onclick="remove_features_fn(3)" type="button" class="btn btn-danger">x</button>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-12 remove_new_4">
                                                                <div class="row">
                                                            <div class="col-xl-1 mb-3">
                                                                <p><span id="option_alpha_4">D)</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="3" id="option_crct4" required type="radio"></span></p>
                                                            </div>
                                                            <div class="col-xl-7 mb-3">
                                                                <textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details4" name="answer_options[]" value="" required></textarea>
                                                            </div>
                                                            <div class="col-xl-2 mb-3">
                                                                <button style="margin-top: 28px;" onclick="remove_features_fn(4)" type="button" class="btn btn-danger">x</button>
                                                            </div>
                                                            </div>
                                                        </div>
                                                        </div>
                                                        <div class="row">
                                                        <div class="col-xl-10 text-center mb-3">
                                                                <button style="margin-top: 28px;" onclick="append_features_fn()" type="button" class="btn btn-info">+ Add One More Option</button>
                                                            </div>
                                                            </div>
                                                    </div>
                                                    <div class="col-xl-12 mb-3">
                                                        <label for="validationTooltip01">Description </label>
                                                        <textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="description" name="description" value=""></textarea>
                                                    </div>
                                                    
                                                        
                                                        
                                                </div>
                                                @can('questions-create')
                                                <a id="create_btn" href="#" onclick="createOrUpdate('{{url('/add_questions')}}', 'questionsForm', '', 'table_datatable','')" class="btn custom-btn-success"><i class="fa fa-save"></i> Save</a>
                                                @endcan
                                                @can('questions-edit')
                                                <a  id="update_btn" style="display: none" href="#" onclick="createOrUpdate('{{url('/update_questions')}}', 'questionsForm', '', 'table_datatable','')" class="btn custom-btn-success"><i class="fa fa-save"></i> Update</a>
                                                @endcan
                                                <a onclick="$('#questionsForm')[0].reset();reset_summernote_fn();window.scrollTo(0, 0);" style="margin-left:10px;" id="clear_btn" class="text-white btn custom-btn-info"><i class="fa fa-ban"></i> Clear</a><a onclick="$('#questionsForm')[0].reset();$('#add_sec').css('display','none');$('#change_stat').text('Add New');reset_summernote_fn();" style="margin-left:10px;" id="cancel_btn" class="text-white btn custom-btn-danger"><i class="fa fa-times"></i> Cancel</a>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                             @endcanany
                            <!-- /ROW-1 CLOSED -->

                               <!-- Row -->
                        @can('questions-list')
                        <div class="row row-sm">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <div class="row w-100">
                                            <div class="col-lg-4">
                                                <h3 class="card-title">View Questions</h3>
                                            </div>
                                            <div class="col-lg-2"></div>
                                            <div class="col-lg-6 position-relative">
                                                        <button style="position: absolute;right: -20px;top: -10px;" type="button" class="btn custom-btn-success pull-right" onclick="$('#add_sec').css('display','flex');$('#clear_btn').css('display','inline-block');window.scrollTo(0, 0);$('#questionsForm')[0].reset();$('#create_btn').css('display','inline-block');$('#update_btn').css('display','none');$('#change_stat').text('Add New');reset_summernote_fn();">Add New Question</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="w-30 mb-3 d-flex align-items-center position-absolute" style="left: 0;right: 0;margin: auto;margin-top: 12px;z-index: 1;">
                                            <label class="m-0 me-2">Filter By Category:</label>
                                            <select class="form-control w-60" data-parsley-required-message="Category Required" onchange="listquestiononcat(this.value)" name="sort_category" id="sort_category" required>
                                                <option @if(session()->has('quest_cat')) @if(Session::get('quest_cat')==0) {{ 'selected' }} @endif @endif value="0">All Category</option>
                                                @foreach($departments as $dept)
                                                <option @if(session()->has('quest_cat')) @if(Session::get('quest_cat')==$dept->category_id) {{ 'selected' }} @endif @endif value="{{ $dept->category_id }}">{{ $dept->category_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="table-responsive" style="margin-top:15px;">
                                             <table  class="table table-bordered text-nowrap border-bottom dataTable no-footer " style="width: 100% !important;" id="table_datatable">
                                                <thead class="text-center">
                                                    <tr>
                                                        <th class="wd-15p border-bottom-0">#</th>
                                                        <th class="wd-15p border-bottom-0">QID</th>
                                                        <th class="wd-15p border-bottom-0">Type</th>
                                                        <th class="wd-15p border-bottom-0">Category</th>
                                                        <th class="wd-15p border-bottom-0">Question</th>
                                                        <th class="wd-10p border-bottom-0">Actions</th>
                                                    </tr>
                                                </thead>
                                               
                                            </table>
                                    
                                            <div class="col-sm-12 col-md-12">                                             
                                        </div>
                                        </div>
                                    </div>
                        

                                </div>
                               
                            </div> 
                        </div> 
                        @endcan
                        <!-- End Row -->

                         <!-- Modal -->
               


                        <div class="modal  fade" id="smallmodal" tabindex="-1" role="dialog">
                            <div class="modal-dialog modal-sm" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Delete</h5>
                                        <button class="btn-close text-danger" data-bs-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">×</span>
                                            </button>
                                    </div>
                                    <div class="modal-body">
                                        <p>Do you want to delete the Questions ?</p>
                                    </div>
                                    <div class="modal-footer">
                                        <button onclick="delete_item()" class="btn custom-btn-danger">Delete</button>
                                        <button class="btn custom-btn-warning" data-bs-dismiss="modal">No</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- #########################View Modal################################### --}}
<div class="modal fade show" id="largemodal" tabindex="-1" role="dialog" aria-modal="true" style="display: none;">
            <div class="modal-dialog modal-lg " role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-weight: bold;" id="view_modal_title">Question Details</h5>
                        <button class="btn-close text-danger" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                    </div>
                    <div class="modal-body"  id="view_modal_body">
                        
                    </div>
                    <div class="modal-footer">
                        <button class="btn custom-btn-warning" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
            {{-- #########################End Of View Modal############################ --}}
        
        {{-- #########################Info Modal################################### --}}
            <div class="modal fade" id="infomodal" tabindex="-1" style="display: none;" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-weight: bold;" id="view_modal_title">Info</h5>
                        <button class="btn-close text-danger" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                    </div>
                    <div class="modal-body"  id="view_modal_body">
                        <h5>Added By : <span id="added_user_info"></span></h5>
                        <h5>Added Date : <span id="added_date_info"></span></h5>
                    </div>
                    <div class="modal-footer">
                        <button class="btn custom-btn-warning" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
            {{-- #########################End Of Info Modal############################ --}}
            
            
{{-- #########################RMAP Modal################################### --}}
<div class="modal fade show" id="rmapmodal" tabindex="-1" role="dialog" aria-modal="true" style="display: none;">
            <div class="modal-dialog modal-lg " role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-weight: bold;" id="view_modal_title">Test Details</h5>
                        <button class="btn-close text-danger" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                    </div>
                    <div class="modal-body"  id="rmap_modal_body">
                        
                    </div>
                    <div class="modal-footer">
                        <button class="btn custom-btn-warning" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
            {{-- #########################End Of RMAP Modal############################ --}}
                        
                        
                        
                        
                        

            @endsection
              @section('scripts')  
{{-- ################################Jquery Datatable########################### --}}
   {{-- <script src="{{asset('assets/jquery-datatable/jquery.min.js')}}"></script> --}}
   <link rel="stylesheet" type="text/css" href="{{asset('assets/jquery-datatable/jquery.dataTables.css?v3')}}">
   <script src="{{asset('assets/jquery-datatable/jquery.dataTables.js')}}"></script>

    <!-- INTERNAL SUMMERNOTE Editor JS -->
    <script src="{{asset('assets/plugins/summernote/summernote1.js')}}"></script>
    
 {{-- ########################################################################## --}}
 
 <script>
$(document).ready(function() {
     setTimeout(function(){
         var selectvalue = $("#sort_category").val();
         listquestiononcat(selectvalue);
     },1000);
});
 </script>


<script type="text/javascript">
    function listquestiononcat(listcatid){
        $.ajax({
            type: 'POST',
            data: {"_token": token,"listcatid": listcatid},
            url: '/list_question_cat',
            success: function (result) {
                $("#table_datatable").DataTable().ajax.reload(null, false);
            }
        });
    }
</script>



<script>
    function alphabets_get(get_id_frm) {
        var albets_array = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
        return albets_array[get_id_frm];
    }
    function append_features_fn(){
        var oldappedcount = $("#appendcount").val();
        var appedcount = parseInt(oldappedcount)+1;
        $("#appendcount").val(appedcount);
        $("#append_features_div").append('<div class="col-xl-12 remove_new_'+appedcount+'"><div class="row"><div class="col-xl-1 mb-3"><p><span id="option_alpha_'+appedcount+'">'+alphabets_get(oldappedcount)+')</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="'+oldappedcount+'" id="option_crct'+appedcount+'" required type="radio"></span></p></div><div class="col-xl-7 mb-3"><textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details'+appedcount+'" name="answer_options[]" value="" required></textarea></div><div class="col-xl-2 mb-3"><button style="margin-top: 28px;" onclick="remove_features_fn('+appedcount+')" type="button" class="btn btn-danger">x</button></div></div></div>');
        jQuery((function(e){"use strict";
            $(document).ready((function(){
                $('.newsummernote').summernote({
                    height: 230,
                    callbacks: {
                        onImageUpload: function(files) {
                            var current_id = $(this).attr('id');
                            uploadImage(files[0], current_id);
                        }
                    }
                });
            }))
        }));

    }
    function remove_features_fn(remove_id){
        var new_append_cnt = $("#appendcount").val();
        var values_arr = [];
        for (var va = 1; va <= new_append_cnt; va++)
        {
            var cur_val = $("#more_details"+va).val();
            values_arr.push(cur_val);
        }
        var new_rmv_id = remove_id-1;
        values_arr.splice(remove_id, 1);
        $(".remove_new_"+remove_id).remove();
        new_append_cnt = new_append_cnt - 1;
        $("#appendcount").val(new_append_cnt);
        $("#append_features_div").html('<div class="col-xl-12 mb-3"><label for="validationTooltip01">Options (<span style="color: #39af0b;font-size: 10px;"> Tip : Click the radio/checkbox for right answers </span>)</label></div><div class="col-xl-12"><div class="row"><div class="col-xl-1 mb-3"><p><span id="option_alpha_1">A)</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="0" id="option_crct1" required type="radio"></span></p></div><div class="col-xl-7 mb-3"><textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details1" name="answer_options[]" value="" required></textarea></div><div class="col-xl-2 mb-3"><button style="margin-top: 28px;" onclick="append_features_fn()" type="button" class="btn btn-info">+ Add One More Option</button></div></div></div>');
            $("#more_details1").val(values_arr[0]);
            for (var i = 2; i <= new_append_cnt; i++)
            {
                var newi = i-1;
                $("#append_features_div").append('<div class="col-xl-12 remove_new_'+i+'"><div class="row"><div class="col-xl-1 mb-3"><p><span id="option_alpha_'+i+'">'+alphabets_get(newi)+')</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" value="'+newi+'" id="option_crct'+i+'" id="option_crct" required type="radio"></span></p></div><div class="col-xl-7 mb-3"><textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details'+i+'" name="answer_options[]" value="" required></textarea></div><div class="col-xl-2 mb-3"><button style="margin-top: 28px;" onclick="remove_features_fn('+i+')" type="button" class="btn btn-danger">x</button></div></div></div>');

                    $("#more_details"+i).val(values_arr[newi]);

            }

        jQuery((function(e){"use strict";
            $(document).ready((function(){
                $('.newsummernote').summernote({
                    height: 230,
                    callbacks: {
                        onImageUpload: function(files) {
                            var current_id = $(this).attr('id');
                            uploadImage(files[0], current_id);
                        }
                    }
                });
            }))
        }));
    }
</script>

        <script>
    var token = $("meta[name=csrf-token]").attr("content");



    question_add_modal(1);

        function question_add_modal(id){
            $.ajax({
            type: 'POST',
            data: {"_token": token,"section_id": id},
            url: '/add_section_questions',
            success: function (result) {
                console.log("session_reset");
            }
            })
        }




    var datatable_name="table_datatable";
    $('#table_datatable').DataTable({
        "responsive": true,
       "serverSide": true,
       "ordering": true,
       "searching": true,
       "bLengthChange": true,
       "info":false,
       "bSort": true,
       "order": [
           [0, 'desc']
       ],
       "columnDefs": [{
               "targets": [0,1,2,3],
               "orderable": true
           },
           {
               "targets": [4,5],
               "orderable": false
           },
           {"className": "text-center", "targets": [0,5]},
           {"className": "text-left", "targets": [1,2,3,4]}
           
       ],
       "displayLength":10,
       "ajax": {
           "url":  "/questions_datatable",
           "type": "post",
           "data": function (data) {
                data._token = token;
              
               return data;
  
           }
       }, "AutoWidth": true,
       "columns": [
                  {"data": "question_id", "name": "question_id"},
                  {"data": "question_id", "name": "question_id"},
                  {"data": "question_id", "name": "question_id"},
                  {"data": "category_name", "name": "category_name"},
                  {"data": "question_id", "name": "question_id"},
                  {"data": "question_id", "name": "question_id"},
                   ],
      
      "fnCreatedRow": function (nRow, aData, iDataIndex) {
          var info = this.dataTable().api().page.info();
          var page = info.page;
          var length = info.length;
          var index = (page * length + (iDataIndex + 1));
          var action="";

          var type_qs="";

        if(aData.type == 0){
            type_qs = "MCQ - SA : Multiple Choice - Single Answer";
        }
        else{
            type_qs = "MCQ - MA : Multiple Choice - Multiple Answers";
        }

         var htmlTags = /<(.|\n)*?>/;
        
        if(aData.question=="" || aData.question===null)
        {
             var small_q = "";
        }
        else
        {
            if(htmlTags.test(aData.question)===true)
            {
                var question = $(aData.question).text();
            }
            else
            {
                var question = aData.question;
            }
            var small_q = question.slice(0, 50) + (question.length > 50 ? "..." : "");
        }
            
            var action=action+'&nbsp;<button title="Rmap"  onclick=rmapfn('+aData.question_id+') id="brmap" type="button" class="btn btn-sm custom-btn-info">Rmap</button>';
          
            var action=action+'&nbsp;<button title="View"  onclick=View('+aData.question_id+') id="bview" type="button" class="btn btn-sm custom-btn-success"><span class="fe fe-eye"> </span></button>';
            //Edit Action
            @can('questions-edit')
            var action=action+'&nbsp;<button title="Edit"  onclick=edit('+aData.question_id+') id="bEdit" type="button" class="btn btn-sm custom-btn-info"><span class="fe fe-edit"> </span></button>';
            @endcan
            //Delete Action
            @can('questions-delete')
            var action=action+'&nbsp;<button title="Delete" onclick="delete_modal('+aData.question_id+')" id="bDel" type="button" class="btn  btn-sm custom-btn-danger"><span class="fe fe-trash-2"> </span></button>';
            @endcan
            //info action
            var action=action+'&nbsp;<button title="Info" onclick="show_info_rprt(`'+aData.name+'`,`'+aData.created_at+'`)" id="binfo" type="button" class="btn  btn-sm custom-btn-info"><span class="fe fe-info"> </span></button>';
            $('td:eq(0)', nRow).html(index);
            $('td:eq(2)', nRow).html(type_qs);
            $('td:eq(4)', nRow).text(small_q);
            $('td:eq(5)', nRow).html(action);
 }
 });

       // #################### Edit Section ############################
                function edit(id){
                    $('#add_sec').css('display','flex');
                    $('#change_stat').text('Edit');
                $.ajax({
                    type: 'POST',
                    data: {"_token": token,"id": id},
                    url: '/edit_questions',
                    success: function (result) {
                        $('#news_id').val(result.question.question_id);
                        $('#types').val(result.question.type);
                        $('#category').val(result.question.category_id);
                        $('#test').val(result.question.test_id);
                        $('#question').summernote('reset');
                        $('#question').summernote('code',result.question.question);
                        $('#description').summernote('reset');
                        $('#description').summernote('code',result.question.description);

                        $("#append_features_div").html("");

                        var arraycount=result.options.length;

                        if(result.question.type==0){
                            var inp_typ = "radio";
                        }
                        else{
                            var inp_typ = "checkbox";
                        }

                        $("#appendcount").val(arraycount);
                        for (var i = 0; i < arraycount; i++)
                        {
                            if(result.options[i].right_option==1)
                            {
                                var checked = "checked";
                            }
                            else
                            {
                                var checked = "";
                            }
                            if(i==0 || i==1){
                                $("#append_features_div").append('<div class="col-xl-12 mb-3"><label for="validationTooltip01">Options (<span style="color: #39af0b;font-size: 10px;"> Tip : Click the radio/checkbox for right answers </span>)</label></div><div class="col-xl-12"><div class="row"><div class="col-xl-1 mb-3"><p><span id="option_alpha_1">A)</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" '+checked+' name="option_crct[]" value="0" id="option_crct1" required type="'+inp_typ+'"></span></p></div><div class="col-xl-7 mb-3"><textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details1" name="answer_options[]" value="" required>'+result.options[0].option_ans+'</textarea></div></div></div>')
                            }
                            else{
                                var newi = parseInt(i)+1;

                                $("#append_features_div").append('<div class="col-xl-12 remove_new_'+newi+'"><div class="row"><div class="col-xl-1 mb-3"><p><span id="option_alpha_'+newi+'">'+alphabets_get(i)+')</span> &nbsp;&nbsp;&nbsp;<span><input class="to_change_attr" name="option_crct[]" '+checked+' value="'+i+'" id="option_crct'+newi+'" id="option_crct" required type="'+inp_typ+'"></span></p></div><div class="col-xl-7 mb-3"><textarea data-parsley-required-message="Features Required" class="form-control newsummernote" id="more_details'+newi+'" name="answer_options[]" value="" required>'+result.options[i].option_ans+'</textarea></div><div class="col-xl-2 mb-3"><button style="margin-top: 28px;" onclick="remove_features_fn('+newi+')" type="button" class="btn btn-danger">x</button></div></div></div>');
                            }
                        }

                        jQuery((function(e){"use strict";
            $(document).ready((function(){
                $('.newsummernote').summernote({
                    height: 230,
                    callbacks: {
                        onImageUpload: function(files) {
                            var current_id = $(this).attr('id');
                            uploadImage(files[0], current_id);
                        }
                    }
                });
            }))
        }));

                        
                        $('#create_btn').hide();
                        $('#update_btn').show();
                        $('#back-to-top').click();
                        
                        }
                })
                }
      // #################### End Of Edit Section ####################


                function View(id){
                    $.ajax({
                        type: 'POST',
                        data: {"_token": token,"id": id},
                        url: '/view_questions',
                        success: function (result) {    
                           $('#view_modal_body').html(result);
                           $('#largemodal').modal('show');
                        }
                    })
                }
                
                function rmapfn(id){
                    $.ajax({
                        type: 'POST',
                        data: {"_token": token,"id": id},
                        url: '/rmap_questions',
                        success: function (result) {    
                           $('#rmap_modal_body').html(result);
                           $('#rmapmodal').modal('show');
                        }
                    })
                }


     // #################### Delete Section ##########################
                    function delete_modal(id){
                    $('#news_id').val(id);
                    $('#smallmodal').modal('show');
                    }
                    function delete_item(){
                    var id=$('#news_id').val();
                    $.ajax({
                        type: 'POST',
                        data: {"_token": token,"id": id},
                        url: '/delete_questions',
                        success: function (result) {
                        $('#smallmodal').modal('hide');
                        toast(result,datatable_name);
                        }
                    })
                    }
     // #################### End Of Delete Section ##################


        </script>


<script type="text/javascript">
    function changeattrfn(attrval){
        if (attrval!="") {
            if(attrval==0)
            {
                $('.to_change_attr').attr('type', 'radio');
            }
            else{
                $('.to_change_attr').attr('type', 'checkbox');
            }
        }
    }
</script>


<script>
    $(document).ready(function() {
        
        
        $('#description').summernote({
            height: 400,
            callbacks: {
                onImageUpload: function(files) {
                    var current_id = $(this).attr('id');
                    uploadImage(files[0], current_id);
                }
            }
        });
        
        $('.newsummernote').summernote({
            height: 230,
            callbacks: {
                onImageUpload: function(files) {
                    var current_id = $(this).attr('id');
                    uploadImage(files[0], current_id);
                }
            }
        });

        function uploadImage(file, current_id) {
            var formData = new FormData();
            formData.append("_token", token);
            formData.append('file', file);
            $.ajax({
                url: '/summernote_image',
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                success: function(data) {
                    $('#'+current_id).summernote('insertImage', data);
                }
            });
        }
        
        
    });
    
    
function show_info_rprt(og_name,og_date){
        $(`#infomodal`).modal(`show`);
        $(`#added_user_info`).text(og_name);
        $(`#added_date_info`).text(format_date_fn(og_date));
    }
    
    function format_date_fn(og_date_frmt)
    {
        const today = new Date(og_date_frmt);
        const yyyy = today.getFullYear();
        let mm = today.getMonth() + 1; // Months start at 0!
        let dd = today.getDate();
        
        if (dd < 10) dd = '0' + dd;
        if (mm < 10) mm = '0' + mm;
        
        const formattedToday = dd + '-' + mm + '-' + yyyy;
        
        return formattedToday;
    }
    
    function reset_summernote_fn(){
        if($('.newsummernote').length>0)
        {
            $('.newsummernote').each(function() {
                var newsummernote = $(this);
                newsummernote.summernote('reset');
            });
        }
    }
    
    
    
</script>


        @endsection