@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 Classes</h5>
      </div>
      <div class="col-auto">
        <div class="tools overflow-auto">
          <button type="button" class="btn btn-add" onclick="addClass(null)"><i class="bx bxs-plus-circle me-1"></i>Add New Class</button>
        </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('tutor/student') }}"><i class="bx bxs-group me-1"></i>Manage Students</a>
          <a class="btn btn-manage active" href="{{ url('tutor/class') }}"><i class="bx bxs-copy-alt me-1"></i>Manage Classes</a>
          <a class="btn btn-manage d-none" href="{{ url('tutor/student/subscription') }}"><i class="bx bxs-copy-alt me-1"></i>Subscriptions</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">Class</th>
									<th class="text-start fw-semibold">Year</th>
									<!-- <th>Curriculum</th> -->
									<th  class="text-start fw-semibold no-export">Action</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
  </div>
</section>
@include('tutor.class.class_modal')
@endsection
@section('scripts')
<script>
  var table;
  $(function () {
  
      //Generate List
      table = $('#dataTables').DataTable({
          "lengthChange": false,
          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,
					dom: "<'row g-2 align-items-center'<'col-auto'f><'col-auto'B>>" +
					"<'row'<'col-sm-12'tr>>" +
					"<'row'<'col-sm-12 col-md-5 text-start'i><'col-sm-12 col-md-7'p>>",
					buttons: [
							{
								extend: 'excel',
								text: '<i class="bx bx-export fs-6"></i> Export',
								title: 'Students',
								className: 'btn btn-primary btn-sm w-100 quiz-export',
								exportOptions: {
										columns: ':not(.no-export)'
								},
								action: newexportaction
							}
					],
          ajax: {
              url: "{{ url('tutor/class/lists') }}",
              data: search
          },
          columns: [{
              data: 'class',
              name: 'class',
							sClass: "text-start"
						},
						{
								data: 'year',
								name: 'year',
								sClass: "text-start"
						},
						{
								data: 'action',
								name: 'action',
								sClass: "text-start tools",
								orderable: !1,
								searchable: !1
						}
          ]
      });
  
  
      $(".searchs").keyup(function () {
          table.draw();
      });
  });
  
  function search(value) {
      value.search_name = $('input[type=search]').val();
  }
  
  function softDelete(b) {
      Swal.fire({
          title: "Are you sure?",
          text: "Class 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('tutor/class') }}/" + 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);
                              }, 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"
              )
          }
      });
  }
</script>
@endsection