@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 Past Tasks</h2>
            </div>
            <div class="d-flex align-items-center">
              @foreach($years_filter as $key=>$year)
              @php
              if($task_year_search)
              $ycheck = in_array($year->id, $task_year_search)?'checked':''; 
              else
              $ycheck = '';
              @endphp
              <input type="checkbox" class="btn-check checkyear" {{$ycheck}} name="year_id[]" value="{{ $year->id }}" id="year_id-{{ $year->id }}" onclick="getClasses(this.id)" autocomplete="off">
              <label class="btn btn-year checkyear year_topstyle me-1 mb-1" for="year_id-{{ $year->id }}">{{ $year->year }}</label>
              @endforeach
            </div>
            <div class="d-flex align-items-center overflow-auto" id="classes_div">
            </div>
            <div>
              <table class="table table-striped table-hover display" id="dataTables" style="width:100%">
                <thead>
                  <tr>
                    <th class="text-start" width="20%">Task Name</th>
                    <th>Videos set</th>
                    <th>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>
      @include('layout.right-ads')
    </div>
  </div>
</section>
@include('teacher.tasks.task_view_modal')
@include('teacher.tasks.task_completed_modal')
@include('teacher.tasks.filter_modal')
@endsection
@section('scripts')
<script>
  var user_id = {{ $user_id }};
  var table;
  var duetable;
  $(function () {
  
      @if($task_year_search)
        getClasses();
      @endif    
      //Generate List
      table = $('#dataTables').DataTable({
          dom: "<'row g-2 align-items-center justify-content-between'<'col text-start'l><'col-auto'f>>" +
        "<'row'<'col-sm-12'tr>>" +
        "<'row'<'col-sm-12 col-md-5 text-start'i><'col-sm-12 col-md-7'p>>",
          bSearchable: true,
          pagination: true,
          // pageLength: 10,
          responsive: true,
          searchDelay: 500,
          processing: !0,
          serverSide: !0,
          "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
          "pageLength": 50,
          // deferLoading: 0,
          ajax: {
              url: "{{ url('teacher/tasks/listpast-tasks') }}",
              data: search
          },
           columns: [
              {data: 'name', name: 'name', sClass: 'text-start'},
              {data: 'vids', name: 'vids'},
              {data: 'classes', name: 'classes'},
              {data: 'completed', name: 'completed'},
              {data: 'end_date', name: 'end_date'},
              {data: 'due_date', name: 'due_date',"visible": false, "searchable": false },
              {data: 're_assign', name: 're_assign', orderable: !1, searchable: !1},  
              {data: 'action', name: 'action', sClass: 'tools', orderable: !1, searchable: !1}        
          ],
          "order": [[5, "desc"]],
          'columnDefs': [
                      { 'orderData':5, 'targets': 4 }
              ]
      });
  
  });
  
      $(".search").keyup(function () {
          table.draw();
      });
  
  
  function search(value) {
      var year_ids = [];
      var class_ids = [];
       value.search_name = $('input[name=name]').val();
      value.due_date_id = 1;
  
      $('input:checkbox.checkyear').each(function () {
          var sThisVal = (this.checked ? year_ids.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
  
      value.year_id = year_ids;
      value.class_ids = class_ids
  
  }
  
  
  $('#selectall').click(function () {
      if ($(this).prop("checked") == true) {
          $('.slectedrows').each(function () {
              $(this).attr('checked', !$(this).attr('checked'));
          });
      } else {
          $('.slectedrows').each(function () {
              $(this).attr('checked', false);
          });
      }
  });
  
  function viewTasks(task_id) {
      $.ajax({url: "{{ url('teacher/tasks/') }}/" + task_id, type: "GET", dataType: "html"})
          .done(function (data) {
              $("#taskViewData").html(data);
              $("#taskViewModal").modal("show");
          }).fail(function () {
          showAlert("Please try again...", "error");
      });
  }
  
  function getClasses(year_id='') {
     
      var year_ids = [];
      var class_ids =  @json($task_class_search);
      
      $('input:checkbox.checkyear').each(function () {
          var sThisVal = (this.checked ? year_ids.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
  
      if (year_ids.length != 0) {
          $.ajax({
              url: "{{ url('teacher/tasks/get-classlist') }}", type: 'POST',
              data: {"year_ids": year_ids, 'class_ids': class_ids},
          }).done(function (data) {
              $('#classes_div').html(data);
               if ($.fn.DataTable.isDataTable('#dataTables')) {
                   table.ajax.reload();
               }     
          });
      } else {
          $('#classes_div').html('');
      }
  
      if ($.fn.DataTable.isDataTable('#dataTables')) {
           table.ajax.reload();
       }  
  
      
  } 
  
  function getSubjects() {
      table.ajax.reload();
  }
  
  function viewCompletedDetails(task_id) {
      $.ajax({url: "{{ url('teacher/tasks/completed-details') }}", type: "POST", data: {"task_id": task_id}})
          .done(function (data) {
              $("#taskCompletedData").html(data.completed_html);
              $("#taskNotCompletedData").html(data.open_html);
    		  $('[data-bs-toggle="tooltip"]').tooltip();
              $("#taskCompletedDetailsModal").modal("show");
          }).fail(function () {
          showAlert("Please try again...", "error");
      });
  }
  
  
  function deleteTasks(id) {
      Swal.fire({
          title: "Are you sure?",
          text: "Task will be deleted from the database.You won't be able to change this!",
          icon: "warning",
          showCancelButton: true,
          confirmButtonText: "Yes. Delete it!",
          confirmButtonColor: '#e85f5d',
      }).then(function(result) {
          if (result.value) {
              Swal.fire({
                      title: "Are you sure?",
                      text: "You will permanently lose the data - are you 100% sure?",
                      icon: "warning",
                      showCancelButton: true,
                      confirmButtonText: "Yes. Delete it!",
                      confirmButtonColor: '#e85f5d',
              }).then(function(result) {
                  if (result.value) {
                      $.ajax({url: "{{ url('teacher/tasks/') }}/" + id, type: "DELETE", dataType: "html"})
                      .done(function (a) {
                          var data = JSON.parse(a);
                          if (data.flagError) {
                              showAlert(data.message, "error");
                          } else {
                              showAlert(data.message, "success");
                              setTimeout(function () {
                                  table.ajax.reload(null, false);
                                  duetable.ajax.reload(null, false);
                              }, 1000);
  
                          }
                      }).fail(function () {
                          showAlert("Somthing went wrong!", "error");
                      });
                  } else if (result.dismiss === "cancel") {
                      Swal.fire(
                          "Cancelled",
                          "",
                          "error"
                      )
                  }
              });
          } else if (result.dismiss === "cancel") {
              Swal.fire(
                  "Cancelled",
                  "",
                  "error"
              )
          }
      });
  }
  
  
  $(document).ready(function() {
      ////
      $(document).on("click",".re_assign_task",function() {
          event.preventDefault();
          $(this).prop('disabled', true);
          var theSelectedId = this.id;
         // reAssignTaskHere(theSelectedId);
         reAssignTask(theSelectedId);
      });
  });
  
  function reAssignTask(theSelectedId){
      var theUrl = '{{url('teacher/tasks/resettask')}}/'+theSelectedId;
      window.open(theUrl, '_blank'); 
      $('#reTask_'+theSelectedId).hide();
  }
  
  
  
</script>
@endsection