@extends('dashboard.layouts.default')
@section('content')
<section class="top-section">
  <div class="container-fluid">
    <div class="row g-3">
      <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">
              <h2 class="card-title mb-0">@if(USER_ROLE == 'teacher') Tasks @else Upcoming Tasks @endif</h2>
            </div>
            <div class="d-flex align-items-center">
              @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" style="justify-content: right!important;">
                  <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>
            <table class="table table-striped table-hover" id="dataTables" style="width:100%">
              <thead>
                <tr>
                  <th class="text-start" style="width:20%">Task Name</th>
                 <!-- <th style="width:10%">Videos set</th> -->
                  <th style="width:15%">Class</th>
                  <th style="width:15%">Question Level Analysis</th>
                  <th style="width:15%">Due Date</th>
                  <th style="display:none;">Due Date</th>
                  <th style="width:8%">Re-Set Task</th>
                  <th style="width:10%">Action</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
            <a href="{{ url('teacher/tasks/all') }}" class="btn btn-primary mt-3">View all tasks set by all teachers</a>
          </div>
        </div>
        <div class="card">
          <div class="card-body topstyle">
            <h2 class="card-title">Past Tasks</h2>
            <!--<table class="table table-striped table-hover" id="duedataTables" style="width:100%">
              <thead>
                <tr>
                  <th class="text-start" style="width:20%">Task Name</th>
                  <th style="width:15%">Class</th>
                  <th style="width:15%">Task Data</th>
                  <th style="width:15%">Due Date</th>
                  <th style="display:none;">Due Date</th>
                  <th style="width:8%">Re-Set Task</th>
                  <th style="width:10%">Action</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table> -->
            <a href="{{ url('teacher/tasks/allpast-tasks') }}" class="btn btn-primary mt-3">View all of my past tasks</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@include('teacher.tasks.task_view_modal')
@include('teacher.tasks.task_completed_modal')
@include('teacher.tasks.filter_modal')
@endsection
@section('scripts')
<script>
  $(function () {