@extends('backend.layouts.form')
@section('title', __('Leave Request'))
@section('content')
<style>
	.card .table-wrapper {
	    overflow-x: auto;
	    overflow-y: hidden;
	}
</style>
    @if($leaveRequestCount > 0)

	    <div class="card">
	    	<div class="table-wrapper p-2">
	    		@csrf
				<table id="data-table-large-2" class="table w-100 table table-striped display">
					<thead>
						<tr>
							<th class="tb-w-2x">{{ __('#') }}</th>
							<th class="tb-w-7x">{{ __('Student Name') }}</th>
							<th class="tb-w-7x">{{ __('Father Name') }}</th>
							<th class="tb-w-7x">{{ __('Class') }}</th>
							<th class="tb-w-7x">{{ __('Start Date') }}</th>
							<th class="tb-w-7x">{{ __('End Date') }}</th>
							<th class="tb-w-7x">{{ __('Reason For Leave') }}</th>
							<th class="tb-w-7x">{{ __('Doc/Attachement') }}</th>
							<th class="tb-w-7x">{{ __('Status') }}</th>
							<th class="text-center">{{ __('Action') }}</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
					<tfoot>
						<tr>
							<th class="tb-w-2x">{{ __('#') }}</th>
							<th class="tb-w-7x">{{ __('Student Name') }}</th>
							<th class="tb-w-7x">{{ __('Father Name') }}</th>
							<th class="tb-w-7x">{{ __('Class') }}</th>
							<th class="tb-w-7x">{{ __('Start Date') }}</th>
							<th class="tb-w-7x">{{ __('End Date') }}</th>
							<th class="tb-w-7x">{{ __('Reason For Leave') }}</th>
							<th class="tb-w-7x">{{ __('Doc/Attachement') }}</th>
							<th class="tb-w-7x">{{ __('Status') }}</th>
							<th class="text-center">{{ __('Action') }}</th>
						</tr>
					</tfoot>
				</table>
			</div>     
	    </div>
	@else
		@include('backend.includes.empty')
	@endif
@endsection

@push('scripts')
<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">  
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.0/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/select/1.2.4/js/dataTables.select.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script> 
<script>
$(document).ready(function () {
    var oTable = $('#data-table-large-2').DataTable({
        dom: "Bfrtip",
        processing: true,
        serverSide: true,  
        pageLength: 20,
        // paging: false,
        // ordering: false,
        // searching: false,
        // info: false,
        ajax: {
            url: "{{ route('admin.leaveApplicationAjax') }}",
            type: "POST",
            dataType: 'json',
            data: function(data1){
                
            } 
        },
        "initComplete":function(){
        	// console.log('pagination 2');
         	// $('#data-table-large-2').find("input[type=checkbox]").bootstrapToggle();
        },   
        buttons: ["excel", "print"],
    });
    $('#data-table-large-2').on('draw.dt', function() {
    	console.log('pagination 1');
    	 isChecked = 0;
		$('#data-table-large-2').find("input[type=checkbox]").bootstrapToggle();
		setTimeout(function(){
			console.log('pppgo live status');
			isChecked = 1;
		}, 1500);
	});
    $("#reset").click(function () {
        oTable.ajax.reload();
    });
    jQuery(document).on('click', '#search_button', function(e){ 
        oTable.ajax.reload();
        oTable.draw();
        e.preventDefault();
    }); 
 
});

var isChecked = 0;
jQuery(document).ready(function(){
	setTimeout(function(){
		//console.log('go live status');
		isChecked = 1;
	}, 3000);
})

jQuery(document).on('change', '.change-leave-status', function() {
	if(isChecked == 0){
		//console.log('leave status comment');
		return false;
	}
	var status = 0;
    if(jQuery(this).is(':checked')){
   	 status = 1;
    }
    var id = jQuery(this).attr('data-id');
    var table = 'leave_requests';
    var token = jQuery('input[name="_token"]').val();
    $.ajax({
        type: "POST",
        dataType: "json",
        url: '{{ route("admin.leaveReques.leaveStatusUpdate") }}',
        data: {'status': status, 'id': id, 'table': table, '_token': token},
        success:function (data) {
                    if(data.status == true) {
                        toastr.success(data.message);
                        toastr.options.timeOut = 10000;
                    }
                    else if(data.status==false){
                        toastr.error(data.error);
                    }
                }, 
    });
});

function leaveStatusUpdate(){
	console.log('leaveStatusUpdate');
}
</script>
@endpush