@extends('layouts.default_module')
@section('module_name')
Bookings
@stop
@section('add_btn')


@stop

@section('table-properties')
width="400px" style="table-layout:fixed;"
@endsection


<style>
	td {
		white-space: nowrap;
		overflow: hidden;
		width: 30px;
		height: 30px;
		text-overflow: ellipsis;
	}
</style>
@section('table')
<table id="userTable" style="opacity: 0">
<thead>
	<tr>
	   <th>Student</th>
	   <th>Teacher</th>
	   <th>Class</th>
	   <th>Subjects</th>
	   <th>Teacher's start slot</th>
	   <th>Teacher's end slot</th>
	  
	
    </tr>
</thead>
<tbody>
</tbody>
</table>
@section('pagination')
<div class="col-md-3 pull-left">
	<div class="form-group text-center">
		<div>
			{!! Form::open(['method' => 'get', 'route' => ['dashboard']]) !!}
			{!! Form::submit('Cancel', ['class' => 'btn btn-default btn-block btn-lg btn-parsley']) !!}
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endsection
@stop


@section('app_jquery')

<script>

$(document).ready(function(){

    fetchRecords();

    function fetchRecords(){

       $.ajax({

         url: '{!!asset("public/admin/bookings/get_teacher/0")!!}',
         type: 'get',
         dataType: 'json',
         success: function(response){
            $("#userTable").css("opacity",1);

           var len = response['data'].length;
           var dataaa = response['data'];
         console.log('sasasasasasasasasasasasasasa',dataaa);

              for(var i=0; i<len; i++){
                console.log('eeeeeeeeeeeeeeeeeee',  response['data'][i].teacher.user.name);
                var id =  response['data'][i].id;
                var student = response['data'][i].user.name;
                var Teacher = response['data'][i].teacher.user.name;
                var Class = response['data'][i].teacher_class_subject.classes.name;
                var Subject = response['data'][i].teacher_class_subject.subjects.name;
                var Teacher_start_slot = response['data'][i].teacher_availability.start_slot;
                var Teacher_end_slot = response['data'][i].teacher_availability.end_slot;
               
                var Gender = response['data'][i].gender;

                // var edit = `<a class="btn btn-info" href="{!!asset('public/admin/subjects/edit/`+id+`')!!}">Edit</a>`

                // var del =  `<form style='margin-bottom:0;' method="post" action="{!!asset('public/admin/subjects/delete/`+id+`')!!}">
                //             <a href="" data-toggle="modal"  onclick="activate_delete(this)" name="activate_delete" data-target=".delete" modal_heading="Alert" modal_msg="Do you want to delete?">
                //             <span class="btn btn-info">{!!`+deleted_at+`?'Activate':'Delete'!!}</span></a>
                //             </form>`

                var tr_str = "<tr>" +
                    "<td>" + student + "</td>" +
                    "<td>" + Teacher + "</td>" +
                    "<td>" + Class + "</td>" +
                    "<td>" + Subject + "</td>" +
                    "<td>" + Teacher_start_slot + "</td>" +
                    "<td>" + Teacher_end_slot + "</td>" +
                "</tr>";

                 $("#userTable tbody").append(tr_str);
                }
                $('#userTable').DataTable({
                    dom: 'Bfrtip',
                    buttons: [
                        'copy', 'csv', 'excel', 'pdf', 'print'
                    ],
                });
        }
       });
    }

});

function set_msg_modal(msg){
        $('.set_msg_modal').html(msg);
    }

</script>
@endsection