<script>
function readURL() {
    var input = this;
	var file = this.files[0];
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
			if(file.type=="image/jpeg"){

			}else{
				alert("Format file tidak diperbolehkan");
				$('#file').val('');
			}
        }
        reader.readAsDataURL(input.files[0]);
    }
}

$(function () {
    $("#file").change(readURL);
})
$(function() {
	var text='';
  $("#loading").hide();
	$("#uploadimage").on('submit',(function(e) {
		e.preventDefault();
		$("#message").empty();
		$("#loading").show();
		$.ajax({
			url: "<?php echo Yii::app()->createUrl('sandar/upload');?>", // Url to which the request is send
			type: "POST",             // Type of request to be send, called as method
			data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
			contentType: false,       // The content type used when sending data to the server.
			cache: false,             // To unable request pages to be cached
			processData:false,        // To send DOMDocument or non processed data file it is set to false
			success: function(data)   // A function to be called if request succeeds
			{
				if(data == 'error'){
					alert(data);
				}else{
					$("#foto").prepend(data);
				}
				$("#file").val('');
				$("#title").val('');
				$("#loading").hide();
			}
		});
	}));
});
</script>


<?php
$this->breadcrumbs=array(
	'Kelola Pemeriksaan'=>array('sandar/index'),
	'Detail Pemeriksaan',
);

$this->title=array(
	'title'=>'Detail Pemeriksaan',
	'deskripsi'=>'Untuk Melihat Detail Pemeriksaan'
);
?>

<style>
#map {
	height: 300px;  /* The height is 400 pixels */
	width: 100%;  /* The width is the width of the web page */
}
</style>

