@extends('layout.default')
@section('content')

@section('page_toolbar')
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addClass(null)">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Add New Class
</button> 
&nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

<!--begin::Content-->
<div class="card card-custom mt-10">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Class</th>
                    <th>Year</th> 
                    <th>Curriculum</th>   
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
@include('school.class.class_modal')

@endsection


@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
   
    <script>
   var table;
   $(function () {
     
       //Generate List
       table = $('#dataTables').DataTable({
          
          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,
           ajax: {
               url: '{{ url('school/class/lists') }}',
               data: search
           },
           columns: [
            {data: 0, name: 'class'},
            {data: 1, name: 'year'},
            {data: 2, name: 'curriculum'},
            {data: 3, name: 'action', orderable: !1, searchable: !1}
           ]
       });

       
       $(".searchs").keyup(function () {
           table.draw();
       });
   });
   

   function search(value) {
           value.search_name = $('input[name=name]').val();
       }

   function softDelete(b) {
      
       Swal.fire({
           title: "Are you sure?",
           text: "You won't be able to change this!", 
           icon: "warning",
           showCancelButton: true,
           confirmButtonText: "Yes, delete it!"
       }).then(function(result) {
           if (result.value) {

               $.ajax({url: "{{ url('school/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"
               )
           }
       });
    }
   
</script>

@endsection