@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">
        <h5 class="sub-title">Manage Teachers</h5>
      </div>
      <div class="col-auto">
        <div class="tools overflow-auto">
          @if($teacher->teacher_type=='HOD')
          <button type="button" class="btn btn-add" onclick="addTeacher(null)"><i class="bx bxs-plus-circle me-1"></i>Add Teacher</button>
          @endif
        </div>
      </div>
    </div>
  </div>
</div>
<section class="top-section settings">
  <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/student') }}"><i class="bx bxs-group me-1"></i>Manage Students</a>
          <a class="btn btn-manage" href="{{ url('teacher/class') }}"><i class="bx bxs-copy-alt me-1"></i>Manage Classes</a>
          <a class="btn btn-manage active" href="{{ url('teacher/teacher') }}"><i class="bx bxs-user-account me-1"></i>Manage Teachers</a>
        </div>
        <div class="card border-rad-left-0">
          <div class="card-body">
            <table class="table table-hover table-striped display" id="dataTables" style="width:100%">
              <thead>
                <tr>
                  <th class="text-start fw-semibold">Name</th>
                  <th class="fw-semibold">Account Created</th>
                  <th class="fw-semibold">Last Logged In</th>
                  <th class="fw-semibold">User Level</th>
                  @if($teacher->teacher_type =='HOD')
                  <th class="fw-semibold no-export">Action</th>
                  @endif
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      @include('layout.bottom-ads')
    </div>
  </div>
</section>
@include('teacher.teachers.add_modal')
@include('teacher.teachers.import_modal')
{{--@include('teacher.teachers.filter_modal')--}}
@endsection
@section('scripts')
<script>
  document.addEventListener('DOMContentLoaded', function (e) {
      FormValidation.formValidation(
          document.getElementById('unitImportForm'),
          {
              fields: {
                  filename: {
                      validators: {
                          notEmpty: {
                              message: 'ERROR!'
                          }
                      }
                  },
              },
              plugins: {
                  trigger: new FormValidation.plugins.Trigger(),
                  bootstrap: new FormValidation.plugins.Bootstrap(),
                  submitButton: new FormValidation.plugins.SubmitButton(),
                  trigger: new FormValidation.plugins.Trigger(),
  
  
              },
          }
      ).on('core.form.valid', function () {
  
          $("#unitImportForm").submit();
  
      });
  
  });
  
  function importStudent() {
      $("#filename").val('');
      $("#filetype_error").text('');
      $("#studentImportModal").modal("show");
  }
  
  $(document).on('click', 'body #imp-button', function () {
      $fileVal = $("#filename").val();
      if ($fileVal == '') {
          $('.filetype_error').text("Please select a file");
          return false;
      }
  });
  
  $(document).on('change', '.up', function () {
      $(this).closest('.form-group').find('.filetype_error').text('');
      var type = null;
      var fileExtension = ['csv', 'xlsx', 'xls'];
      if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
          type = $(this).val().split('.').pop().toLowerCase();
          $(this).closest('.form-group').find('.filetype_error').text("Your file type is " + type + ", Allowed file types : " + fileExtension.join(', '));
      } else {
          var names = [];
          var length = $(this).get(0).files.length;
          for (var i = 0; i < $(this).get(0).files.length; ++i) {
              names.push($(this).get(0).files[i].name);
          }
          // $("input[name=file]").val(names);
          if (length > 2) {
              var fileName = names.join(', ');
              $(this).closest('.form-group').find('.form-control').attr("value", length + " files selected");
          } else {
              $("#filename").val(names);
          }
      }
  });
  
  var table;
  var deltable;
  $(function () {
  
      //Generate List
      table = $('#dataTables').DataTable({
  
          bSearchable: true,
          "lengthChange": false,
          pagination: true,
          // pageLength: 10,
          fixedHeader:    true,
     //     scrollY:        "55vh",
     //     scrollX:        true,
       // scrollCollapse: true,
  
          responsive: true,
          searchDelay: 500,
          processing: !0,
          serverSide: !0,
        //  "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
          "pageLength": 50,
          dom: "<'row g-2 align-items-center'<'col-auto'f><'col-auto'B>>" + "<'row'<'col-sm-12'tr>>",
        buttons: [
            {
              extend: 'excel',
              text: '<i class="bx bx-export fs-6"></i> Export',
              title: 'Teachers',
              className: 'btn btn-primary btn-sm w-100 quiz-export',
              exportOptions: {
                  columns: ':not(.no-export)'
              },
              action: newexportaction
            }
        ],
          ajax: {
              url: '{{ url('teacher/teacher/lists') }}',
              data: search
          },
          columns: [
              {data: 'name', name: 'name', sClass: 'text-start fw-semibold'},
              {data: 'account_created', name: 'account_created'},
              {data: 'last_logged_in', name: 'last_logged_in'},
              {data: 'teacher_type', name: 'teacher_type'},
              @if($teacher->teacher_type =='HOD')
              {data: 'action', name: 'action',sClass: 'tools', orderable: !1, searchable: !1}
              @endif
  
          ]
      });
  
  
      $(".searchs").keyup(function () {
          table.draw();
          deltable.draw();
      });
  
  
      deltable = $('#deldataTables').DataTable({
  
          bSearchable: true,
          pagination: true,
          // pageLength: 10,
  fixedHeader:    true,
  scrollY:        "55vh",
  scrollX:        true,
  scrollCollapse: true,
  
          responsive: true,
          searchDelay: 500,
          processing: !0,
          serverSide: !0,
          "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
          "pageLength": 50,
          ajax: {
              url: '{{ url('teacher/teacher/deletedlists') }}',
              data: search
          },
          columns: [
              {data: 'name', name: 'name'},
              {data: 'account_created', name: 'account_created'},
              {data: 'last_logged_in', name: 'last_logged_in'},
              {data: 'teacher_type', name: 'teacher_type'}
  
          ]
      });
  
  });
  
  
  function search(value) {
      value.search_name = $('input[name=name]').val();
      value.country = $("#country").val();
      value.curriculum = $("#curriculum").val();
      value.region = $("#region").val();
      value.subject = $("#subject").val();
      value.teacher_type = $("#teacher_type").val();
  }
  
  $(document).on('click', '.filterSubmit', function () {
      table.ajax.reload();
      // alert('filtersubmit');
      $("#filterModal").modal("hide");
  });
  
  function softDelete(b) {
      Swal.fire({
          title: "Are you sure?",
          text: "Teacher 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/teacher') }}/" + b, 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);
                                  deltable.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"
              )
          }
      });
  }
  
  /* $(function () {
      var passwordForm = $("#ChangePasswordForm");
      var passwordValidator;
  
      passwordValidator = passwordForm.validate({
          rules: {
              password: "required",
              password_confirmation: "required"
          }, messages: {password: "Please enter password", password_confirmation: "Please confirm password"}
      });
  
      passwordForm.submit(function (b) {
          passwordForm.valid() && (b.preventDefault(), $.ajax({
              url: '{{ url('teacher/student/password') }}',
              type: "POST",
              data: $(this).serialize(),
              dataType: "html"
          }).done(function (a) {
              var data = JSON.parse(a);
              data.flagError ? ("undefined" != typeof data.errors && passwordValidator.showErrors(data.errors), "undefined" != typeof data.message && showAlert(data.message, "error")) : ($("#ChangePasswordModal").modal("hide"), showAlert(data.message, "success"), passwordForm[0].reset());
          }));
      });
  });*/
  
  function changePassword(b) {
      $("#ChangePasswordForm_id").val(b);
      $("#ChangePasswordModal").modal("show");
  }
</script>
@endsection