@extends('be.layout-index')
@section('content')
@php
$modul="Pelaporan";
$modula="laporan";
$id = '';
$no = '';
$no_offline = '';
$tgl_offline='';
$no_registrasi = '';
$pelapornm = '';
$id_tahapan = '';
$tahapannm = '';
$jeniswilpemilihan = '';
$waktukejadian = '';
$waktukejadian_time = '';
$waktudiketahui = '';
$waktudiketahui_time = '';
$ringkasan = '';
$tempatkejadian = '';
$uraian = '';
$stsvalidnm="";
$stsvalid_date=null;
$ststsmnm='';
$stsvalidnama='';
$stslap='';
$stslap_bynm='';
$stslap_date='';
$keterangan='';
if(isset($data)){
	$id = $data->id;
	$no = $data->no;
	$no_offline = $data->no_offline;
	$tgl_offline=$data->tgl_offline;
	$no_registrasi = $data->no_registrasi;
	$pelapornm = $data->pelapornm;
	$id_tahapan = $data->id_tahapan;
	$tahapannm = $data->tahapannm;
	$jeniswilpemilihan = $data->jeniswilpemilihan;
	$waktukejadian = $data->waktukejadian;
	$waktukejadian_time = $data->waktukejadian_time;
	$waktudiketahui = $data->waktudiketahui;
	$waktudiketahui_time = $data->waktudiketahui_time;
	$ringkasan = $data->ringkasan;
	$tempatkejadian = $data->tempatkejadian;
	$uraian = html_entity_decode($data->uraian);
	$stsvalidnm = $data->stsvalidnm;
	$stsvalid_date = $data->stsvalid_date;
	$ststsmnm = $data->ststsmnm;
	$stsvalidnama = $data->stsvalidnama;
	$stslap = $data->stslap;
	$stslap_bynm = $data->stslap_bynm;
	$stslap_date = $data->stslap_date;
	$keterangan = $data->keterangan;
}
@endphp
<style>
.headmin-kmptns{
	height:20px;
	line-height:65px;
  	cursor: pointer;
	font-size:11pt;
	margin-left:35px;
	margin-top:-20px;
	padding-top:-20px;
}
.hd-kmptns{
	border-bottom:1px solid #bcbcbc;
	margin-right:0px;
	margin-left:10px;
	padding-top:10px;
	width:100%;
}
.btn-kmptns{
  	color: #666666;
	margin-left:-20px;
}
.btn-kmptns:after {
  content: url("{{asset('media/media/image/panahbawaha.png')}}");
  color: #000;
  font-weight: bold;
  float: left;
}
.btn-kmptns.collapsed:after {
  content: url("{{asset('media/image/panahkanana.png')}}");
}


.headmin-kmptnsa{
	height:20px;
	line-height:65px;
  	cursor: pointer;
	font-size:11pt;
	margin-left:35px;
	margin-top:-20px;
	padding-top:-20px;
}
.hd-kmptnsa{
	border-bottom:1px solid #bcbcbc;
	margin-right:0px;
	margin-left:10px;
	padding-top:10px;
	width:100%;
}
.btn-kmptnsa{
  	color: #666666;
	margin-left:-20px;
}
.btn-kmptnsa:after {
  content: url("{{asset('media/image/panahbawaha.png')}}");
  color: #000;
  font-weight: bold;
  float: left;
}
.btn-kmptnsa.collapsed:after {
  content: url("{{asset('media/image/panahkanana.png')}}");
}
.jdla{
	font-size:11pt;
	color:#000;
	line-height:1.5;
}
.subjdl{
	font-size:11pt;
	font-weight:bold;
}
.isicol{
	margin-top:10px;
	margin-left:10px;
}

.komp{
	width:95%;
}
.jdl{
	font-size:11pt;
	font-weight:bold;
}
.jdla{
	font-size:11pt;
	color:#000;
	line-height:1.5;
}
.panel-group{
	width:102%!important;
	margin-left:-10px;
}

.padtop{
	margin-top:10px;
}
</style>
<div class="row">
   <div class="col-12">
       <div class="card">
           	<div class="card-body">
			