<div class="panel panel-default">
	<div class="panel-heading">
		<h3 class="panel-title pull-left">Detail</h3>
		<a href="<?php echo Yii::app()->createUrl(Yii::app()->controller->id);?>" class="btn btn-primary btn-xs pull-right">
			<i class="fa fa-arrow-circle-left"></i>
			<span>Kembali</span>
		</a>
		<div style="clear:both"></div>
	</div>
	<div class="panel-body">
		<div id="example-2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
		<?php
		if($model->status=="Penugasan Lapangan"){
			if(Lib::accessBy("sandar","verifikasiHasil")==true){
				$u=User::model()->findByPk(Yii::app()->user->id);
				if($model->id_pemeriksa==$u->id_petugas OR $model->id_atasan==$u->id_petugas){
					$cek=Pemeriksaan::model()->count(array("condition"=>"id_sandar='$model->id_sandar'"));
					$sudah=Pemeriksaan::model()->count(array("condition"=>"id_sandar='$model->id_sandar' AND status_pemeriksaan='Proses Otorisasi'"));
					if($cek>0 AND $cek==$sudah){
					echo '<br/>
					<a href="'.Yii::app()->createUrl("sandar/verifikasiHasil",array("id"=>$model->id_sandar)).'" class="btn btn-success" onclick="return confirm(\'Apakah Yakin akan Memverifikasi ini ke atasan??\');"><i class="fa fa-check"></i> Klik Untuk Verifikasi Atasan !</a>
					';
					}
				}
			}
		}
		?>
		<div class="row">
			<div class="col-sm-6">
				<?php $this->widget('booster.widgets.TbDetailView',array(
				'data'=>$model,
				'attributes'=>array(
					array(
						"label"=>"Nama Kapal",
						"value"=>$model->idKapal->nama_kapal
					),
					array(
						"label"=>"Jenis Kapal",
						"value"=>$model->idKapal->jenis_kapal
					),
					array(
						"label"=>"Besar Kapal",
						"value"=>$model->idKapal->besar_kapal
					),
					'datang',
					'waktu_tiba',
					'jumlah_awak',
					array(
						"label"=>"Status",
						"type"=>"raw",
						"value"=>function($model){
							$data.=($model->waktu_pengajuan!='')?'Pengajuan Permohonan : '.Lib::dateInd($model->waktu_pengajuan).'<br/>':'';
							$data.=($model->waktu_persetujuan!='')?'Persetujuan Permohonan : '.Lib::dateInd($model->waktu_persetujuan).'<br/>':'';
							$data.=($model->waktu_penugasan!='')?'Penugasan Lapangan : '.Lib::dateInd($model->waktu_penugasan).'<br/>':'';
							$data.=($model->waktu_verifikasi_hasil!='')?'Verifikasi Hasil : '.Lib::dateInd($model->waktu_verifikasi_hasil).'<br/>':'';
							$data.=($model->waktu_selesai!='')?'Selesai : '.Lib::dateInd($model->waktu_selesai):'';
							return $data;
						}
					),
					array(
						"label"=>"Petugas Pemeriksa",
						"type"=>"raw",
						"value"=>function($model){
							if(!empty($model->id_pemeriksa)){
							$data=json_decode($model->id_pemeriksa);
							$ret="<ul>";
							foreach($data as $row){
								$ret.='<li>'.Sandar::getPetugas($row).'</li>';
							}
							$ret.="</ul>";
							return $ret;}
							else{
								return null;
							}
						}
					),
				),
				)); ?>
			</div>
			<div class="col-sm-6">
				<?php $this->widget('booster.widgets.TbDetailView',array(
				'data'=>$model,
				'attributes'=>array(
					array(
						"label"=>"Bendera",
						"value"=>$model->idKapal->bendera
					),
					array(
						"label"=>"No IMO",
						"value"=>$model->idKapal->no_imo
					),
					array(
						"label"=>"Nama Pemilik",
						"value"=>$model->idKapal->idPemilik->nama_pemilik
					),
					'tujuan',
					'waktu_berangkat',
					'lokasi_sandar',
					'jumlah_penumpang',
				),
				)); ?>
			</div>
		</div>
		<hr>
		<div id="map"></div>
		<hr>
		<?php
		$u=User::model()->findByPk(Yii::app()->user->id);
		if($model->id_pemeriksa==$u->id_petugas OR $model->id_atasan==$u->id_petugas){

		?>
		<form id="uploadimage" action="<?php echo Yii::app()->createUrl('sandar/upload');?>" method="post" enctype="multipart/form-data">

				  <input type="file" class="form-control" id="file" name="Foto[file]" accept="image/jpeg">
				  <input type="hidden" name="Foto[id_sandar]" value="<?=$model->id_sandar;?>"/>
				<div class="input-group">
				  <span class="input-group-btn">
					<button class="btn btn-success" type="submit">Upload</button>
				  </span>
				</div>
			</form>
		<?php
		}
		?>
			<center>
				<img id="loading" src="<?php echo Yii::app()->theme->baseUrl.'/assets/loading.gif';?>"/>
			</center>
		<div id="foto" class="row">
		<?php
		$foto=Foto::model()->findAll(array("condition"=>"id_sandar='$model->id_sandar'","order"=>"id_foto DESC"));
		foreach($foto as $row){
			echo'
			<div class="col-md-2" style="height:120px;overflow:hidden;border:1px solid #ccc;background:#efefef;;cursor:pointer">
			<a href="'.Yii::app()->createUrl("sandar/hapus",array("id"=>$row->id_foto)).'">Hapus</a>
			<a rel="image_gallery" href="'.Yii::app()->baseUrl.'/Upload/'.$row->file.'">
				<img src="'.Yii::app()->baseUrl.'/Upload/'.$row->file.'" class="img-responsive" rel="'.$row->file.'" id="selector" alt="'.$row->file.'"/>
			</a>

			</div>
			';
		}
		?>
		</div>

		<hr>
		<?php
		if($model->status=="Penugasan Lapangan" OR $model->status=="Konfirmasi Hasil"){
			$u=User::model()->findByPk(Yii::app()->user->id);
			$petugas=json_decode($model->id_pemeriksa);
			if(in_array($u->id_petugas,$petugas) OR $model->id_atasan==$u->id_petugas){
			echo'<table class="table table-bordered">';
			$pemeriksaan=JenisPemeriksaan::model()->findAll();
			foreach($pemeriksaan as $row){
				$cek=Pemeriksaan::model()->find(array("condition"=>"id_sandar='$model->id_sandar' AND id_jenis_pemeriksaan='$row->id_jenis_pemeriksaan'"));
				echo'
					<tr>
					<th>'.$row->nama_pemeriksaan.'</th>
					';
				if($cek!=NULL){
					if($cek->id_petugas_pemeriksa==$u->id_petugas OR $cek->id_petugas_kepala==$u->id_petugas){
						if($cek->id_petugas_kepala==$u->id_petugas){
							if($cek->status_pemeriksaan=="Proses Otorisasi"){
								echo '<td><a href="'.Yii::app()->createUrl('pemeriksaan/isi',array("id"=>$cek->id_pemeriksaan)).'" class="btn btn-danger"><i class="fa fa-check"></i> '.$row->nama_pemeriksaan.' - '.$cek->idPetugasPemeriksa->nama_petugas.'<br/>( Klik Untuk Mengotorisasi )</a></td>';
							}else{
								echo '<td>'.$cek->idPetugasPemeriksa->nama_petugas.' ( '.$cek->status_pemeriksaan.' )<br/>';

								echo'<div id="accordion'.$cek->id_pemeriksaan.'" class="panel-group">';
									$this->renderPartial("list_pemeriksaan",array("row"=>$cek));
								echo'</div>';
								echo'</td>';
							}
						}elseif($cek->id_petugas_pemeriksa==$u->id_petugas){
							echo '<td>'.$cek->status_pemeriksaan.'<br/><a href="'.Yii::app()->createUrl('pemeriksaan/isi',array("id"=>$cek->id_pemeriksaan)).'" class="btn btn-success"><i class="fa fa-check"></i> '.$row->nama_pemeriksaan.' - '.$cek->idPetugasPemeriksa->nama_petugas.'<br/>( Klik Untuk Mengisi Pemeriksaan )</a></td>';
						}
					}else{
						echo '<td>'.$cek->idPetugasPemeriksa->nama_petugas.' ( '.$cek->status_pemeriksaan.' )<br/>';

						echo'<div id="accordion'.$cek->id_pemeriksaan.'" class="panel-group">';
							$this->renderPartial("list_pemeriksaan",array("row"=>$cek));
						echo'</div>';
						echo'</td>';
					}
				}else{
					if(Lib::accessBy("pemeriksaan","konfirmasi")==true){
						echo'<td>';
						foreach($petugas as $z){
							echo '<a href="'.Yii::app()->createUrl("pemeriksaan/konfirmasi",array("idSandar"=>$model->id_sandar,"idJenis"=>$row->id_jenis_pemeriksaan,"idPetugas"=>$z)).'" class="btn btn-warning" onclick="return confirm(\'Apakah Yakin akan Menugaskan pemeriksaan ini?\');"><i class="fa fa-question-circle"></i> '.Sandar::getPetugas($z).'<br/> ( Klik Untuk Konfirmasi )</a>';
						}
						echo'</td>';
					}
				}
				echo'</tr>';
			}
			echo'</table>';
			}
		}elseif($model->status=="Selesai"){
			$cek=Pemeriksaan::model()->findAll(array("condition"=>"id_sandar='$model->id_sandar'"));
			echo'<div id="accordion" class="panel-group">';
			foreach($cek as $row){

				$this->renderPartial("selesai_pemeriksaan",array("row"=>$row));

			}
			echo'</div>';
		}
		?>
		</div>
	</div>
</div>


<script>
// Initialize and add the map
function initMap() {
	var myLatlng = new google.maps.LatLng(<?=$model->lat;?>,<?=$model->lon;?>);
	var myOptions = {
		zoom: 17,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("map"), myOptions);

	var marker = new google.maps.Marker({
		position: myLatlng,
		title: 'Posisi Anda',
		map: map,
	  });


	google.maps.event.addListener(marker, "dragend", function(event) {
		LAT = event.latLng.lat();
		LNG = event.latLng.lng();
		document.getElementById("Sandar_lat").value = LAT;
		document.getElementById("Sandar_lon").value = LNG;
	});
}
google.maps.event.addDomListener(window, 'load', initMap);
</script>
<!--Load the API from the specified URL
* The async attribute allows the browser to render the page while the API loads
* The key parameter will contain your own API key (which is not needed for this tutorial)
* The callback parameter executes the initMap() function
-->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBJtrcRe-r-uY2LjnknYRmYRXusRAd3Qp4&callback=initMap">
</script>


<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/assets/js/source/jquery.fancybox.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("a[rel=image_gallery]").fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});
	});
</script>
<link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/assets/js/source/jquery.fancybox.css" />