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

@section('page_toolbar')
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addGroup(null)">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Add Group
</button> &nbsp;

@endsection

<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover table-striped display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>Group Name</th>
                    <th>Class</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
@include('teacher.groups.group_modal')
@include('teacher.groups.add_student_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('teacher/groups/lists') }}',
               data: search
           },
           columns: [
            {data: 0, name: 'group'},
          //  {data: 1, name: 'class'},
            {data: 1, name: 'year'},
            {data: 2, 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 wont be able to revert this!", 
           icon: "warning",
           showCancelButton: true,
           confirmButtonText: "Yes, delete it!"
       }).then(function(result) {
           if (result.value) {

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

    function addStudent(b)
    {

       $.ajax({
           url: "{{ url('teacher/groups/getStudents') }}/"+b,
           type: "GET",
           dataType: "html"
       }).done(function (data) {
      
         $("#students_blck").html(data);
         $("#addStudentForm_id").val(b);
         $("#AddStudentModal").modal("show");
    
       });
    }     
   
</script>

@endsection