@extends('layouts.app')

@section('content')
<div class="row bg-info">
</div>
		<br>							<div class="row ">
											<div class="col-sm-6">
													<h4>Total {{number_format($data->total())}}</h4>
											</div>
											<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">
												<thead>
													<tr>
														<th>Lokasi</th>
														<th>No Tiket</th>
														<th>Waktu Masuk</th>
														<th>Paket</th>
														<th>No Polisi</th>
														<th>Lobby</th>
														<th>Device ID</th>
														<th>Car Call</th>
														@if(Auth::user()->akses == "SUPERUSER")
															<th>Flag</th>
														@endif
														<th>Menu</th>
														
													</tr>
												</thead>
												<tbody>
													@foreach($data as $d)
													<tr>
														<td nowrap>{{ $d->site_id }} {{ $d->sitename }}</td>
														<td>{{ $d->ti_qrcode }}</td>
														<td>{{ date_format(date_create($d->ti_datetime),'d-M-Y H:i:s') }}</td>
														<td>{{ $d->ti_vehicle }}</td>
														<td>{{ $d->ti_policeno }}</td>
														<td>{{ $d->lobby_name }}</td>
														<td>{{ $d->ti_gatein }}</td>
														<td>
														@if($d->car_call == "N")
															<label class="badge badge-primary">No</label>
															
														
														@elseif($d->car_call == "Y" && $d->car_call_set == 1)
															<label class="badge badge-danger">Yes. Requested at: {{date_format(date_create($d->car_call_requesttime),'d-M-Y H:i')}}</label>
														@else
															<label class="badge badge-success">Yes</label>
														@endif
														
														</td>
													
														
														@if(Auth::user()->akses == "SUPERUSER")
														<td>
														@if($d->flag == 0)
															{{ $d->flag }}
															<button type='button' class='btn btn-warning btn-xs' onclick="changeFlag('{{ $d->ti_qrcode }}')">Set Flag</button>
														@elseif($d->flag == 1)
															{{ $d->flag }}
															<button type='button' class='btn btn-info btn-xs' onclick="undoFlag('in','{{ $d->ti_qrcode }}')">Undo Flag</button>
														@elseif($d->flag == 9)
															<label class='btn btn-info btn-xs' onclick="undoFlag('in','{{ $d->ti_qrcode }}')">Dibatalkan: {{$d->cancel_notes}}</label>
														@endif
														
														@if($d->flag == 0)
															<button type='button' class='btn btn-danger btn-xs' onclick="batal('{{ $d->ti_qrcode }}')">Batalkan</button>
														@endif
															
														
														</td>
														@endif
														
														<td><a data-toggle="modal" data-target=".bd-example-modal-lg" onclick="detail('{{$d->site_id}}','{{$d->ti_qrcode}}')" class="btn btn-primary btn-xs">Detil</a></td>
														
														
													</tr>
													@endforeach
												</tbody>
											</table>
											
											<div class="pagination">
											<div class="d-flex justify-content-center">
												{!! $data->links('pagination::bootstrap-4') !!}
											</div>
											</div>
										
	<script>
	/*
	 $(document).ready(function (){
		// alert('a');
		 var r = 0;
		 if(r == 0){
			 alert('x');
				window.location.href="";
				r = 1;
		 }
		
	});
   */
   
	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);
			}
		});
	}
	
	function setCarcall(kdsite,id){
		var r = confirm("Aktifkan fitur car call ?");
			if(r){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				type : "POST",
				url  : "{{url('transaksi/vehicle_in/set_carcall')}}",
				data : {kdsite:kdsite,id:id},
				beforeSend: function() {
						//NProgress.start(); 	
				},
				success: function(data){
					if(data == "OK"){
						window.location.href="";
					}
					else{
						alert(data);
					}
				}
			});
		}
	}
	
	function changeFlag(id){
		
	swal({
      //title: 'Are you sure?',
      text: "Proses ubah flag transaksi?",
      type: 'question',
      showCancelButton: true,
      confirmButtonColor: '#0CC27E',
      cancelButtonColor: '#FF586B',
      confirmButtonText: 'Yes',
      cancelButtonText: "Cancel"
    }).then(function (isConfirm) {
      if (isConfirm) {
        $.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
			type : "POST",
			url  : "{{url('setflag_in')}}",
			data : {id:id},
			beforeSend: function() {
				
			},
			success: function(data){
				window.location.href="";
			}
		});
      }
    }).catch(swal.noop);
	
	}
	
	
	
	function undoFlag(table,id){

		swal({
      //title: 'Are you sure?',
      text: "Proses undo flag transaksi?",
      type: 'question',
      showCancelButton: true,
      confirmButtonColor: '#0CC27E',
      cancelButtonColor: '#FF586B',
      confirmButtonText: 'Yes',
      cancelButtonText: "Cancel"
    }).then(function (isConfirm) {
      if (isConfirm) {
        $.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
			type : "POST",
			url  : "{{url('undo_flag')}}",
			data : {table:table,id:id},
			beforeSend: function() {
				
			},
			success: function(data){
				window.location.href="";
			}
		});
      }
    }).catch(swal.noop);
	
	
	
	}
	
	function batal(id){
		
	swal({
      //title: 'Are you sure?',
      text: "Batalkan transaksi?",
      type: 'question',
	  input: "text",
	  //inputPlaceholder: "Note pembatalan",
      showCancelButton: true,
	  closeOnConfirm: false,
      confirmButtonColor: '#0CC27E',
      cancelButtonColor: '#FF586B',
      confirmButtonText: 'Yes',
      cancelButtonText: "Cancel"
    }).then(function (isConfirm) {
      //if (isConfirm) {
		if (isConfirm === false) return false;
      if (isConfirm == "") {
        alert("Harap isi alasan pembatalan!");
        return false
      }else{
        $.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
			type : "POST",
			url  : "{{url('batal')}}",
			data : {id:id,note:isConfirm},
			beforeSend: function() {
				
			},
			success: function(data){
				window.location.href="";
			}
		});
      }
    }).catch(swal.noop);
	
	}
	</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>