@extends('admin.layouts.main')
@section('main-section')
            <!-- partial -->
            <div class="main-panel">
                <div class="content-wrapper">
                    @if (Session::has('success'))
                            <div class="alert alert-success">{{Session::get('success')}}</div>
                            @endif
                            @if (Session::has('fail'))
                            <div class="alert alert-danger">{{Session::get('fail')}}</div>
                            @endif
                    <!-- <h3 class="text-center"></h3> -->
                    <div id="listHeader" class="mb-3">
                        <h3>List Of Classes</h3>
                        <button class="btn btn-sm btn-primary" onclick="openmodal();"> <span
                                class="fa fa-plus"></span> New
                            Class</button>
                    </div>

                    <table class="table table-bordered table-hover mt-3">
                        <thead class="bg-dark text-white">
                            <tr>
                                <th>S.No.</th>
                                <th>Class</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>


                        <thead name="classbody">
                            @foreach ($classes as $class)
                                
                            <tr>

                                <td>{{$loop->iteration}}</td>
                                <td>{{$class->name}}</td>
                                <td>
                                    <div class="toggle-button-cover">
                                        <div class="button-cover">
                                            <div class="button r" id="button-3">
                                                <input type="checkbox" onclick="changestatus('{{$class->id}}','{{$class->is_active}}');" class="checkbox" @if ($class->is_active == 1) then checked
                                                    
                                                @endif>
                                                <div class="knobs"></div>
                                                <div class="layer"></div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                
                                <td><button type="button" class="btn btn-sm btn-primary" onclick="edit('{{$class->id}}','{{$class->name}}');">Edit Record</button></td>

                            </tr>
                            @endforeach
                        </thead>
                    </table>
                   






                </div>
                <!-- content-wrapper ends -->
                <div class="d-flex justify-content-center">
                    {!! $classes->links() !!}
                </div>

                <!--demo modal -->
                <div class="modal fade" id="newClassModal" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">


                            <div class="modal-body">


                                <header>
                                    <h3 class="text-center mb-4">Add New Class</h3>
                                </header>

                                <form action="{{route('admin.class.create')}}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <input type="hidden" class="form-control" id="id" name="id">
                                        <div class="col-12 col-md-12 col-ms-12 mb-3">
                                            <label>Class<i style="color: red">*</i></label>
                                            <input type="text" class="form-control" id="classname" name="classname" placeholder="Enter class/grade name" required>
                                        </div>
                                    </div>

                                    <button type="submit" id="" class="btn btn-sm btn-success float-right"> Submit</button>
                                    <button type="button" class="btn btn-sm btn-danger mr-1 moveRight"
                                        data-dismiss="modal">Close</button>



                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                
<script>
    function openmodal(){

        $('#id').val('');
        $('#classname').val('');
        $('#newClassModal').modal('show');
    }
    
    function edit(id,classname){
        $('#id').val(id);
        $('#classname').val(classname);
        $('#newClassModal').modal('show');
    }
    function changestatus(id,status){
        
        var url = "{{URL('admin/class/status')}}";
        // var id= 
		$.ajax({
			url: url,
			type: "GET",
			cache: false,
			data:{
                _token:'{{ csrf_token() }}',
				id:id,
                status:status
			},
			success: function(dataResult){
                dataResult = JSON.parse(dataResult);
             if(dataResult.statusCode)
             {
                window.location = "/admin/class";
             }
             else{
                 alert("Something went wrong. Please try again later");
             }
				
			}
		});
        
    }
    </script>


@endsection