@extends('layouts.app')

@section('styles')

@endsection

@section('content')

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


                               <!-- Row -->
                        @can('schedule-test-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 Tests</h3>
                                            </div>
                                            <div class="col-lg-4">
                                                        <div>
                                                            <label for="randomize_order" style="color: #d70000;font-weight: bold;">Randomize the Question Order? </label>&nbsp;
                                                            <input @if($customer_details->random_ques == 1) {{'checked'}} @endif onclick="if(this.checked===true){change_question_random(1);}else{change_question_random(0);}" type="checkbox" id="randomize_order" name="">
                                                        </div>
                                                    </div>
                                            <div class="col-lg-4 position-relative">
                                                        <button style="position: absolute;right: 0px;top: -10px;" type="button" class="btn custom-btn-danger pull-right"  id="reset_login_btn" onclick="reset_login_fn()">Reset All Login Flags</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                             <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">Test Number</th>
                                                        <th class="wd-15p border-bottom-0">Test Name</th>
                                                        <th class="wd-15p border-bottom-0">Sections</th>
                                                        <th class="wd-15p border-bottom-0">Start Date</th>
                                                        <th class="wd-15p border-bottom-0">End Date</th>
                                                        <th class="wd-15p border-bottom-0">Show Solutions</th>
                                                        <th class="wd-15p border-bottom-0">Allow Submit</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 -->
               

                        
                        
                                  {{-- #########################View Modal################################### --}}
            <div class="modal fade" id="scrollingmodal" tabindex="-1" style="display: none;" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" style="font-weight: bold;" id="view_modal_title">View Sections</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############################ --}}
            
       
                        

                        
                        

            @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 type="text/javascript">
        jQuery((function(e){"use strict";
            $(document).ready((function(){
                $('.newsummernote').summernote({
                    height: 200,
                    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");  
    var datatable_name="table_datatable";
    $('#table_datatable').DataTable({
        "responsive": true,
       "serverSide": true,
       "ordering": true,
       "searching": true,
       "bLengthChange": true,
       "info":false,
       "bSort": true,
       "order": [
           [1, 'ASC']
       ],
       "columnDefs": [{
               "targets": [0,1,2,3,4],
               "orderable": true
           },
           {"className": "text-center", "targets": [0,1,2,3,4,5,6,7,8]},
           {"className": "text-left", "targets": []}
           
       ],
       "displayLength":10,
       "ajax": {
           "url":  "/test_settings_datatable",
           "type": "post",
           "data": function (data) {
                data._token = token;
              
               return data;
  
           }
       }, "AutoWidth": true,
       "columns": [
                  {"data": "test_set_id", "name": "test_set_id"},
                  {"data": "test_number", "name": "test_number"},
                  {"data": "test_name", "name": "test_name"},
                  {"data": "test_set_id", "name": "test_set_id"},
                  {"data": "start_date", "name": "start_date"},
                  {"data": "end_date", "name": "end_date"},
                  {"data": "test_set_id", "name": "test_set_id"},
                  {"data": "test_set_id", "name": "test_set_id"},
                  {"data": "test_set_id", "name": "test_set_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 solution_check="";
          var submit_allow="";

          if(aData.show_solution!=0){
            solution_check = '<input type="checkbox" onclick="shw_hide_solution_fn('+aData.test_set_id+',0)" checked>'
          }
          else
          {
            solution_check = '<input type="checkbox" onclick="shw_hide_solution_fn('+aData.test_set_id+',1)">'
          }


          if(aData.submit_btn!=0){
            submit_allow = '<input type="checkbox" onclick="submit_det_fn('+aData.test_set_id+',0)" checked>'
          }
          else
          {
            submit_allow = '<input type="checkbox" onclick="submit_det_fn('+aData.test_set_id+',1)">'
          }


          
          var section_view = '<button title="View" onclick=view_sections('+aData.test_id+','+aData.test_set_id+') id="bvSec" type="button" class="btn btn-sm custom-btn-info"><span class="fe fe-eye"></span> View</button>'
        
         
            //Edit Action
        if(aData.user_test_status==0)
        {
            var action=action+'&nbsp;<button title="Enable Test" onclick=enable_disable_test('+aData.test_set_id+',1) id="benable" type="button" class="btn btn-sm custom-btn-success"><span class="fa fa-check"></span> Enable</button>';
        }
        else
        {
            var action=action+'&nbsp;<button title="Disable Test" onclick=enable_disable_test('+aData.test_set_id+',0) id="benable" type="button" class="btn btn-sm custom-btn-danger"><span class="fa fa-times"></span> Disable</button>';
        }
            //var action=action+'&nbsp;<button title="Delete" onclick="delete_modal('+aData.test_set_id+',`'+aData.test_number+'`,`'+aData.test_name+'`)" id="bDel" type="button" class="btn  btn-sm custom-btn-info"><span class="fa fa-file-text-o"> </span> Re-Test</button>';




            $('td:eq(0)', nRow).html(index);
            $('td:eq(3)', nRow).html(section_view);
            $('td:eq(6)', nRow).html(solution_check);
            $('td:eq(7)', nRow).html(submit_allow);
            $('td:eq(8)', nRow).html(action);
 }
 });


   
    
    
        </script>



<link rel="stylesheet" href="{{asset('vendor/jquery/jquery-ui/jquery-ui.css')}}">
<script src="{{asset('vendor/jquery/jquery-ui/jquery-ui.js')}}" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>


<script>
    


        function view_sections(test_id,setting_id){
            $.ajax({
                type: 'POST',
                data: {"_token": token,"id": test_id,"set_id": setting_id},
                url: '/view_test_sections',
                success: function (result) {
                    $('#view_modal_body').html(result);
                    $('#scrollingmodal').modal('show');
                }
            })
        }

        function enable_disable_test(setting_id,status)
        {
            $.ajax({
                type: 'POST',
                data: {"_token": token,"set_id": setting_id,"status": status},
                url: '/enable_disable_test',
                success: function (result) {
                    toast(result,datatable_name);
                }
            })
        }
        
        function change_question_random(get_val) {
            $.ajax({
                type: 'POST',
                data: {"_token": token,"get_val": get_val},
                url: '/change_question_random',
                success: function (result) {
                    toast(result,datatable_name);   
                }
            })
        }

        function shw_hide_solution_fn(test_set_id,status)
        {
            $.ajax({
                type: 'POST',
                data: {"_token": token,"id": test_set_id,"status": status},
                url: '/shw_hide_solution',
                success: function (result) {
                    toast(result,datatable_name);   
                }
            })
        }
        function submit_det_fn(test_set_id,status)
        {
            $.ajax({
                type: 'POST',
                data: {"_token": token,"id": test_set_id,"status": status},
                url: '/submit_det_fn',
                success: function (result) {
                    toast(result,datatable_name);   
                }
            })
        }

        function reset_login_fn()
        {
            $("#reset_login_btn").text('Reseting..');
            $.ajax({
                type: 'POST',
                data: {"_token": token},
                url: '/reset_login_flags',
                success: function (result) {
                    $("#reset_login_btn").text('Reset Login Flags');
                    toast(result,datatable_name);   
                }
            })
        }




</script>




        @endsection