@extends('layouts.app')

@section('content')
<div class="pcoded-main-container">
		<div class="pcoded-wrapper">
			<div class="pcoded-content">
				<div class="pcoded-inner-content">
					<div class="main-body">
						<div class="page-wrapper">
							<!-- [ breadcrumb ] start -->
						
							<!-- [ breadcrumb ] end -->
							<!-- [ Main Content ] start -->
							<div class="row">
								<!-- [ badge ] start -->
								<div class="col-sm-12">
									<div class="card">
										<div class="card-header">
											<h5>{{$title}}</h5>
										</div>
										<div class="card-body">
											<table class="table">
												<thead>
													<tr>
														<th>User</th>
														<th>Gate / Device</th>
														<th>Mulai Shift</th>
														<th>Income</th>
														<th>Durasi Shift</th>
														<th>Menu</th>
														
													</tr>
												</thead>
												<tbody>
													@foreach($data as $d)
													<tr>
														<td>{{ $d->userout }}</td>
														<td>{{ $d->device_id }}</td>
														<td>{{ $d->startshift }}</td>
														<td>{{ number_format($d->income) }}</td>
														<td>{{ $d->durasi }}</td>
														<td><button class="btn btn-danger btn-xs" onclick="endshift('{{$d->userout}}','{{$d->shift_id}}')">Akhiri Shift</button></td>
														
													</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
									
								</div>
								<!-- [ badge ] end -->
							</div>
							<!-- [ Main Content ] end -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection	
@section('jsfunction')
<script>
function endshift(userid,shiftid){
	var r = confirm("Yakin untuk akhiri shift?");
	if(r){
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
			}
		});
		$.ajax({
			type : "POST",
			url  : "{{url('transaksi/endshift')}}",
			data : {userid:userid,shiftid:shiftid},
			beforeSend: function() {
				//$("#divrs").html("<p>Please wait..</p>");
			},
			success: function(data){
				if(data == "OK"){
					window.location.href="";
				}
				else{
					alert(data);
				}
			}
		});
	}
	
}
</script>
@endfunction