@extends('dashboard.layouts.default')
@section('content')
<section class="top-section">
  <div class="container-fluid">
    <div class="row g-3">
      <div class="col-lg-12">
        <div class="manage-sec">
          <a class="btn btn-manage" href="{{ url('teacher/performance') }}"><i class="bx bxs-star me-1"></i>Performance</a>
        <!--  <a class="btn btn-manage" href="{{ url('teacher/performances') }}"><i class="bx bxs-star me-1"></i>Performance New</a> -->
          <a class="btn btn-manage " href="{{ url('teacher/quiz_tracker') }}"><i class="bx bxs-message-rounded-dots me-1"></i>Quiz Tracker</a>
          <a class="btn btn-manage d-none" href="{{ url('teacher/quiz_tracker') }}"><i class="bx bx-video-recording me-1"></i>Video Tracker</a>
          @if(isset($tuition_status) && $tuition_status != '')
          <a class="btn btn-manage active" href="{{ url('teacher/tuition_attendance') }}"><i class="bx bx-badge-check me-1"></i>Tuition Attendance</a>
          @endif
        </div>
        <div class="card border-rad-left-0">
          <div class="card-body">
            <div 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-1 mt-1 mb-2 align-items-center">
                      <div class="col-md-3">
												<div class="dataTables_filter">
													<label class="d-flex align-items-center">
														<p class="mb-0 me-2"><small>Search</small></p>
														<div class="input-group">
															<input type="text" class="form-control form-control-sm search" placeholder="" id="search-box">
															<input type="hidden" value="name-asc" class="form-control" id="sort-box">
															<button class="btn btn-primary btn-sm" onclick="tableLoad()"><i class='bx bx-search' ></i></button>
														</div>
													</label>
												</div>
                      </div>
                      <div class="col-auto">
                        <button class="btn btn-primary btn-sm w-100 quiz-export" type="button" onclick="exportQuizTrackerReport()">
                        <i class="bx bx-export fs-6"></i> Export</span>
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="video_track tuition_attendance" style="display: none">
              </div>
            </div>
          </div>
        </div>
    <!--    <div class="card mt-2 no-data">
          <div class="card-body">
            <div class="info-content"><div class="title">Select the year, then class, and then you'll be able to view the quiz data (green = 100-75%, amber = 74-50%, red = 49-0%)</div></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 () {