<div class="panel-default">
    <div class="row">
		<div class="col-10 title">
			{!!$title!!}
        </div>
    </div>     
	<div style="height:10px"></div>
	<div class="content-box-large box-with-header">
            <div class="row">
				<div class="col-12">
  						   
					   <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading1">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
				            <div class="headmin-kmptns" align=left>Peristiwa</div>
				          </a>
				        </div>
				        <div id="collapse1" class="collapse isicol show" role="tabpanel" aria-labelledby="heading1" data-parent="#accordionEx">
				          <div class="card-body">
							<div class="col-12">
								<div class="row">
				                    <div class="col-sm-6">
										<div class="form-group row">
										    <label class="col-sm-4 control-label">No</label>
											<div class="col-sm-7 tebal">{!!$no!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">No Registrasi</label>
											<div class="col-sm-7 tebal">{!!$no_registrasi!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">No Offline</label>
											<div class="col-sm-7 tebal">{!!$no_offline!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">Tanggal Penyampaian Laporan Offline</label>
											<div class="col-sm-7 tebal">{!!konversi_tanggal('j M Y H:i:s',$tgl_offline)!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">Pelapor/Penemu</label>
											<div class="col-sm-7 tebal">{!!$pelapornm;!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">Kategori</label>
											<div class="col-sm-7">{!!$jeniswilpemilihan;!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">Waktu kejadian</label>
											<div class="col-sm-7">{!!konversi_tanggal('j M Y',$waktukejadian).' '.$waktukejadian_time;!!}</div>
										</div>
										<div class="form-group row">
										    <label class="col-sm-4 control-label">Tanggal diketahui</label>
											<div class="col-sm-7">{!!konversi_tanggal('j M Y',$waktudiketahui).' '.$waktudiketahui_time;!!}</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group row">
											<label class="col-sm-4 control-label">Peristiwa singkat</label>
											<div class="col-sm-8">{!!$ringkasan;!!}</div>
										</div>
										<div class="form-group row">
											<label class="col-sm-4 control-label">Tempat kejadian</label>
											<div class="col-sm-8">{!!$tempatkejadian;!!}</div>
										</div>
										@if($keterangan!='')
											<div class="form-group row">
												<label class="col-sm-4 control-label">Keterangan</label>
												<div class="col-sm-8">{!!$keterangan!!}</div>
											</div>
										@endif
									</div>
								</div>
							</div>
				          </div>
				        </div>
				      </div>
					  
					  <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading7">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse2" aria-expanded="true" aria-controls="collapse7">
				            <div class="headmin-kmptns" align=left>Pelapor/Penemu Lain</div>
				          </a>
				        </div>
				        <div id="collapse7" class="collapse isicol" role="tabpanel" aria-labelledby="heading7" data-parent="#accordionEx">
				          <div class="card-body">
							<div class="col-10">
								<table class="table table-bordered table-hover display responsive" id="tableterlapor" width="100%">
						        <thead>
						          <tr>
							            <th class="text-center" width=5%>No</th>
							            <th class="text-center" width=35%>Nama</th>
							            <th class="text-center" width=45%>Alamat</th>
							            <th class="text-center" width=20%>HP</th>
						          </tr>
						        </thead>
						        <tbody id="tbody">
									@php 
										$configfoot="$('#tableterlapor').DataTable();";
									    $notif_idx=1;
										foreach($m_pelaporlain as $item)
										{
											echo '
											<tr>
												<td>'.$notif_idx.'</td>
												<td>'.$item->nama.'</td>
												<td>'.$item->alamat.'</td>
												<td>'.$item->hp.'</td>
											</tr>
											';
											$notif_idx++;
										}
									@endphp
						        </tbody>
						      </table>
							  </div>
				          </div>
				        </div>
				      </div>
					  
					  <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading2">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse2" aria-expanded="true" aria-controls="collapse2">
				            <div class="headmin-kmptns" align=left>Terlapor</div>
				          </a>
				        </div>
				        <div id="collapse2" class="collapse isicol" role="tabpanel" aria-labelledby="heading2" data-parent="#accordionEx">
				          <div class="card-body">
							<div class="col-10">
								<table class="table table-bordered table-hover display responsive" id="tableterlapor" width="100%">
						        <thead>
						          <tr>
								  	@if($id_jenislaporan!=3)
							            <th class="text-center" width=5%>No</th>
							            <th class="text-center" width=35%>Nama</th>
							            <th class="text-center" width=45%>Alamat</th>
							            <th class="text-center" width=20%>HP</th>
									@else
							            <th class="text-center" width=5%>No</th>
							            <th class="text-center" width=35%>Nama</th>
							            <th class="text-center" width=25%>Alamat</th>
							            <th class="text-center" width=20%>Pekerjaan</th>
							            <th class="text-center" width=15%>HP</th>
									@endif
						          </tr>
						        </thead>
						        <tbody id="tbody">
									@php 
										$configfoot="$('#tableterlapor').DataTable();";
									    $notif_idx=1;
										foreach($m_terlapor as $item)
										{
											echo '
											<tr>
												<td>'.$notif_idx.'</td>
												<td>'.$item->nama.'</td>
												<td>'.$item->alamat.'</td>';
												if($id_jenislaporan==3){
													echo '<td>'.$item->pekerjaan.'</td>';
												}
												echo '<td>'.$item->hp.'</td>
											</tr>
											';
											$notif_idx++;
										}
									@endphp
						        </tbody>
						      </table>
							  </div>
				          </div>
				        </div>
				      </div>
					  
					  @if($id_jenislaporan!=3)
					   <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading3">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse3" aria-expanded="true" aria-controls="collapse3">
				            <div class="headmin-kmptns" align=left>Saksi</div>
				          </a>
				        </div>
				        <div id="collapse3" class="collapse isicol" role="tabpanel" aria-labelledby="heading3" data-parent="#accordionEx">
				          <div class="card-body">
						  	<div class="col-10">
								<table class="table table-bordered table-hover display responsive" id="tablesaksi" width="100%">
						        <thead>
						          <tr>
						            <th class="text-center" width=5%>No</th>
						            <th class="text-center" width=35%>Nama</th>
						            <th class="text-center" width=45%>Alamat</th>
						            <th class="text-center" width=20%>HP</th>
						          </tr>
						        </thead>
						        <tbody id="tbody">
									@php 
										$configfoot="$('#tablesaksi').DataTable();";
									    $notif_idx=1;
										foreach($m_saksi as $item)
										{
											echo '
											<tr>
												<td>'.$notif_idx.'</td>
												<td>'.$item->nama.'</td>
												<td>'.$item->alamat.'</td>
												<td>'.$item->hp.'</td>
											</tr>
											';
											$notif_idx++;
										}
									@endphp
						        </tbody>
						      </table>
							</div>
				          </div>
				        </div>
				      </div>
					 @endif
					  <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading5">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
				            <div class="headmin-kmptns" align=left>Bukti</div>
				          </a>
				        </div>
				        <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx">
				          <div class="card-body">
				            <div class="col-7">
								<table class="table table-bordered table-hover display responsive" id="tablebukti" width="100%">
						        <thead>
						          <tr>
						            <th class="text-center" width=5%>No</th>
						            <th class="text-center" width=75%>Deskripsi</th>
						            <th class="text-center" width=20%>File</th>
						          </tr>
						        </thead>
						        <tbody id="tbody">
									@php 
										$configfoot="$('#tablebukti').DataTable();";
									    $notif_idx=1;
										foreach($m_bukti as $item)
										{
											$file=(isset($item->file)!=""?'<a href="'.media_url().'uploads/laporan/'.$item->file.'" target="_blank"><button type="button" class="btn btn-primary btn-sm" onclick=><i class="ti-download"></i> Download</button></a>':'');
											echo '
											<tr>
												<td>'.$notif_idx.'</td>
												<td>'.$item->deskripsi.'</td>
												<td>'.$file.'</td>
											</tr>
											';
											$notif_idx++;
										}
									@endphp
						        </tbody>
						      </table>
							</div>
				          </div>
				        </div>
				     </div>
					 
					 @if($id_jenislaporan==3)
					  <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading7">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse7" aria-expanded="false" aria-controls="collapse7">
				            <div class="headmin-kmptns" align=left>Petitum</div>
				          </a>
				        </div>
				        <div id="collapse7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx">
				          <div class="card-body">
				            <div class="col-7">
							   <table class="table table-bordered table-hover display responsive" id="tablepetitum" width="100%">
						        <thead>
						          <tr>
						            <th class="text-center" width=5%>No</th>
						            <th class="text-center" width=95%>Deskripsi</th>
						          </tr>
						        </thead>
						        <tbody id="tbody">
									@php 
										$configfoot="$('#tablepetitum').DataTable();";
									    $notif_idx=1;
										foreach($m_petitum as $item)
										{
											echo '
											<tr>
												<td>'.$notif_idx.'</td>
												<td>'.$item->deskripsi.'</td>
											</tr>
											';
											$notif_idx++;
										}
									@endphp
						        </tbody>
						      </table>
							</div>
				          </div>
				        </div>
				     </div>
					 @endif
					 <div class="card">
				        <div class="col-md-12 col-sm-12 col-xs-12 hd-kmptns" role="tab" id="heading6">
				          <a class="btn btn-kmptns collapsed col-md-12" data-toggle="collapse" data-parent="#accordionEx" href="#collapse6" aria-expanded="false" aria-controls="collapse6">
				            <div class="headmin-kmptns" align=left>Uraian</div>
				          </a>
				        </div>
				        <div id="collapse6" class="collapse" role="tabpanel" aria-labelledby="heading6" data-parent="#accordionEx">
				          <div class="card-body">
				            <div class="col-12">
								{!!$uraian!!}
							</div>
				          </div>
				        </div>
				     </div>
					 <div class="row" style="height:15px"></div>
					  <div class="row">
						<div class="col-sm-8">
							<div class="form-group row"style="margin-left:13px">
								<label class="col-sm-{!!($stsvalidnm!=""?'3':'2')}} control-label">Validasi</label>
								<div class="col-sm-9">
									@php 
									if($stsvalidnama!=""){
										echo '<font color=green>Laporan sudah divalidasi oleh '.$stsvalidnm.' pada tanggal '.konversi_tanggal('j M Y H:i:s',$stsvalid_date).'</font>';
									}
									else{
										echo '<font color=red>Laporan belum divalidasi</font>';
									}
									@endphp
								</div>
							</div>
							<div class="form-group row"style="margin-left:13px">
								<label class="col-sm-{!!($stsvalidnm!=""?'3':'2')}} control-label">Tahapan</label>
								<div class="col-sm-5">
									@php 
									if($tahapannm!=""){
										echo $tahapannm;
									}
									@endphp
								</div>
							</div>
							<div class="form-group row"style="margin-left:13px">
								<label class="col-sm-{!!($stsvalidnm!=""?'3':'2')}} control-label">Status</label>
								<div class="col-sm-9">
									@php 
									if($stslap==0){
										echo 'Laporan masih proses untuk diregistrasi';
									}
									elseif($stslap==1){
										echo '<font color=green>Laporan sudah diregistrasi oleh '.$stslap_bynm.' pada tanggal '.konversi_tanggal('j M Y H:i:s',$stslap_date).'</font>';
									}
									elseif($stslap==2){
										echo '<font color=red>Laporan tidak diregistrasi oleh '.$stslap_bynm.' pada tanggal '.konversi_tanggal('j M Y H:i:s',$stslap_date).'</font>';
									}
									@endphp
								</div>
							</div>
						</div>
					  </div>
					  
					  <div class="row">
						<div class="col-sm-6">
							<div class="form-group" style="margin-left:13px">
								<div class="col-sm-offset-2 col-sm-10">
									<a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Back</a>
								</div>
							</div>
						</div>
					  </div>
					  
				</div>
			</div>	
	</div>
</div>

			</div>
        </div>
    </div>
</div>
@endsection