@extends('layouts.app')

@section('content')
<div class="row bg-info">
</div>
		<br>							<div class="row ">
											
											<div class="col-sm-6 text-right">
											<!--<form action="">
														<div class="input-group">
															<input type="text" name="q" placeholder="Pencarian.." class="form-control" value="" /> 
															<div class="input-group-append">
																<input type="submit" class="btn btn-danger" value="Search"/> 
															</div>
														</div>
													</form> -->
													
											</div>
											</div>
											<table class="table table-condensed table-bordered  table-striped table-sm" id="tbldata">
												<thead>
													<tr>
														<th>Lokasi</th>
														<th>No Tiket</th>
														<th>Waktu Masuk</th>
														<th>Paket</th>
														<th>No Polisi</th>
														<th>Lobby</th>
														<th>Action</th>
														
														
													</tr>
												</thead>
												<tbody>
												</tbody>
											</table>
											
										
	<script>
	
	 $(document).ready(function (){
		 load();
		setInterval(load, 10000);
	});
   
   function load(){
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
			}
		});
		$.ajax({
			type : "POST",
			url  : "{{url('transaksi/vehicle_inm')}}",
			data : "",
			beforeSend: function() {
				//NProgress.start(); 	
			},
			success: function(data){
				$("#tbldata tbody").empty();
				$("#tbldata tbody").append(data);
			}
		});
	}
	function detail(kdsite,id){
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
			}
		});
		$.ajax({
			type : "POST",
			url  : "{{url('transaksi/vehicle_in/detail')}}",
			data : {kdsite:kdsite,id:id},
			beforeSend: function() {
					//NProgress.start(); 	
			},
			success: function(data){
				//NProgress.done(); 
				var obj = jQuery.parseJSON( data );
				$("#no_tiket").html(obj.ti_qrcode);
				$("#no_polisi").html(obj.ti_policeno);
				$("#waktu_masuk").html(obj.ti_datetime);
				$("#nama_paket").html(obj.ti_vehicle);
				$("#lobby").html(obj.lobby_name);
				$("#car_call").html(obj.car_call);
			
					var img_list = "<a href='https://app.vrtech.my.id/uploads/"+obj.ti_img+"' target='new'><img src='https://app.vrtech.my.id/uploads/"+obj.ti_img+"' height=100></a><br><br>";
				   //console.log(img[i]);
				
				$("#foto").html(img_list);
			}
		});
	}
	
	</script>
							
@endsection	

<div class="modal fade fade-in bd-example-modal-lg" style="z-index:9999" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
								<div class="modal-dialog modal-lg">
									<div class="modal-content">
										<div class="modal-header">
											<h5 class="modal-title" id="exampleModalLongTitle">Detail Kendaraan</h5>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
										</div>
										<div class="modal-body">
											<table class="table table-striped">
												<tr><td width=150>No Tiket</td><td><span id="no_tiket"></span></td></tr>
												<tr><td>No Polisi</td><td><span id="no_polisi"></span></td></tr>
												<tr><td>Waktu Masuk</td><td><span id="waktu_masuk"></span></td></tr>
												<tr><td>Paket</td><td><span id="nama_paket"></span></td></tr>
												<tr><td>Lobby</td><td><span id="lobby"></span></td></tr>
												<tr><td>Car Call</td><td><span id="car_call"></span></td></tr>
												<tr><td>Foto Kendaraan</td><td><div id="foto"></div></td></tr>
													
											</table>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
										</div>
									</div>
								</div>
							</div>