@extends('coaching.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item" aria-current="page">Result</li>
              <li class="breadcrumb-item active" aria-current="page"></li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
                <h1>All Attempted Data</h1>
                
                <!-- Table -->
                <div class="card">
                  <div class="card-header pt-5 result-header">
                    <h2>{{ $test_details->test_name }}</h2>
                  </div>
                  <div class="card-body pt-0">
                    <p class="text-right font-bold total_test">Total No of Attempts: 0</p>
                    <div class="table-responsive">
                      <table id="quiz-manager" class="stripe row-border order-column">
                        <thead>
                          <tr>
                            <th>Student Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Score <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Accuracy <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Time Taken <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Attempted On <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Action</th>
                          </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                </div>
                <!-- //Table -->
                <!--// MAIN BODY CONTENT -->
        </div>
      </div>
@endsection
@section('scripts')
<script type="text/javascript">
  var coaching_result_get_all_attempt = "{{route('coaching.result.get_all_attempt', base64_encode($result_details->id))}}";
  var dataTable = $('#quiz-manager').DataTable({
        /*scrollY:        false,
        scrollX:        true,*/
        /*scrollCollapse: true,
         fixedColumns:   {
            leftColumns: 0,
            rightColumns: 1
        },*/
        'processing': true,
        'serverSide': true,
        'serverMethod': 'post',
        'ajax': {
            headers: {
                'X-CSRF-TOKEN': csrf_token,
                '_token' : csrf_token
            },
            'url':coaching_result_get_all_attempt,
            'data': function(data){
                // Read values
                
            }
        },
        "drawCallback": function (settings) { 
            // Here the response
            var response = settings.json;
            console.log(response);
            $('.total_test').html('Total No Of Result: '+response.iTotalDisplayRecords);
        },
        'columns': [
            { data: 'student_name' },
            { data: 'score' },
            { data: 'accuracy' },
            { data: 'time_taken' },
            { data: 'attempted_on' },
            { data: 'action' },
        ]
    });
</script>
@endsection