@extends('layouts.app')

@section('style')
@endsection

@section('content')
<h1 class="h3 mb-2 text-gray-800">Daftar Permohonan</h1>

<div class="card shadow mb-4">
	<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
		<h6 class="m-0 font-weight-bold text-primary">Detail Permohonan -:- {{$permohonan->tiket}}</h6>
		<div>
			<button class="btn btn-sm btn-success proses" title="Proses"><i class="fas fa-fw fa-cogs"></i></button>
			<button class="btn btn-sm btn-warning status" title="Status" {{($permohonan->statusterakhir() ? '' : 'disabled')}}><i class="fas fa-fw fa-edit"></i></button>
			<a href="{{route('kelolapermohonan')}}" class="btn btn-sm btn-danger" title="Kembali"><i class="fas fa-fw fa-arrow-circle-left"></i></a>
		</div>
	</div>
	<div class="card-body">
		<form>
			<div class="form-group">
				<label>Tiket</label>
				<input type="text" class="form-control" value="{{$permohonan->tiket}}" readonly>
			</div>
			<div class="form-group">
				<label>Nama</label>
				<input type="text" class="form-control" value="{{$permohonan->nama}}" readonly>
			</div>
			<div class="form-group">
				<label>NIK</label>
				<input type="text" class="form-control" value="{{$permohonan->nik}}" readonly>
			</div>
			<div class="form-group">
				<label>File NIK</label>
				<div class="col-12">
					<img src="{{Storage::url($permohonan->filenik)}}" style="width:500px;">
				</div>
			</div>
			<div class="form-group">
				<label>e-Mail</label>
				<input type="text" class="form-control" value="{{$permohonan->email}}" readonly>
			</div>
			<div class="form-group">
				<label>Telepon</label>
				<input type="text" class="form-control" value="{{$permohonan->telepon}}" readonly>
			</div>
			<div class="form-group">
				<label>Faksimili</label>
				<input type="text" class="form-control" value="{{$permohonan->faksimili}}" readonly>
			</div>
			<div class="form-group">
				<label>Jenis Pemohon</label>
				<input type="text" class="form-control" value="{{$permohonan->jenis}}" readonly>
			</div>
			<div class="form-group">
				<label>File Akta</label>
				<div class="col-12">
					@if($permohonan->fileakta)
						<object data="{{Storage::url($permohonan->fileakta)}}" style="width: 100%;height: 700px;"></object>
					@else
						<h4>Tidak Ada File di Upload</h4>
					@endif
				</div>
			</div>
			<div class="form-group">
				<label>Alamat</label>
				<textarea type="text" class="form-control" cols="30" rows="7" readonly>{{$permohonan->alamat}}</textarea>
			</div>
			<div class="form-group">
				<label>Rincian informasi yang dibutuhkan</label>
				<textarea type="text" class="form-control" cols="30" rows="7" readonly>{{$permohonan->rincian}}</textarea>
			</div>
			<div class="form-group">
				<label>Tujuan penggunaan informasi</label>
				<textarea type="text" class="form-control" cols="30" rows="7" readonly>{{$permohonan->tujuan}}</textarea>
			</div>
			<div class="form-group">
				<label>Cara memperoleh informasi</label>
				<input type="text" class="form-control" value="{{$permohonan->cara}}" readonly>
			</div>
			<div class="form-group">
				<label>Cara mendapatkan salinan informasi</label>
				<input type="text" class="form-control" value="{{$permohonan->caramendapatkan}}" readonly>
			</div>
		</form>
	</div>
</div>

@endsection

@section('modal')
@endsection

@section('script')
<script>
	jQuery(function($) {
		$(".proses").on("click",function(){
			bootbox.alert(	'<table class="table table-bordered" width="100%" cellspacing="0">'+
								'<thead>'+
									'<tr>'+
										'<th>Tanggal</th>'+
										'<th>Status</th>'+
										'<th>Keterangan</th>'+
										'<th>file</th>'+
									'</tr>'+
								'</thead>'+
	                				@foreach($permohonan->statuspermohonan as $row)
										'<tr>'+
											'<td>{{$row->created_at->locale("in")->isoFormat("dddd, DD MMMM YYYY, HH:mm:ss")}}</td>'+
											'<td>{{$row->status}}</td>'+
											'<td>{{$row->keterangan}}</td>'+
											'<td>{!!(isset($row->file) ? "<a href=".Storage::url($row->file)." target=_blank>Ada</a>" : "Tidak Ada")!!}</td>'+
										'</tr>'+
									@endforeach
							'</table>'
							);
		});
		$(".status").on("click",function(){
			var stat = bootbox.dialog({ 
			    title: 'Status',
			    message: 	'<form id="modalform" action="{{route("statuspermohonan",$permohonan->id)}}" method="POST" enctype="multipart/form-data">'+
								'@method("PUT")'+
								'@csrf'+
								'<div class="form-group">'+
									'<label for="status">Status</label>'+
									'<select class="form-control" id="status" name="status">'+
									'<option value="">-- Pilih Status --</option>'+
									'<option value="Tolak">Tolak</option>'+
									'<option value="Proses" {{(isset($permohonan->statuspermohonan->last()->status) ? ($permohonan->statuspermohonan->last()->status == "Proses" ? "selected" : "") : "")}}>Proses</option>'+
									'<option value="Selesai">Selesai</option>'+
									'</select>'+
								'</div>'+
								'<div class="form-group">'+
									'<label for="keterangan">Keterangan</label>'+
									'<textarea class="form-control" id="keterangan" name="keterangan" rows="3" placeholder="{{(isset($permohonan->statuspermohonan->last()->keterangan) ? $permohonan->statuspermohonan->last()->keterangan : "")}}"></textarea>'+
								'</div>'+
								'<div class="form-group">'+
									'<label for="upload">Upload File</label>'+
									'<div class="input-group">'+
										'<div class="custom-file">'+
										'<input type="file" name="upload" class="custom-file-input" id="upload">'+
										'<label class="custom-file-label" for="upload">Pilih File...</label>'+
										'</div>'+
									'</div>'+
									'<label for="upload" class="error"></label>'+
								'</div>'+
			    			'</form>',
			    size: 'large',
			    onEscape: true,
			    backdrop: true,
			    buttons: {
			        fee: {
			            label: 'Ok',
			            className: 'btn-primary',
			            callback: function(){
			            	$("#modalform").submit();
			            	return false;
			            }
			        }
			    }
			});
			stat.on('shown.bs.modal', function () {
				$("#modalform").validate({
					rules: {
						status: "required",
						keterangan: "required",
						// 			{
						// 				required: function() {
						// 					if($("#status").val() == "Tolak"){
						// 						return true;
						// 					}else{
						// 						return false;
						// 					}
						// 				}
						// 			},
						upload: {
							accept: "image/*"
						},
					},
					messages: {
						status: "Status harus di pilih",
						keterangan: "Keterangan tidak boleh kosong",
						upload: "File tidak sesuai",
					}
				});

				$('#upload').on('change',function(){
	                var namafile = $(this).val();
	                if(namafile){
	                	$(this).next('.custom-file-label').html(namafile.replace('C:\\fakepath\\', ""));
	                }else{
	                	$(this).next('.custom-file-label').html("Pilih File...");
	                }
	            });
			})
		});

	})
</script>
@endsection