@extends('dashboard.layouts.default')
@section('content')
<div id="subheader" class="d-flex align-items-center">
  <div class="container-fluid">
    <div class="row align-items-center justify-content-between">
      <div class="col d-flex align-items-center">
        <a class="btn btn-back" href="{{ URL::previous() }}"><i class="bx bx-chevron-left" ></i></a>
        <h5 class="sub-title">Task Completed Details</h5>
      </div>
      <div class="col-auto">
      </div>
    </div>
  </div>
</div>
<section class="top-section">
  <div class="container-fluid">
    <div class="row g-3">
      @include('layout.top-ads')
      <div class="col-lg-12">
        <div class="manage-sec">
          <a class="btn btn-manage" href="{{ url('teacher/tasks/'. $task->id.'/quiz-mark') }}"><i class="bx bxs-message-rounded-dots me-1"></i>Question Level Analysis</a>
          <a class="btn btn-manage active" href="{{ url('teacher/tasks/'. $task->id.'/video-mark') }}"><i class="bx bxs-video-recording me-1"></i>Video Tracker</a>
        </div>
        <div class="card mb-3">
          <div class="card-body">
            <div class="mb-3" id="tb-report">
              <div class="no-results" style='display:none;'>
                <h5 class="text-dark my-2 text-center">
                  No results to display 
                </h5>
              </div>
              <div class="search-div" style="display: none;">
                <div class="row align-items-center">
                  <div class="col-lg-12">
                    <div class="row g-2 align-items-center">
                      <div class="col-md-4">
												<div class="input-group">
													<input type="search" class="form-control form-control-sm search" placeholder="Search..." id="search-box">
													<input type="hidden" value="lname-asc" class="form-control" id="sort-box">
													<button class="btn btn-primary" onclick="tableLoad()"><i class='bx bx-search' ></i></button>
												</div>
                      </div>
                      <div class="col-md-1">
                        <button class="btn btn-primary quiz-export" type="button" onclick="exportQuizTrackerReport()">
                        <i class="bx bxs-download me-2"></i>Export</span>
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="mb-3">
              <h5>All Tasks Submitted</h5>
              <div id="tab2-video-track-completed" class="video_track" style="display: none"></div>
              <br>
            </div>
            <br>
            <div class="">
              <h5>All Tasks NOT Submitted</h5>
              <div id="tab2-video-track-notcompleted" class="video_track" style="display: none"></div>
              <br>
            </div>
          </div>
        </div>
      </div>
      @include('layout.bottom-ads')
    </div>
  </div>
</section>
@endsection
@section('scripts')
<script>
  var table;
  var class_ids = [];
  var subject_ids = [1];
  var sort = 'name-asc';
  var batch = 0;
  var prev_data = 0;
  
  $(function () {