@extends('dashboard.layouts.default')
@section('content')
<section class="top-section">
  <div class="container-fluid">
    <div class="row g-3">
      @include('layout.left-ads')
      <div class="col-lg-{{ !$is_plan?8:12 }}">
        <div class="card mb-3">
          <div class="card-body">
            <div class="d-flex align-items-center mb-3">
              <a class="btn btn-back-box" href="{{ URL::previous() }}"><i class="bx bx-chevron-left" ></i></a>
              <h2 class="card-title mb-0">All Tasks Set By All Teachers</h2>
            </div>
            <div>
              @foreach($years_filter as $key=>$year)
              <input type="checkbox" class="btn-check checkyear" name="year_id" value="{{ $year->id }}" id="year_id-{{ $year->id }}"  onclick="getClasses(this.id)" autocomplete="off">
              <label class="btn btn-year year_topstyle me-1 mb-1" for="year_id-{{ $year->id }}">{{ $year->year }}</label>
              @endforeach
              <!--   <div class="col-sm-4 text-right d-flex align-items-center justify-content-center">
                <a href="{{ url('teacher/tasks/create') }}" class="btn btn-primary btn-large d-flex align-items-center justify-content-center">
                    <i class="fas fa-plus-circle" aria-hidden="true"></i>&nbsp;&nbsp;Set Tasks
                </a>
                </div> -->
              
            </div>
            <div class="d-flex align-items-center overflow-auto" id="classes_div">
            </div>
            <div class="upcomingDatatable">
              <table class="table table-striped table-hover " id="dataTables" style="width:100%;">
                <thead>
                  <tr>
                    <th class="text-start" style="width:15%">Teacher Name</th>
                    <th class="text-start" style="width:20%">Task Name</th>
                    <th>Videos set</th>
                    <th style="width:15%">Class</th>
                    <th>Question Level Analysis</th>
                    <th>Due Date</th>
                    <th style="display:none;">Due Date</th>
                    <th>Re-Set Task</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-body overflow-auto topstyle">
            <h2 class="card-title">All Past Tasks Set By All Teachers</h2>
            <table class="table table-striped table-hover display" id="duedataTables" style="width:100%;margin-bottom: 2%;">
              <thead>
                <tr>
                  <th class="text-start" style="width:15%">Teacher Name</th>
                  <th class="text-start" style="width:20%">Task Name</th>
                  <th>Videos set</th>
                  <th style="width:15%">Class</th>
                  <th>Question Level Analysis</th>
                  <th>Due Date</th>
                  <th style="display:none;">Due Date</th>
                  <th>Re-Set Task</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
        <div class="card task_list custome_style">
          <div class="card-body overflow-auto">
          </div>
        </div>
      </div>
      @include('layout.right-ads')
    </div>
  </div>
</section>
@include('teacher.tasks.task_view_modal')
@include('teacher.tasks.task_completed_modal')
@endsection
@section('scripts')
<script>
  $(function () {