@extends('admin.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 ">
          <a href="">Package Review</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
          Reviewed Details
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <div class="card-header">
    <h1>Reviewed Details</h1>
    <!-- <div class="filter-group">
      <label class="switch-light switch-md" onclick="">
          <input type="checkbox" id="summary" name="summary" value="1" />
          <span class="alert alert-light">
            <span class="off">Todays Summary</span>
            <span class="on">Total Summary</span>
            <a class="btn btn-primary"></a>
          </span>
        </label>
    </div> -->
    </div>
      

      <!-- Table -->
      <div class="card">
        <div class="card-header pt-5">
          <h2 class="">
            @if($details->package_name){{$details->package_name}}
            @elseif($details->set_name){{$details->set_name}}
            @else($details->quiz_name){{$details->quiz_name}}
            @endif
          </h2>
          <!-- Filter box -->
                
         
        </div>
        <div class="card-body pt-0">
          <p class="text-right font-bold total_no_test_count">Total No. of Package(s): 0</p>
          <div class="table-responsive">
            <table id="package-reviewed-details" class="stripe row-border order-column">
              <thead>
                <tr>
                  <th>Sr. No. <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Coching Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Package Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th class="total_test">Total Test <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Total Question <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Submitted Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Assign To <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Work Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                  <th>Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th> 
                  <th>Completion Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>  
                  <th>Assign Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th> 
                  <th>Complete Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                </tr>
              </thead>
              
            </table>
          </div>
        </div>
      </div>
    <!-- //Table -->
    <!--// MAIN BODY CONTENT -->
  </div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
  var package_reviewed_details = "{{route('admin.package-review.reviewed.details', base64_encode($reviewDetails->id))}}"; 
  $('#package-reviewed-details').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':package_reviewed_details,
            'data': function(data){
                var status_filter = $('#status_filter').val();

              // Append to data
                data.status_filter = status_filter;
            }
        },
        "drawCallback": function (settings) { 
            // Here the response
            var response = settings.json;
            console.log(response.iTotalDisplayRecords);
            $('.total_no_test_count').html('Total No of Package(s): '+response.iTotalDisplayRecords);
        },
        'columns': [
            { data: 'sr_no' },
            { data: 'coaching_name' },
            { data: 'package_name' },
            { data: 'total_test' },
            { data: 'total_questions' },
            { data: 'created_at' },
            { data: 'username' },
            { data: 'work' },
            { data: 'assign_status' },
            { data: 'completion_status' },
            { data: 'assign_date' },
            { data: 'complete_date' }
        ],
        'columnDefs': [ {
            'targets': [], /* column index */
            'orderable': false, /* true or false */
        },{"className": "dt-center", "targets": "_all"}]
    });
</script>
@endsection