@extends('be.layout-index')
@section('content')
@php
$modul="Pelapor";
$modula="m_pelapor";
$id='';
$nama='';
$nm_user='';
$sandi='';
$aktif='';
$aktifnm='';
$jenis_noidentitasnm='';
$no_identitas='';
$katpelapornm='';
$kappelapornm='';
$tempat_lahir='';
$tanggal_lahir='';
$jenis_kelamin='';
$jabatan='';
$pekerjaannm='';
$pekerjaan_lain='';
$warganegaranm='';
$alamat='';
$provinsinm='';
$kabkotanm='';
$hp='';
$fax='';
$email='';
$foto_diri='';
$foto_identitas='';
$wilayah='';
$stsvalidnm='';
$stsvalid_date=null;
$locus_daftar='';
if(isset($data)){
	$id=$data->id_user;
	$nama=$data->nama;
	$nm_user=$data->nm_user;
	$sandi=$data->sandi;
	$aktif=$data->aktif;
	$aktifnm=$data->aktifnm;
	$jenis_noidentitasnm=$data->jenis_noidentitasnm;
	$no_identitas=$data->no_identitas;
	$katpelapornm=$data->katpelapornm;
	$kappelapornm=$data->kappelapornm;
	$tempat_lahir=$data->tempat_lahir;
	$tanggal_lahir=konversi_tanggal("d M Y",$data->tanggal_lahir);
	$jenis_kelamin=$data->jenis_kelamin;
	$jabatan=$data->jabatan;
	$pekerjaannm=$data->pekerjaannm;
	$pekerjaan_lain=$data->pekerjaan_lain;
	$warganegaranm=$data->warganegaranm;
	$alamat=$data->alamat;
	$provinsinm=$data->provinsinm;
	$kabkotanm=$data->kabkotanm;
	$hp=$data->hp;
	$fax=$data->fax;
	$email=$data->email;
	$foto_diri=$data->foto_diri;
	$foto_identitas=$data->foto_identitas;
	$wilayah=$data->wilayah;
	$stsvalidnm=$data->stsvalidnm;
	$stsvalid_date=$data->stsvalid_date;
	$locus_daftar=$data->locus_daftar;
}
if($foto_diri==''){
	$foto_diri='profil.jpg';
}
@endphp
<style>
.status_aktif{
	color:green;
	font-weight:100;
}
.status_tidakaktif{
	color:red;
	font-weight:400;
}
.foto{
  width: 160px;
  height: 160px;
  margin-bottom:20px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
</style>
<div class="row">
   <div class="col-12">
       <div class="card">
           <div class="card-body">
			
<div class="panel-default">
	<div class="content-box-header  panel-heading">
		<div class="panel-title"></div>
	</div>
	<div class="content-box-large box-with-header">
		
        <div class="col-12">
			<div class="row">
				<div class="col-sm-3">
					<img class="foto" src="{{asset('media/uploads/foto/'.$foto_diri)}}">
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group row">
						<label class="col-sm-4 control-label">Nama</label>
						<div class="col-sm-7">
							{!!$nama!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Jenis Identitas</label>
						<div class="col-sm-3">
							{!!$jenis_noidentitasnm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">No Identitas</label>
						<div class="col-sm-7">
							{!!$no_identitas!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Kategori Pelapor</label>
						<div class="col-sm-8">
							{!!$katpelapornm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Kapasitas Pelapor</label>
						<div class="col-sm-8">
							{!!$kappelapornm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Tempat Lahir</label>
						<div class="col-sm-8">
							{!!$tempat_lahir!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Tanggal Lahir</label>
						<div class="col-sm-5 input-group">
							{!!$tanggal_lahir!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Jenis Kelamin</label>
						<div class="col-sm-7">
							{!!$jenis_kelamin!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Pekerjaan</label>
						<div class="col-sm-7">
							{!!$pekerjaannm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Kewarganegaraan</label>
						<div class="col-sm-2">
							{!!$warganegaranm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Status</label>
						<div class="col-sm-5 {!!($aktifnm=='Aktif'?'status_aktif':'status_tidakaktif')!!}">{!!$aktifnm!!}</div>
					</div>
				</div>				
				<div class="col-sm-6">
					<div class="form-group row">
						<label class="col-sm-4 control-label">Alamat</label>
						<div class="col-sm-8">
							{!!$alamat!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Propinsi</label>
						<div class="col-sm-6">
						   {!!$provinsinm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Kabupaten/Kota</label>
						<div class="col-sm-6">
						   {!!$kabkotanm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">HP</label>
						<div class="col-sm-5">{!!$hp!!}</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Email</label>
						<div class="col-sm-5">{!!$email!!}</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Foto Diri</label>
						<div class="col-sm-5">
							@if($foto_diri!="")
								<a href="{!!asset('media/uploads/foto/'.$foto_diri)!!}" target="_blank" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>
							@endif
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Foto Identitas</label>
						<div class="col-sm-5">
							@if($foto_identitas!="")
								<a href="{!!asset('media/uploads/foto/'.$foto_identitas)!!}" target="_blank" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>
							@endif
						</div>
					</div>
					<div class="form-group row" >
						<label class="col-sm-4 control-label">Diaktifkan oleh</label>
						<div class="col-sm-5">
							{!!$stsvalidnm!!}
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-4 control-label">Tanggal aktif</label>
						<div class="col-sm-5">
							{!!konversi_tanggal('j M Y H:i:s',$stsvalid_date)!!}
						</div>
					</div>
				</div>
			</div>
			@if(session('be_urole')!=4)
				<div class="row">
					<div class="col-sm-6">
						@if($wilayah==session('be_uwilayah')||$locus_daftar==session('be_uwilayah')||session('be_urole')==3)
							<a href="javascript:aktif()" class="btn btn-primary btn-sm"><i class='fa fa-repeat'></i> {{ ($aktifnm=='Aktif'?'Non Aktifkan':'Aktifkan') }}</a>
						@endif
						<a id="kirim_notif" class="btn btn-info btn-sm"><i class='fa fa-repeat'></i> Notifikasi</a>
						<a href="javascript:tidak_valid()" class="btn btn-danger btn-sm"><i class='fa fa-repeat'></i> Tidak Valid</a>
						<a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Back</a>
					</div>
				</div>
			@endif
			<div class=row style='height:30px'></div>			
					 
        </div>
	</div>
</div>
            </div>
        </div>
    </div>
</div>

<form name=frm id=frm method=post action='{{route('m_pelapor.aktivasi')}}'>
@csrf
<input type=hidden id=id name=id value="{{$id}}">
<input type=hidden id=aktif name=aktif value="{{$aktif}}">
</form>
<form name=frm1 id=frm1 method=post action='{{route('m_pelapor.tidak_valid')}}'>
@csrf
<input type=hidden id=id name=id value="{{$id}}">
</form>
<script>
function aktif(p){
	s='{!!($aktif==1?"non aktif":"aktif")!!}'
	if(confirm('Pelapor akan di'+s+'kan ?')){
		$('#frm').submit();
	}
}
function tidak_valid(){
	if(confirm('Data pelapor tidak valid ?')){
		$('#frm1').submit();
	}
}
$('#kirim_notif').on('click',function(){
     $('#Modal_Notif').modal('show');
});
$('#btn_notif').on('click',function(){
var frm = document.getElementById("frmnotif");
var formData = new FormData(frm);
formData.append('_token', '{{csrf_token()}}')
if($('#notif').val()==''){
	alert('Pesan notifikasi harus diisi terlebih dahulu')
}
else{
	$.ajax({
	    type: "POST",
	    url: "{!!route('m_pelapor.save_notif')!!}",
	    data: formData,
	    contentType: false,
	    processData: false,
	    beforeSend: function() {
	    },
	    success: function(msg){
			$('#Modal_Notif').modal('hide');
			$('#notif').val('');
	    },
	    error: function() {
			alert('error')
	    }
	});
}
});
</script>
@endsection