@extends('be.layout-index')
@section('content')
@php
$modul="Pelaporan";
$modula="m_laporan";
$id = null;
$id_pelapor = '';
$id_katpelapor='';
$pelapornm = '';
$no = '';
$no_offline = '';
$tgl_offline = '';
$id_jenispemilihan = '';
$wilprovinsi = '';
$wilprovinsinm='';
$wilkabkota = '';
$wilkecamatan='';
$wilkabkotanm='';
$ringkasan = '';
$jenistempatkejadian = '';
$locus = '';
$kecamatan = '';
$kejadianprovinsi = '';
$kejadianprovinsinm='';
$kejadiankabkota = '';
$kejadiankecamatan = '';
$kejadiankabkotanm='';
$kejadiannegara = '';
$kejadianalamat = '';
$waktukejadian = null;
$waktudiketahui = null;
$waktukejadian_time = '';
$waktudiketahui_time = '';
$wilayah = '';
$uraian = '';
$penerimalap = '';
$create_by = '';
$create_date = '';
$edit_by = '';
$edit_date = '';
$m_jenislaporan = '';
$jenispemilihannm='';
$stsdibuat='';

$dwilprovinsi='hide';
$dwilkabkota='hide';
$dwilprovinsia='hide';
$dwilkabkotaa='hide';
$dkejadianprovinsi='hide';
$dkejadiankabkota='hide';
$dkejadianprovinsib='hide';
$dkejadiankotab='hide';
$dkejadiankotabb='hide';
$dkejadianalamat='hide';
$dkejadianalamata='hide';
$dkejadiannegara='hide';

$dkejadianprovinsi='hide';
$dkejadiankabkota='hide';
$dkejadianalamat='hide';
$dkejadianalamata='hide';
$dkejadiannegara='hide';

$index_petitum=0;
$index_saksi=0;
$index_bukti=0;
$index_terlapor=0;

$ststsm=0;
if(isset($data)){
    $id = $data->id;
    $id_pelapor = $data->id_pelapor;
    $id_katpelapor = $data->id_katpelapor;
    $pelapornm = $data->pelapornm;
    $no = $data->no;
    $no_offline = $data->no_offline;
    $tgl_offline = $data->tgl_offline;
    $id_jenislaporan = $data->id_jenislaporan;
    $id_jenispemilihan = $data->id_jenispemilihan;
    $wilprovinsi = $data->wilprovinsi;
    $wilprovinsinm = $data->wilprovinsinm;
    $wilkabkota = $data->wilkabkota;
    $wilkecamatan = $data->wilkecamatan;
    $wilkabkotanm = $data->wilkabkotanm;
    $ringkasan = $data->ringkasan;
    $jenistempatkejadian = $data->jenistempatkejadian;
    $locus = $data->locus;
    $kecamatan = $data->kecamatan;
    $kejadianprovinsi = $data->kejadianprovinsi;
    $kejadianprovinsinm = $data->kejadianprovinsinm;
    $kejadiankabkota = $data->kejadiankabkota;
    $kejadiankabkotanm = $data->kejadiankabkotanm;
    $kejadiankecamatan = $data->kejadiankecamatan;
    $kejadianalamat = $data->kejadianalamat;
    $kejadiannegara = $data->kejadiannegara;
    $waktukejadian = IndonesiaTgl($data->waktukejadian);
    $waktukejadian_time = $data->waktukejadian_time;
    $waktudiketahui = IndonesiaTgl($data->waktudiketahui);
    $waktudiketahui_time = $data->waktudiketahui_time;
    $wilayah = $data->wilayah;
    $uraian = $data->uraian;
    $penerimalap = $data->penerimalap;
    $ststsm = $data->ststsm;
    $create_by = $data->create_by;
    $create_date = $data->create_date;
    $edit_by = $data->edit_by;
    $edit_date = $data->edit_date;
    $jenispemilihannm = $data->jenispemilihannm;
    $stsdibuat = $data->stsdibuat;
	
    if(isset($id_jenispemilihan)){
        if($id_jenispemilihan==7){
            $dwilprovinsi='show';
            $dwilkabkota='show';
            $dwilprovinsia='hide';
            $dwilkabkotaa='hide';
        }
        elseif($id_jenispemilihan==4){
            $dwilprovinsi='hide';
            $dwilkabkota='hide';
            $dwilprovinsia='hide';
            $dwilkabkotaa='hide';
        }
        elseif($id_jenispemilihan==5||$id_jenispemilihan==6||$id_jenispemilihan==8){
            $dwilprovinsi='show';
            $dwilkabkota='hide';
            $dwilprovinsia='hide';
            $dwilkabkotaa='hide';
        }
        elseif($id_jenispemilihan==1){
            $dwilprovinsia='show';
            $dkejadianprovinsib='show';
            $dkejadiankotabb='show';
            $dkejadianalamat='show';
        }
        elseif($id_jenispemilihan==2||$id_jenispemilihan==3){
            $dwilprovinsia='show';
            $dwilkabkotaa='show';
            $dkejadianprovinsib='show';
            $dkejadiankotab='show';
            $dkejadianalamat='show';
        }
    }
    if(isset($jenistempatkejadian)&&$id_jenislaporan!=1){
        if($jenistempatkejadian=='Dalam Negeri'){
            $dkejadianprovinsi='show';
            $dkejadiankabkota='show';
            $dkejadianalamat='show';
        }
        elseif($jenistempatkejadian=='Luar Negeri'){
            $dkejadianalamata='show';
            $dkejadiannegara='show';
        }
    }
}
if(empty($m_jenispemilihan)){
    $m_jenispemilihan='';
}
$waktukejadian_jam='';
$waktukejadian_menit='';
if($waktukejadian_time!=""){
    $waktukejadian_jam=substr($waktukejadian_time,0,2);
    $waktukejadian_menit=substr($waktukejadian_time,3,2);
}
$waktudiketahui_jam='';
$waktudiketahui_menit='';
if($waktudiketahui_time!=""){
    $waktudiketahui_jam=substr($waktudiketahui_time,0,2);
    $waktudiketahui_menit=substr($waktudiketahui_time,3,2);
}
@endphp
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<link rel="stylesheet" href="{{asset('media/datepicker/css/bootstrap-datepicker.min.css')}}">
<link rel="stylesheet" href="{{asset('media/css/bootstrap-datetimepicker.min.css')}}">
<link rel="stylesheet" href="{{asset('media/css/readonly.css')}}">
<link rel="stylesheet" href="{{asset('media/css/smart_wizard_all.min.css')}}">
<script type="text/javascript" src="{{asset('media/js/jquery.dataTables.min.js')}}"></script>

<style>
.font_err{
    font-size:10pt;
}
.tm{
    width:40px;
    border:1px solid #e8ecef;
    height:35px;
    border-radius:5px;
    padding-left:5px;
    color:#72757d;
}
</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">
        <form id=frm enctype="multipart/form-data" name=frm method=post action="{{route('m_laporan.save')}}">
		   @csrf
           @if ($id_jenislaporan==2)
           		@if (session('be_uposisi')==0)
		            <div style="padding-bottom: 0px; display: none;" class="form-group row kecamatan-form-group" id="sumberdataluarnegeri">
		                <div id=djenistempatkejadian  style='margin-bottom:10px'  class="col-sm-7">
		                    <input type="hidden" id=jenistempatkejadian name=jenistempatkejadian value="Dalam Negeri" />
		                    <div style="min-width: 100%;"><label class="control-label" style="padding-top: 8px; max-width: 335px !important;">Data sumber:<br /><input type="radio" name="colors2" id="red2" {{($jenistempatkejadian=="Dalam Negeri" ? 'checked' : '')}} >&nbsp;Dalam negeri&nbsp;&nbsp;<input type="radio" name="colors2" id="blue2" {{($jenistempatkejadian=="Luar Negeri" ? 'checked' : '')}}>&nbsp;Luar negeri&nbsp;:&nbsp;</label></div>
		                    <div id=dkejadiannegara class="{{$dkejadiannegara}}"  style='margin-top:10px'>
		                           <select style="width:300px" class='form-control select2 padtop' id=kejadiannegara name=kejadiannegara>
		                            <option value=''>- Pilih Negara -</option>
		                            @php
		                                $kejadiannegara_sel='';
		                                foreach($m_negara as $item)
		                                {
		                                    if($item->nama!='Indonesia'){
		                                    if($item->nama==$kejadiannegara){
		                                        $kejadiannegara_sel='selected';
		                                    }
		                                    else{
		                                        $kejadiannegara_sel='';
		                                    }
		                                    echo '<option value="'.$item->nama.'" '.$kejadiannegara_sel.'>'.$item->nama.'</option>';
		                                    }
		                                }
		                            @endphp
		                       </select>
		                   </div>
		               </div>
		            </div>
				@elseif(session("be_uposisi")==1)
                	<input type="hidden" id=jenistempatkejadian name=jenistempatkejadian value="Dalam Negeri" />
				@else
	                <input type="hidden" id=jenistempatkejadian name=jenistempatkejadian value="Luar Negeri" />
	                <input type="hidden" id=kejadiannegara name=kejadiannegara value="{{$usernegara;}}" />
				@endif
			@endif
            <div style="padding-bottom: 20px; display: none;" class="form-group row kecamatan-form-group" id="sumberdata">
                <div style="min-width: 100%;"><label class="control-label" style="padding-top: 8px; max-width: 335px !important;">Data sumber:<br /><input {{($kecamatan == '' ? 'checked' : '')}} type="radio" name="colors" id="red">&nbsp;Kabupaten&nbsp;&nbsp;<input {{($kecamatan == '' ? '' : 'checked')}} type="radio" name="colors" id="blue">&nbsp;Kecamatan&nbsp;:&nbsp;</label></div>
                   <div id=dkecamatan style="display: {{($kecamatan == '' ? 'none' : 'block')}};" >
                   <select style="width:300px" name="kecamatan" class="form-control select2 padtop" id="kecamatan" {{($kecamatan!=''?'readonly':'');}}>
                    <option value=''>- Pilih Kecamatan -</option>
                    @php
                        $kecamatan_sel='';
                        if(isset($m_kecamatan)){
                            foreach($m_kecamatan as $item)
                            {
                                if($item->nama==$kecamatan){
                                    $kecamatan_sel='selected';
                                }
                                else{
                                    $kecamatan_sel='';
                                }
                                echo '<option value="'.$item->nama.'" '.$kecamatan_sel.'>'.$item->nama.'</option>';
                            }
                        }
                        $kecamatan_sel='';
                    @endphp
                </select>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 konf">
					@if(session('failed'))
						<div class="alert alert-danger">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
							{{ session('failed') }}
						</div>
					@endif
                </div>
            </div>
            <div id="smartwizard">
                <ul class="nav">
                    <li class="nav-item"><a class="nav-link" href="#step-1">Step 1<br /><small>Peristiwa</small></a></li>
                    <li class="nav-item"><a class="nav-link" href="#step-7">Step 2<br /><small>Pelapor/Penemu Lain</small></a></li>
                    <li class="nav-item"><a class="nav-link" href="#step-2">Step 3<br /><small>Terlapor</small></a></li>
                    @if($id_jenislaporan==3)
                        <li class="nav-item"><a class="nav-link" href="#step-4">Step 4<br /><small>Bukti</small></a></li>
                        <li class="nav-item"><a class="nav-link" href="#step-5">Step 5<br /><small>Uraian Singkat</small></a></li>
                        <li class="nav-item"><a class="nav-link" href="#step-6">Step 6<br /><small>Petitum</small></a></li>
                    @else
                        <li class="nav-item"><a class="nav-link" href="#step-3">Step 4<br /><small>Saksi</small></a></li>
                        <li class="nav-item"><a class="nav-link" href="#step-4">Step 5<br /><small>Bukti</small></a></li>
                        <li class="nav-item"><a class="nav-link" href="#step-5">Step 6<br /><small>Uraian Singkat</small></a></li>
                    @endif
                </ul>
                <div class="tab-content">
                    <div id="step-1" role="tabpanel" aria-labelledby="step-1" class="tab-pane unit-form-group">
                        <h4 class="border-bottom border-gray pb-2">Peristiwa</h3>
                        <div class="row"><div style="height:15px"></div></div>
                        <div class="row">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-sm-12">
                                        @if($no!="")
	                                        <div class="form-group row">
	                                            <label class="col-sm-2 control-label">No</label>
	                                            <div class="col-sm-7 tebal">{{$no}}</div>
	                                        </div>
                                        @endif
                                        <div class="form-group row required">
                                            <label class="col-sm-2 control-label">Pelapor/Penemu</label>
                                                <div class="input-group col-md-4">
                                                      <input class="form-control py-2 classChg" type="search" placeholder="Cari Pelapor" id="id_pelapornm" name="id_pelapornm" value="{{$pelapornm}}">
                                                      <input type=hidden name=id_pelapor id=id_pelapor value="{{$id_pelapor}}">
                                                      <input type=hidden name=id_jenislaporan id=id_jenislaporan value="{{$id_jenislaporan}}">
                                                      @if(!isset($id))
	                                                      <span class="input-group-append">
	                                                        <button class="btn btn-outline-secondary" type="button" data-toggle="modal" data-target=".bs-example-modal-lg">
	                                                            <i class="fa fa-search"></i>
	                                                        </button>
	                                                      </span>
                                                      @endif
                                                </div>
                                        </div>
                                        <div class="form-group row pelapor-form-group" style='margin-top:-20px;margin-bottom:20px;'>
                                            <div class="col-sm-2"></div>
                                            <div class="col-md-4 help-block">Pelapor harus dipilih</div>
                                        </div>
                                        <div class="form-group row required jenispemilihan-form-group">
                                            <label class="col-sm-2 control-label" id=id_jenispemilihanlabel>Kategori..</label>
                                            <div class="col-sm-7">
                                               <select style="width:300px" class='form-control select2' id=id_jenispemilihan name=id_jenispemilihan>
                                                    <option value=''>- Pilih Kategori -</option>
                                                    {!!$m_jenispemilihan!!}
                                               </select>
                                               <div id=dwilprovinsi class="{{$dwilprovinsi}}" style='margin-top:10px'>Propinsi :
                                                     <select style="width:300px" class='form-control select2 padtop' id=wilprovinsi name=wilprovinsi>
                                                        <option value=''>- Pilih Provinsi -</option>
                                                        @php
                                                            $wilprovinsi_sel='';
                                                            foreach($m_provinsi as $item)
                                                            {
                                                                if($item->kode==$wilprovinsi){
                                                                    $wilprovinsi_sel='selected';
                                                                }
                                                                else{
                                                                    $wilprovinsi_sel='';
                                                                }
                                                                echo '<option value="'.$item->kode.'" '.$wilprovinsi_sel.'>'.$item->nama.'</option>';
                                                            }
                                                        @endphp
                                                   </select>
                                               </div>
                                               <div id=dwilkabkota class="{{$dwilkabkota}}" style='margin-top:10px'>Kabupaten/Kota :
                                                      <select style="width:300px" name="wilkabkota" class="form-control select2 padtop" id="wilkabkota">
                                                        <option value=''>- Pilih Kabupaten -</option>
                                                        @php
                                                            $wilkabkota_sel='';
                                                            if(isset($m_wilkabkota)){
                                                                foreach($m_wilkabkota as $item)
                                                                {
                                                                    if($item->kode==$wilkabkota){
                                                                        $wilkabkota_sel='selected';
                                                                    }
                                                                    else{
                                                                        $wilkabkota_sel='';
                                                                    }
                                                                    echo '<option value="'.$item->kode.'" '.$wilkabkota_sel.'>'.$item->nama.'</option>';
                                                                }
                                                            }
                                                        @endphp
                                                    </select>
                                               </div>
                                               <div id=dwilkecamatan class="{{$dwilkabkota}}" style='margin-top:10px'>Kecamatan :
                                                      <select style="width:300px" name="wilkecamatan" class="form-control select2 padtop" id="wilkecamatan">
                                                        <option value=''>- Pilih Kecamatan -</option>
                                                        @php
                                                            $wilkecamatan_sel='';
                                                            if(isset($m_wilkecamatan)){
                                                                foreach($m_wilkecamatan as $item)
                                                                {
                                                                    if($item->kode==$wilkecamatan){
                                                                        $wilkecamatan_sel='selected';
                                                                    }
                                                                    else{
                                                                        $wilkecamatan_sel='';
                                                                    }
                                                                    echo '<option value="'.$item->kode.'" '.$wilkecamatan_sel.'>'.$item->nama.'</option>';
                                                                }
                                                            }
                                                        @endphp
                                                    </select>
                                               </div>
                                               <div id=dwilprovinsia class="{{$dwilprovinsia}}" style='margin-top:10px'><!--Propinsi : --><span class=spanwilpropvinsinm>{{$wilprovinsinm}}</span></div>
                                               <div id=dwilkabkotaa class="{{$dwilkabkotaa}}" style='margin-top:10px'><!--Kabupaten/Kota : --><span class=spanwilkabkotanm>{{$wilkabkotanm}}</span></div>
                                               <div class="row help-block"><div style="height:15px" class="col-12">Kategori harus dipilih</div></div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-2 control-label">Waktu Kejadian</label>
                                            <div class="col-sm-3 input-group">
                                                <input type='text' class="form-control" id='waktukejadian' name=waktukejadian placeholder="dd/mm/yyyy" value="{{$waktukejadian}}" autocomplete="off"/>
                                                <span class="input-group-append">
                                                    <span class="input-group-text"><i class="icon-calender"></i></span>
                                                </span><span class="col-md-12" style="margin-left:-10px" class=span_err><font class=font_err></font></span>
                                                <input type=text size=1 class="mt-2 tm mr-2" id=waktukejadian_jam name=waktukejadian_jam placeholder="hh" onkeypress="return /[0-9]/i.test(event.key)" value="{{$waktukejadian_jam}}"><span style="valign-text:center" class="mt-3">:</span><input type=text size=1 class="mt-2 tm ml-2" id=waktukejadian_menit name=waktukejadian_menit placeholder="mm" onkeypress="return /[0-9]/i.test(event.key)" value="{{$waktukejadian_menit}}">
                                            </div>
                                        </div>
                                        <div class="form-group row required">
                                            <label class="col-sm-2 control-label">Tanggal diketahui</label>
                                            <div class="col-sm-3 input-group">
                                                <input type="text" name=waktudiketahui class="form-control" id="waktudiketahui" placeholder="dd/mm/yyyy" value="{{$waktudiketahui}}" autocomplete="off">
                                                <span class="input-group-append">
                                                    <span class="input-group-text"><i class="icon-calender"></i></span>
                                                </span><span class="col-md-12" style="margin-left:-10px" class=span_err><font class=font_err></font></span>
                                                <input type=text size=1 class="mt-2 tm mr-2" id=waktudiketahui_jam name=waktudiketahui_jam placeholder="hh" onkeypress="return /[0-9]/i.test(event.key)" value="{{$waktudiketahui_jam}}"><span style="valign-text:center" class="mt-3">:</span><input type=text size=1 class="mt-2 tm ml-2" id=waktudiketahui_menit name=waktudiketahui_menit placeholder="mm" onkeypress="return /[0-9]/i.test(event.key)" value="{{$waktudiketahui_menit}}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-2 control-label">No Offline</label>
                                            <div class="col-sm-5">
                                                <input name="no_offline" value="{{$no_offline}}"  class="form-control"/>
                                            </div>
                                        </div>
                                        
                                        @if($no!="")
	                                        <div class="form-group row required">
	                                            <label class="col-sm-2 control-label">Tanggal Penyampaian Laporan (Offline)</label>
	                                            <div class="col-sm-3 input-group">
	                                                <input type="text" disabled name=tgl_offline class="form-control" id="tgl_offline" placeholder="dd/mm/yyyy hh:mm" value="{{$tgl_offline}}">
	                                                <span class="input-group-append">
	                                                @if($tgl_offline!="")
	                                                    <span class="input-group-text"><i class="icon-calender"><font class=font_err color=red>
	                                        				Perubahan Tgl. akan mempengaruhi nomor laporan (Hub.Admin)
		                                            </font></i></span>
		                                            @endif
	                                                </span><span class="col-md-12" style="margin-left:-10px" class=span_err><font class=font_err></font></span>
	                                            </div>
	                                        </div>
                                       @else
                                        <div class="form-group row required">
                                            <label class="col-sm-2 control-label">Tanggal Penyampaian Laporan (Offline)</label>
                                            <div class="col-sm-3 input-group">
                                                <input type="text" name=tgl_offline class="form-control" id="tgl_offline" placeholder="dd/mm/yyyy hh:mm" value="{{$tgl_offline}}">
                                                <span class="input-group-append">
                                                    <span class="input-group-text"><i class="icon-calender"></i></span>
                                                </span><span class="col-md-12" style="margin-left:-10px" class=span_err><font class=font_err></font></span>
                                            </div>
                                        </div>
                                        @endif
                                        <div class="form-group row required">
                                            <label class="col-sm-2 control-label">Peristiwa singkat</label>
                                            <div class="col-sm-7">
                                                <textarea name="ringkasan" class="form-control" rows=4/>{{$ringkasan}}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row required jenistempatkejadian-form-group ">
                                            <label class="col-sm-2 control-label">Tempat Kejadian</label>
                                            <div class="col-sm-7">
                                               <div id=dkejadianprovinsi class="{{($kejadianprovinsi!=''?'show':'hide')}}" style='padding-top:0px'>Propinsi :
                                                     <select style="width:300px" class='form-control select2 padtop' id=kejadianprovinsi name=kejadianprovinsi>
                                                        <option value=''>- Pilih Provinsi -</option>
                                                        @php
                                                            $kejadianprovinsi_sel='';
                                                            foreach($m_provinsi as $item)
                                                            {
                                                                if($item->kode==$kejadianprovinsi){
                                                                    $kejadianprovinsi_sel='selected';
                                                                }
                                                                else{
                                                                    $kejadianprovinsi_sel='';
                                                                }
                                                                echo '<option value="'.$item->kode.'" '.$kejadianprovinsi_sel.'>'.$item->nama.'</option>';
                                                            }
                                                        @endphp
                                                   </select>
                                               </div>
                                               <div id=dkejadiankabkota class="{{($kejadiankabkota!=''?'show':'hide')}}"  style='margin-top:10px'>Kabupaten/Kota :
                                                      <select style="width:300px" name="kejadiankabkota" class="form-control select2 padtop" id="kejadiankabkota">
                                                        <option value=''>- Pilih Kabupaten -</option>
                                                        @php
                                                            $kejadiankabkota_sel='';
                                                            if(isset($m_kejadiankabkota)){
                                                                foreach($m_kejadiankabkota as $item)
                                                                {
                                                                    if($item->kode==$kejadiankabkota){
                                                                        $kejadiankabkota_sel='selected';
                                                                    }
                                                                    else{
                                                                        $kejadiankabkota_sel='';
                                                                    }
                                                                    echo '<option value="'.$item->kode.'" '.$kejadiankabkota_sel.'>'.$item->nama.'</option>';
                                                                }
                                                            }
                                                            $kejadiankabkota_sel='';
                                                        @endphp
                                                    </select>
                                               </div>
                                               <div id=dkejadiankecamatan class="{{($kejadiankecamatan!=''?'show':'hide')}}"  style='margin-top:10px'>Kecamatan :
                                                      <select style="width:300px" name="kejadiankecamatan" class="form-control select2 padtop" id="kejadiankecamatan">
                                                        <option value=''>- Pilih Kecamatan -</option>
                                                        @php
                                                            $kejadiankecamatan_sel='';
                                                            if(isset($m_kejadiankecamatan)){
                                                                foreach($m_kejadiankecamatan as $item)
                                                                {
                                                                    if($item->kode==$kejadiankecamatan){
                                                                        $kejadiankecamatan_sel='selected';
                                                                    }
                                                                    else{
                                                                        $kejadiankecamatan_sel='';
                                                                    }
                                                                    echo '<option value="'.$item->kode.'" '.$kejadiankecamatan_sel.'>'.$item->nama.'</option>';
                                                                }
                                                            }
                                                            $kejadiankecamatan_sel='';
                                                        @endphp
                                                    </select>
                                               </div>
                                               <div id=dkejadianprovinsib class="{{$dkejadianprovinsib}}" style='margin-top:10px'>Propinsi : <span class=spanwilpropvinsinm>{{$wilprovinsinm}}</span></div>
                                               <div id=dkejadiankotab class="{{$dkejadiankotab}}" style='margin-top:10px'>Kabupaten/Kota : <span class=spanwilkabkotanm>{{$wilkabkotanm}}</span></div>
                                               <div id=dkejadiankotabb class="{{$dkejadiankotabb}}" style='margin-top:10px'>
                                                       <select style="width:300px" id=kejadiankabkotabb name="kejadiankabkotabb" class="form-control select2 padtop" id="kejadiankabkotabb">
                                                        <option value=''>- Pilih Kabupaten -</option>
                                                        @php
                                                            $kejadiankabkota_sel='';
                                                            if(isset($m_kejadiankabkota)){
                                                                foreach($m_kejadiankabkota as $item)
                                                                {
                                                                    if($item->kode==$kejadiankabkota){
                                                                        $kejadiankabkota_sel='selected';
                                                                    }
                                                                    else{
                                                                        $kejadiankabkota_sel='';
                                                                    }
                                                                    echo '<option value="'.$item->kode.'" '.$kejadiankabkota_sel.'>'.$item->nama.'</option>';
                                                                }
                                                            }
                                                            $kejadiankabkota_sel='';
                                                        @endphp
                                                    </select>
                                               </div>
                                               <div id=dkejadianalamat class="{{$dkejadianalamat}}"  style='margin-top:10px'>Alamat :
                                                       <textarea name="kejadianalamat" id=kejadianalamat class="form-control" rows=4/>{{$kejadianalamat}}</textarea>
                                               </div>
                                               <div id=dkejadianalamata class="{{$dkejadianalamata}}"  style='margin-top:10px'>Alamat :
                                                       <textarea name="kejadianalamata" id=kejadianalamata class="form-control" rows=4/>{{($jenistempatkejadian=="Luar Negeri"?$kejadianalamat:'')}}</textarea>
                                               </div>
                                               <div class="row help-block"><div style="height:15px" class="col-12">Tempat kejadian harus dipilih</div></div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12 ">
                                            <span class="col-md-12" style="margin-left:-10px"><font class=font_err color=red>
                                            Catatan:<br>
                                            - Pastikan tanggal dan jam sesuai dengan tanggal dan waktu kejadian<br>
                                            - Pastikan tanggal dan jam sesuai dengan tanggal dan waktu diketahui<br>
                                            </font></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="step-7" role="tabpanel" aria-labelledby="step-7" class="tab-pane unit-form-group">
                        <h4 class="border-bottom border-gray pb-2">Pelapor/Penemu Lain</h3>
                        <div class="row"><div style="height:15px"></div></div>
                        <div class="row">
                          <div class="container pt-1" style="width:100%">
                            <div class="table-responsive">
                              <table class="table table-bordered" width=100%>
                                <thead>
                                  <tr>
                                     @if($id_jenislaporan==3)
                                        <th class="text-center" width=5%>No</th>
                                        <th class="text-center" width=25%>Nama</th>
                                        <th class="text-center" width=30%>Alamat</th>
                                        <th class="text-center" width=20%>Pekerjaan</th>
                                        <th class="text-center" width=15%>HP</th>
                                        <th class="text-center" width=5%>Del</th>
                                    @else
                                        <th class="text-center" width=5%>No</th>
                                        <th class="text-center" width=30%>Nama</th>
                                        <th class="text-center" width=40%>Alamat</th>
                                        <th class="text-center" width=20%>HP</th>
                                        <th class="text-center" width=5%>Del</th>
                                    @endif
                                  </tr>
                                </thead>
                                <tbody id="tbodypelaporlain">
                                      @php
                                        $index_pelaporlain=0;
                                        if(isset($m_pelaporlain)){
                                            foreach($m_pelaporlain as $item)
                                            {
                                                echo '
                                                <tr id="R'.++$index_pelaporlain.'">
                                                    <td class="row-index text-center" valign=top><p>'.$index_pelaporlain.'</p>
                                                    <td class="row-index text-center" valign=top><input name="pelaporlain_nama[]" id="pelaporlain_nama[]" class="form-control  pelaporlain_nama" value="'.$item->nama.'"/></td>
                                                    <td class="row-index">
                                                          <textarea name="pelaporlain_alamat[]" id=pelaporlain_alamat'.$index_pelaporlain.' class="form-control pelaporlain_alamat"/>'.$item->alamat.'</textarea>
                                                        <div style="margin-top:5px">
                                                            <select style="width:300px" class="form-control select2" id=pelaporlain_provinsi'.$index_pelaporlain.' name=pelaporlain_provinsi[] onchange=chgPropinsiPelaporLain('.$index_pelaporlain.')>
                                                                <option value="">- Pilih Provinsi -</option>';
                                                                $pelaporlain_provinsi_sel='';
                                                                foreach($m_provinsi as $item1)
                                                                {
                                                                    if($item1->kode==$item->provinsi){
                                                                        $pelaporlain_provinsi_sel='selected';
                                                                    }
                                                                    else{
                                                                        $pelaporlain_provinsi_sel='';
                                                                    }
                                                                    echo '<option value="'.$item1->kode.'" '.$pelaporlain_provinsi_sel.'>'.$item1->nama.'</option>';
                                                                }
                                                			echo'
                                                            </select>
                                                           </div>
                                                           <div style="margin-top:10px">
                                                           <select style="width:300px" class="form-control select2" id=pelaporlain_kabkota'.$index_pelaporlain.' name=pelaporlain_kabkota[] style="margin-top:10px">
                                                                <option value="">- Pilih Kabupaten -</option>';
                                                                if($item->provinsi!=""){
                                                                    $pelaporlain_kabkota_sel='';
                                                                    $m_kabkota = DB::table("m_kabkota")->whereRaw("substring(kode,1,2)='".substr($item->provinsi,0,2)."'")->get();
																	foreach($m_kabkota as $item1)
                                                                    {
                                                                        if($item1->kode==$item->kabkota){
                                                                            $pelaporlain_kabkota_sel='selected';
                                                                        }
                                                                        else{
                                                                            $pelaporlain_kabkota_sel='';
                                                                        }
                                                                        echo '<option value="'.$item1->kode.'" '.$pelaporlain_kabkota_sel.'>'.$item1->nama.'</option>';
                                                                    }
                                                                }
                                                			echo'
                                                           </select>
                                                           </div>
                                                  </td>
                                                  <td class="row-index text-center" valign=top><input name="pelaporlain_hp[]" id=pelaporlain_hp'.$index_pelaporlain.' class="form-control" value="'.$item->hp.'"/></td>
                                                  <td class="text-center" valign=top><button class="btn btn-danger removepelaporlain" type="button">Hapus</button></td>
                                              </tr>
                                                ';
                                            }
                                        }
                                    @endphp
                                </tbody>
                              </table>
                            </div>
                            <button class="btn btn-md btn-primary"
                              id="addBtnPelaporLain" type="button">
                                Tambah Pelapor/Penemu Lain
                            </button>
                          </div>
                        </div>
                        <div style="height:20px"></div>
                    </div>
                    <div id="step-2" role="tabpanel" aria-labelledby="step-2" class="tab-pane unit-form-group">
                        <h4 class="border-bottom border-gray pb-2">Terlapor</h3>
                        <div class="row"><div style="height:15px"></div></div>
                        <div class="row">
                          <div class="container pt-1" style="width:100%">
                            <div class="table-responsive">
                              <table class="table table-bordered" width=100%>
                                <thead>
                                  <tr>
                                     @if($id_jenislaporan==3)
                                        <th class="text-center" width=5%>No</th>
                                        <th class="text-center" width=25%>Nama</th>
                                        <th class="text-center" width=30%>Alamat</th>
                                        <th class="text-center" width=20%>Pekerjaan</th>
                                        <th class="text-center" width=15%>HP</th>
                                        <th class="text-center" width=5%>Del</th>
                                    @else
                                        <th class="text-center" width=5%>No</th>
                                        <th class="text-center" width=30%>Nama</th>
                                        <th class="text-center" width=40%>Alamat</th>
                                        <th class="text-center" width=20%>HP</th>
                                        <th class="text-center" width=5%>Del</th>
                                    @endif
                                  </tr>
                                </thead>
                                <tbody id="tbody">
                                      @php
                                        $index_terlapor=0;
                                        if(isset($m_terlapor)){
                                            foreach($m_terlapor as $item)
                                            {
                                                echo '
                                                <tr id="R'.++$index_terlapor.'">
                                                    <td class="row-index text-center" valign=top><p>'.$index_terlapor.'</p>
                                                    <td class="row-index text-center" valign=top><input name="terlapor_nama[]" id="terlapor_nama[]" class="form-control  terlapor_nama" value="'.$item->nama.'"/></td>
                                                    <td class="row-index">
                                                          <textarea name="terlapor_alamat[]" id=terlapor_alamat'.$index_terlapor.' class="form-control terlapor_alamat"/>'.$item->alamat.'</textarea>
                                                        <div style="margin-top:5px">
                                                            <select style="width:300px" class="form-control select2" id=terlapor_provinsi'.$index_terlapor.' name=terlapor_provinsi[] onchange=chgPropinsi('.$index_terlapor.')>
                                                                <option value="">- Pilih Provinsi -</option>';
                                                                $terlapor_provinsi_sel='';
                                                                foreach($m_provinsi as $item1)
                                                                {
                                                                    if($item1->kode==$item->provinsi){
                                                                        $terlapor_provinsi_sel='selected';
                                                                    }
                                                                    else{
                                                                        $terlapor_provinsi_sel='';
                                                                    }
                                                                    echo '<option value="'.$item1->kode.'" '.$terlapor_provinsi_sel.'>'.$item1->nama.'</option>';
                                                                }
                                                			echo'
                                                            </select>
                                                           </div>
                                                           <div style="margin-top:10px">
                                                           <select style="width:300px" class="form-control select2" id=terlapor_kabkota'.$index_terlapor.' name=terlapor_kabkota[] style="margin-top:10px">
                                                                <option value="">- Pilih Kabupaten -</option>';
                                                                if($item->provinsi!=""){
                                                                    $terlapor_kabkota_sel='';
																	$m_kabkota =DB::table('m_kabkota')->whereRaw("substring(kode,1,2)='".substr($item->provinsi,0,2)."'")->get();
                                                                    foreach($m_kabkota as $item1)
                                                                    {
                                                                        if($item1->kode==$item->kabkota){
                                                                            $terlapor_kabkota_sel='selected';
                                                                        }
                                                                        else{
                                                                            $terlapor_kabkota_sel='';
                                                                        }
                                                                        echo '<option value="'.$item1->kode.'" '.$terlapor_kabkota_sel.'>'.$item1->nama.'</option>';
                                                                    }
                                                                }
                                                			echo'
                                                           </select>
                                                           </div>
                                                  </td>
                                                  <td class="row-index text-center" valign=top><input name="terlapor_hp[]" id=terlapor_hp'.$index_terlapor.' class="form-control" value="'.$item->hp.'"/></td>
                                                  <td class="text-center" valign=top><button class="btn btn-danger remove" type="button">Hapus</button></td>
                                              </tr>
                                                ';
                                            }
                                        }
                                    @endphp
                                </tbody>
                              </table>
                            </div>
                            <button class="btn btn-md btn-primary"
                              id="addBtn" type="button">
                                Tambah Terlapor
                            </button>
                          </div>
                        </div>
                        <div style="height:20px"></div>
                    </div>
                    @if($id_jenislaporan!=3)
                    <div id="step-3" role="tabpanel" aria-labelledby="step-3" class="tab-pane unit-form-group">
                        <h4 class="border-bottom border-gray pb-2">Saksi</h3>
                        <div class="row"><div style="height:15px"></div></div>
                        <div class="row">
                          <div class="container pt-1" style="width:100%">
                            <div class="table-responsive">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th class="text-center" width=5%>No</th>
                                    <th class="text-center" width=30%>Nama</th>
                                    <th class="text-center" width=40%>Alamat</th>
                                    <th class="text-center" width=20%>HP</th>
                                    <th class="text-center" width=5%>Del</th>
                                  </tr>
                                </thead>
                                <tbody id="tbodysaksi">
                                    @php
                                        $index_saksi=0;
                                        if(isset($m_saksi)){
                                            foreach($m_saksi as $item)
                                            {
                                                echo '
                                                <tr id="R'.++$index_saksi.'">
                                                    <td class="row-index text-center" valign=top><p>'.$index_saksi.'</p>
                                                    <td class="row-index text-center" valign=top><input name="saksi_nama[]" id="saksi_nama'.$index_saksi.'" class="form-control saksi_nama" value="'.$item->nama.'"/></td>
                                                    <td class="row-index">
                                                          <textarea name="saksi_alamat[]" id=saksi_alamat'.$index_saksi.' class="form-control saksi_alamat"/>'.$item->alamat.'</textarea>
                                                        <div style="margin-top:5px">
                                                            <select style="width:300px" class="form-control select2" id=saksi_provinsi'.$index_saksi.' name=saksi_provinsi[] onchange=chgPropinsiSaksi('.$index_saksi.')>
                                                                <option value="">- Pilih Provinsi -</option>';
                                                                $saksi_provinsi_sel='';
                                                                foreach($m_provinsi as $item1)
                                                                {
                                                                    if($item1->kode==$item->provinsi){
                                                                        $saksi_provinsi_sel='selected';
                                                                    }
                                                                    else{
                                                                        $saksi_provinsi_sel='';
                                                                    }
                                                                    echo '<option value="'.$item1->kode.'" '.$saksi_provinsi_sel.'>'.$item1->nama.'</option>';
                                                                }
			                                                echo'
                                                            </select>
                                                           </div>
                                                           <div style="margin-top:10px">
                                                           <select style="width:300px" class="form-control select2" id=saksi_kabkota'.$index_saksi.' name=saksi_kabkota[] style="margin-top:10px">
                                                                <option value="">- Pilih Kabupaten -</option>';
                                                                if($item->provinsi!=""){
                                                                    $saksi_kabkota_sel='';
                                                                    $m_kabkota = DB::table('m_kabkota')->whereRaw("substring(kode,1,2)='".substr($item->provinsi,0,2)."'")->get();
																	foreach($m_kabkota as $item1)
                                                                    {
                                                                        if($item1->kode==$item->kabkota){
                                                                            $saksi_kabkota_sel='selected';
                                                                        }
                                                                        else{
                                                                            $saksi_kabkota_sel='';
                                                                        }
                                                                        echo '<option value="'.$item1->kode.'" '.$saksi_kabkota_sel.'>'.$item1->nama.'</option>';
                                                                    }
                                                                }
			                                               echo'
                                                           </select>
                                                           </div>
                                                  </td>
                                                  <td class="row-index text-center" valign=top><input name="saksi_hp[]" id=saksi_hp'.$index_saksi.' class="form-control" value="'.$item->hp.'"/></td>
                                                  <td class="text-center" valign=top><button class="btn btn-danger remove" type="button">Hapus</button></td>
                                              </tr>
                                                ';
                                            }
                                        }
                                    @endphp
                                </tbody>
                              </table>
                            </div>
                            <button class="btn btn-md btn-primary"
                              id="addBtnSaksi" type="button">
                                Tambah Saksi
                            </button>
                          </div>
                        </div>
                    </div>
                    @endif
                    <div id="step-4" role="tabpanel" aria-labelledby="step-4" class="tab-pane unit-form-group">
                        <h4 class="border-bottom border-gray pb-2">Bukti</h3>
                        <div class="row"><div style="height:15px"></div></div>
                        <div class="row">
                          <div class="container pt-1" style="width:80%">
                            <div class="table-responsive">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th class="text-center" width=5%>No</th>
                                    <th class="text-center" width=60%>Deskripsi</th>
                                    <th class="text-center" width=5%>Del</th>
                                  </tr>
                                </thead>
                                <tbody id="tbodybukti">
                                      @php
                                        $index_bukti=0;
                                        if(isset($m_bukti)){
                                            foreach($m_bukti as $item)
                                            {
                                                echo '
                                                <tr id="R'.++$index_bukti.'">
                                                    <td class="row-index text-center" valign=top><p>'.$index_bukti.'</p>
                                                    <td class="row-index text-center" valign=top><input name="bukti_nama[]" id="bukti_nama'.$index_bukti.'" class="form-control bukti_nama" value="'.$item->deskripsi.'"/>
                                                    <input type=hidden name="bukti_idx[]" value="'.$index_bukti.'"></td>
                                                  <td class="text-center" valign=top><button class="btn btn-danger removebukti" type="button">Hapus</button></td>
                                              </tr>
                                                ';
                                            }
                                        }
                                     @endphp
                                </tbody>
                              </table>
                            </div>
                            <button class="btn btn-md btn-primary"
                              id="addBtnBukti" type="button">
                                Tambah Bukti
                            </button>
                            <div style='height:100px;'></div>
                          </div>
                        </div>
                    </div>
                    <div id="step-5" role="tabpanel" aria-labelledby="step-5" class="tab-pane unit-form-group">
                        <h4 class="border-bottom border-gray pb-2">Uraian Singkat</h3>
                        <div class="row"><div style="height:15px"></div></div>
                        <div class="row">
                            <div class="col-12">
                                <textarea id="mymce" name="uraian">{{$uraian}}</textarea>
                            </div>
                        </div>
                    </div>
                    @if($id_jenislaporan==3)
                        <div id="step-6" role="tabpanel" aria-labelledby="step-6" class="tab-pane unit-form-group">
                            <h4 class="border-bottom border-gray pb-2">Petitum</h3>
                            <div class="row"><div style="height:15px"></div></div>
                            <div class="row">
                              <div class="container pt-1" style="width:65%">
                                <div class="table-responsive">
                                  <table class="table table-bordered">
                                    <thead>
                                      <tr>
                                        <th class="text-center" width=5%>No</th>
                                        <th class="text-center" width=30%>Deskripsi</th>
                                        <th class="text-center" width=5%>Del</th>
                                      </tr>
                                    </thead>
                                    <tbody id="tbodyPetitum">
                                        @php
                                        $index_petitum=0;
                                        if(isset($m_petitum)){
                                            foreach($m_petitum as $item)
                                            {
                                                echo '
                                                <tr id="R'.++$index_petitum.'">
                                                    <td class="row-index text-center" valign=top><p>'.$index_petitum.'</p>
                                                    <td class="row-index text-center" valign=top><textarea cols=20 rows=5 name="petitum_nama[]" class="form-control"/>'.$item->deskripsi.'</textarea></td>
                                                      <td class="text-center" valign=top><button class="btn btn-danger removePetitum" type="button">Hapus</button></td>
                                                  </tr>
                                                ';
                                            }
                                        }
                                        @endphp
                                    </tbody>
                                  </table>
                                </div>
                                <button class="btn btn-md btn-primary"
                                  id="addBtnPetitum" type="button">
                                    Tambah Petitum
                                </button>
                                <div style='height:100px;'></div>
                              </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
            </div>
        </div>
        <input type=hidden name=locus value="{{$locus}}">
        <input type=hidden name=id value="{{$id}}">
        <input type=hidden name=no value="{{$no}}">
        <input type=hidden name=wilprovinsia id=wilprovinsia value="{{$wilprovinsi}}">
        <input type=hidden name=wilkabkotaa id=wilkabkotaa value="{{$wilkabkota}}">
        <input type=hidden name=kejadianprovinsib id=kejadianprovinsib value="{{$kejadianprovinsi}}">
        <input type=hidden name=kejadiankotab id=kejadiankotab value="{{$kejadiankabkota}}">
        <input type=hidden name=id_katpelapor id=id_katpelapor value="{{$id_katpelapor}}">
        <input type=hidden name=wilayah id=wilayah value="{{$wilayah}}">
        </form>
    </div>
</div>

            </div>
        </div>
    </div>
</div>
@if (session('be_uposisi')==0&&$id_jenislaporan==2)
<div id="modal_kecamatan" class="modal fade bs-example-modal-lg2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel2">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel2">Data Sumber</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div id="dTable2" class="box-body table-responsive" style="padding: 10px 20px 0px 20px;">
         @if(session('be_uposisi')==0&&$id_jenislaporan==2)
            <div style="padding-bottom: 0px; display: block;" class="form-group row kecamatan-form-group" id="sumberdataluarnegeri">
                <div id=djenistempatkejadian  style='margin-bottom:10px'  class="col-sm-7">
                    <input type="hidden" id=jenistempatkejadian name=jenistempatkejadian value="Dalam Negeri" />
                    <div style="min-width: 100%;"><label class="control-label" style="padding-top: 8px; max-width: 335px !important;"><input type="radio" name="colors3" id="red3" {{($jenistempatkejadian=="Dalam Negeri" ? 'checked' : '')}} >&nbsp;Dalam negeri&nbsp;&nbsp;<input type="radio" name="colors3" id="blue3" {{($jenistempatkejadian=="Luar Negeri" ? 'checked' : '')}}>&nbsp;Luar negeri&nbsp;:&nbsp;</label></div>
                    <div id=dkejadiannegara3 class="{{$dkejadiannegara}}"  style='margin-top:10px'>
                            <select style="width:300px" class='form-control select2 padtop' id=kejadiannegara3 name=kejadiannegara3>
                             <option value=''>- Pilih Negara -</option>
                             @php
                                 $kejadiannegara_sel='';
                                 foreach($m_negara as $item)
                                 {
                                     if($item->nama!='Indonesia'){
                                     if($item->nama==$kejadiannegara){
                                         $kejadiannegara_sel='selected';
                                     }
                                     else{
                                         $kejadiannegara_sel='';
                                     }
                                     echo '<option value="'.$item->nama.'" '.$kejadiannegara_sel.'>'.$item->nama.'</option>';
                                     }
                                 }
                             @endphp
                        </select>
                    </div>
               </div>
            </div>
		@elseif(session('be_uposisi')==1)
            <div style="padding-bottom: 20px; display: block;" class="form-group row kecamatan-form-group" id="sumberdata">
                <div style="min-width: 100%;"><label class="control-label" style="padding-top: 8px; max-width: 335px !important;"><input {{($kecamatan == '' ? 'checked' : '')}} type="radio" name="colors4" id="red4">&nbsp;Kabupaten&nbsp;&nbsp;<input {{($kecamatan == '' ? '' : 'checked')}} type="radio" name="colors4" id="blue4">&nbsp;Kecamatan&nbsp;:&nbsp;</label></div>
                   <div id=dkecamatan4 style="display: {{($kecamatan == '' ? 'none' : 'block')}};" >
                   <select style="width:300px" name="kecamatan4" class="form-control select2 padtop" id="kecamatan4" {{($kecamatan!=''?'readonly':'')}}>
                    <option value=''>- Pilih Kecamatan -</option>
                    @php
                        $kecamatan_sel='';
                        if(isset($m_kecamatan)){
                            foreach($m_kecamatan as $item)
                            {
                                if($item->nama==$kecamatan){
                                    $kecamatan_sel='selected';
                                }
                                else{
                                    $kecamatan_sel='';
                                }
                                echo '<option value="'.$item->nama.'" '.$kecamatan_sel.'>'.$item->nama.'</option>';
                            }
                        }
                        $kecamatan_sel='';
                    @endphp
                </select>
                </div>
            </div>
	   @endif
      </div>
      @if(session('be_uposisi')==0&&$id_jenislaporan==2)
	      <div style="padding: 0px 20px 20px 20px;">
	          <a class="btn btn-primary btn-sm item_modal" id="pilihpopupkecamatan" ><i class="ti-check-box"></i> Pilih</a>
	      </div>
      @endif
    </div>
  </div>
</div>
@endif

<div id="modal_pelapor" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Daftar Pelapor</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div id="dTable" class="box-body table-responsive" style="padding:20px;">
      </div>
    </div>
  </div>
</div>
<div id=tblpelapor class="hide">
            <table width="100%" id="tblData" class="table table-hover table-striped" id="example">
                <thead>
                    <tr>
                        <td width="25%">Nama</td>
                        <td width="25%">No.Identitas</td>
                        <td width="25%">TTL</td>
                        <td width="15%">Kat. Pelapor</td>
                        <th width="10%" style="text-align: center;">Actions</th>
                    </tr>
                </thead>
                <tbody id="show_data">
                @if(!empty($listpelapor))
                      @foreach($listpelapor as $row)
	                    <tr>
	                        <td>{{$row->nama}}</td>
	                        <td>{{$row->jenis_noidentitasnm.' '.$row->no_identitas}}</td>
	                        <td>{!!$row->tempat_lahir.'<br>'.konversi_tanggal('d-M-Y',$row->tanggal_lahir,"idshort")!!}</td>
	                        <td>{{$row->katpelapornm}}</td>
	                        <td style="text-align: center;">
	                            <a class="btn btn-primary btn-sm item_modal"  data-id="{{$row->id_user}}" data-nm="{{$row->nama}}" data-provinsikd="{{$row->provinsi}}" data-provinsinm="{{$row->provinsinm}}" data-kabkotakd="{{$row->kabkota}}" data-kabkotanm="{{$row->kabkotanm}}" data-wilayah="{{$row->wilayah}}" data-katpelapor="{{$row->id_katpelapor}}"><i class="ti-check-box"></i> Pilih</a>
	                        </td>
	                    </tr>
                	 @endforeach
				@endif
                </tbody>
            </table>
</div>

<div style='height:30px'></div>
<script>
var html = "";
var dtpelapor=$('#tblpelapor').html();
$("#dTable").append(dtpelapor);
$('#tblData').dataTable({
  "bPaginate": true,
  "bLengthChange": true,
  "bFilter": true,
  "bSort": false,
  "bInfo": true,
  "bAutoWidth": true
});
var rowIdx = {{$index_terlapor}};
function chgPropinsi(s){
    var url = "{{route('add_ajax_kab')}}/"+$('#terlapor_provinsi'+s).val();
    $('#terlapor_kabkota'+s).load(url);
}
// jQuery button click event to add a row.
$('#addBtn').on('click', function () {
  
    // Adding a row inside the tbody.
    $('#tbody').append(`
      <tr id="R${++rowIdx}">
          <td class="row-index text-center align-top"><p>${rowIdx}</p></td>
          <td class="row-index text-center align-top"><input name="terlapor_nama[]" id="terlapor_nama[]" class="form-control terlapor_nama"/></td>
          <td class="row-index align-top">
              <textarea name="terlapor_alamat[]" id=terlapor_alamat${rowIdx} class="form-control terlapor_alamat"/></textarea>
            <div style="margin-top:5px">
                <select style="width:300px" class="form-control select2" id=terlapor_provinsi${rowIdx} name=terlapor_provinsi[] onchange=chgPropinsi(${rowIdx})>
                    <option value="">- Pilih Provinsi -</option>
                    @php
                        foreach($m_provinsi as $item)
                        {
                            echo '<option value="'.$item->kode.'">'.$item->nama.'</option>';
                        }
                    @endphp
               </select>
           </div>
           <div style="margin-top:10px">
               <select style="width:300px" class="form-control select2" id=terlapor_kabkota${rowIdx} name=terlapor_kabkota[] style="margin-top:10px">
                    <option value="">- Pilih Kabupaten -</option>
               </select>
           </div>
          </td>
          @if($id_jenislaporan==3)
               <td class="row-index text-center align-top"><input name="terlapor_pekerjaan[]" id="terlapor_pekerjaan[]" class="form-control"/></td>
          @endif
          <td class="row-index text-center align-top"><input name="terlapor_hp[]" id=terlapor_hp${rowIdx} class="form-control"/></td>
          <td class="text-center align-top"><button class="btn btn-danger remove" type="button">Hapus</button></td>
      </tr>`);
      $(".select2").select2();
      $('#smartwizard').smartWizard("fixHeight");
});
$('#tbody').on('click', '.remove', function () {
  
    // Getting all the rows next to the
    // row containing the clicked button
    var child = $(this).closest('tr').nextAll();
  
    // Iterating across all the rows
    // obtained to change the index
    child.each(function () {
          
        // Getting <tr> id.
        var id = $(this).attr('id');
  
        // Getting the <p> inside the .row-index class.
        var idx = $(this).children('.row-index').children('p');
  
        // Gets the row number from <tr> id.
        var dig = parseInt(id.substring(1));
  
        // Modifying row index.
        idx.html(`${dig - 1}`);
  
        // Modifying row id.
        $(this).attr('id', `R${dig - 1}`);
    });
  
    // Removing the current row.
    $(this).closest('tr').remove();
  
    // Decreasing the total number of rows by 1.
    rowIdx--;
});

var rowIdxSaksi = {{$index_saksi}};
function chgPropinsiSaksi(s){
    var url = "{{route('add_ajax_kab')}}/"+$('#saksi_provinsi'+s).val();
    $('#saksi_kabkota'+s).load(url);
}
// jQuery button click event to add a row.
$('#addBtnSaksi').on('click', function () {
  
    // Adding a row inside the tbody.
    $('#tbodysaksi').append(`
      <tr id="R${++rowIdxSaksi}">
          <td class="row-index text-center align-top"><p>${rowIdxSaksi}</p></td>
          <td class="row-index text-center align-top"><input name="saksi_nama[]" id=saksi_nama${rowIdxSaksi} class="form-control saksi_nama"/></td>
          <td class="row-index align-top">
              <textarea name="saksi_alamat[]" id=saksi_alamat${rowIdxSaksi} class="form-control saksi_alamat"/></textarea>
            <div style="margin-top:5px">
                <select style="width:300px" class="form-control select2" id=saksi_provinsi${rowIdxSaksi} name=saksi_provinsi[] onchange=chgPropinsiSaksi(${rowIdxSaksi})>
                    <option value="">- Pilih Provinsi -</option>
                    @php
                        foreach($m_provinsi as $item)
                        {
                            echo '<option value="'.$item->kode.'">'.$item->nama.'</option>';
                        }
                    @endphp
               </select>
           </div>
           <div style="margin-top:10px">
               <select style="width:300px" class="form-control select2" id=saksi_kabkota${rowIdxSaksi} name=saksi_kabkota[] style="margin-top:10px">
                    <option value="">- Pilih Kabupaten -</option>
               </select>
           </div>
          </td>
          <td class="row-index text-center align-top"><input name="saksi_hp[]" id=saksi_hp${rowIdxSaksi} class="form-control"/></td>
          <td class="text-center align-top"><button class="btn btn-danger remove" type="button">Hapus</button></td>
      </tr>`);
      $(".select2").select2();
      $('#smartwizard').smartWizard("fixHeight");
});
$('#tbodysaksi').on('click', '.remove', function () {
  
    // Getting all the rows next to the
    // row containing the clicked button
    var child = $(this).closest('tr').nextAll();
  
    // Iterating across all the rows
    // obtained to change the index
    child.each(function () {
          
        // Getting <tr> id.
        var id = $(this).attr('id');
  
        // Getting the <p> inside the .row-index class.
        var idx = $(this).children('.row-index').children('p');
  
        // Gets the row number from <tr> id.
        var dig = parseInt(id.substring(1));
  
        // Modifying row index.
        idx.html(`${dig - 1}`);
  
        // Modifying row id.
        $(this).attr('id', `R${dig - 1}`);
    });
  
    // Removing the current row.
    $(this).closest('tr').remove();
  
    // Decreasing the total number of rows by 1.
    rowIdxSaksi--;
});

var rowIdxPelaporLain = {{$index_pelaporlain}};
function chgPropinsiPelaporLain(s){
    var url = "{{route('add_ajax_kab')}}/"+$('#pelaporlain_provinsi'+s).val();
    $('#pelaporlain_kabkota'+s).load(url);
}
// jQuery button click event to add a row.
$('#addBtnPelaporLain').on('click', function () {
  
    // Adding a row inside the tbody.
    $('#tbodypelaporlain').append(`
      <tr id="R${++rowIdxPelaporLain}">
          <td class="row-index text-center align-top"><p>${rowIdxPelaporLain}</p></td>
          <td class="row-index text-center align-top"><input name="pelaporlain_nama[]" id=pelaporlain_nama${rowIdxPelaporLain} class="form-control pelaporlain_nama"/></td>
          <td class="row-index align-top">
              <textarea name="pelaporlain_alamat[]" id=pelaporlain_alamat${rowIdxPelaporLain} class="form-control pelaporlain_alamat"/></textarea>
            <div style="margin-top:5px">
                <select style="width:300px" class="form-control select2" id=pelaporlain_provinsi${rowIdxPelaporLain} name=pelaporlain_provinsi[] onchange=chgPropinsiPelaporLain(${rowIdxPelaporLain})>
                    <option value="">- Pilih Provinsi -</option>
                    @php
                        foreach($m_provinsi as $item)
                        {
                            echo '<option value="'.$item->kode.'">'.$item->nama.'</option>';
                        }
                    @endphp
               </select>
           </div>
           <div style="margin-top:10px">
               <select style="width:300px" class="form-control select2" id=pelaporlain_kabkota${rowIdxPelaporLain} name=pelaporlain_kabkota[] style="margin-top:10px">
                    <option value="">- Pilih Kabupaten -</option>
               </select>
           </div>
          </td>
          <td class="row-index text-center align-top"><input name="pelaporlain_hp[]" id=pelaporlain_hp${rowIdxPelaporLain} class="form-control"/></td>
          <td class="text-center align-top"><button class="btn btn-danger removepelaporlain" type="button">Hapus</button></td>
      </tr>`);
      $(".select2").select2();
      $('#smartwizard').smartWizard("fixHeight");
});

$('#tbodypelaporlain').on('click', '.removepelaporlain', function () {
  
    // Getting all the rows next to the
    // row containing the clicked button
    var child = $(this).closest('tr').nextAll();
  
    // Iterating across all the rows
    // obtained to change the index
    child.each(function () {
          
        // Getting <tr> id.
        var id = $(this).attr('id');
  
        // Getting the <p> inside the .row-index class.
        var idx = $(this).children('.row-index').children('p');
  
        // Gets the row number from <tr> id.
        var dig = parseInt(id.substring(1));
  
        // Modifying row index.
        idx.html(`${dig - 1}`);
  
        // Modifying row id.
        $(this).attr('id', `R${dig - 1}`);
    });
  
    // Removing the current row.
    $(this).closest('tr').remove();
  
    // Decreasing the total number of rows by 1.
    rowIdxPelaporLain--;
});

var rowIdxBukti = {{$index_bukti}};
// jQuery button click event to add a row.
$('#addBtnBukti').on('click', function () {
  
    // Adding a row inside the tbody.
    $('#tbodybukti').append(`
      <tr id="R${++rowIdxBukti}">
          <td class="row-index text-center align-top"><p>${rowIdxBukti}</p></td>
          <td class="row-index text-center align-top"><input name="bukti_nama[]" id=bukti_nama${rowIdxBukti} class="form-control bukti_nama"/>
          <input type=hidden name="bukti_idx[]" value=${rowIdxBukti}></td>
          <td class="text-center align-top"><button class="btn btn-danger removebukti" type="button">Hapus</button></td>
      </tr>`);
      $(".select2").select2();
      $('#smartwizard').smartWizard("fixHeight");
});
$('#tbodybukti').on('click', '.removebukti', function () {
  
    // Getting all the rows next to the
    // row containing the clicked button
    var child = $(this).closest('tr').nextAll();
  
    // Iterating across all the rows
    // obtained to change the index
    child.each(function () {
          
        // Getting <tr> id.
        var id = $(this).attr('id');
  
        // Getting the <p> inside the .row-index class.
        var idx = $(this).children('.row-index').children('p');
  
        // Gets the row number from <tr> id.
        var dig = parseInt(id.substring(1));
  
        // Modifying row index.
        idx.html(`${dig - 1}`);
  
        // Modifying row id.
        $(this).attr('id', `R${dig - 1}`);
    });
  
    // Removing the current row.
    $(this).closest('tr').remove();
  
    // Decreasing the total number of rows by 1.
    rowIdxBukti--;
});

var rowIdxPetitum = {{$index_petitum}};
// jQuery button click event to add a row.
$('#addBtnPetitum').on('click', function () {
  
    // Adding a row inside the tbody.
    $('#tbodyPetitum').append(`
      <tr id="R${++rowIdxPetitum}">
          <td class="row-index text-center align-top"><p>${rowIdxPetitum}</p></td>
          <td class="row-index text-center align-top"><textarea cols=20 rows=5 name="petitum_nama[]" id=petitum_nama${rowIdxPetitum} class="form-control"/></textarea></td>
          <td class="text-center align-top"><button class="btn btn-danger removePetitum" type="button">Hapus</button></td>
      </tr>`);
      $(".select2").select2();
      $('#smartwizard').smartWizard("fixHeight");
});
$('#tbodyPetitum').on('click', '.removePetitum', function () {
  
    // Getting all the rows next to the
    // row containing the clicked button
    var child = $(this).closest('tr').nextAll();
  
    // Iterating across all the rows
    // obtained to change the index
    child.each(function () {
          
        // Getting <tr> id.
        var id = $(this).attr('id');
  
        // Getting the <p> inside the .row-index class.
        var idx = $(this).children('.row-index').children('p');
  
        // Gets the row number from <tr> id.
        var dig = parseInt(id.substring(1));
  
        // Modifying row index.
        idx.html(`${dig - 1}`);
  
        // Modifying row id.
        $(this).attr('id', `R${dig - 1}`);
    });
  
    // Removing the current row.
    $(this).closest('tr').remove();
  
    // Decreasing the total number of rows by 1.
    rowIdxPetitum--;
});
</script>
<script src="{{asset('media/js/jquery-3.4.1.min.js')}}"></script>
<script src="{{asset('media/js/jquery.smartWizard.min.js')}}" type="text/javascript"></script>

<script src="{{asset('media/assets/node_modules/moment/moment.js')}}"></script>
<script src="{{asset('media/js/bootstrap-datetimepicker.min.js')}}"></script>
<script src="{{asset('media/datepicker/js/bootstrap-datepicker.min.js')}}"></script>
<script type="text/javascript">
     
        var a=0;
        $("#wilprovinsi").change(function (){
           var url = "{{route('add_ajax_kab')}}/"+$(this).val();
           $('#wilkabkota').load(url);
           return false;
        })
        $("#wilkabkota").change(function (){
           var url = "{{route('add_ajax_kec')}}/"+$(this).val();
           $('#wilkecamatan').load(url);
           return false;
        })
        $("#kejadianprovinsi").change(function (){
           var url = "{{route('add_ajax_kab')}}/"+$(this).val();
           $('#kejadiankabkota').load(url);
           return false;
        })
        $("#kejadiankabkota").change(function (){
           var url = "{{route('add_ajax_kec')}}/"+$(this).val();
           $('#kejadiankecamatan').load(url);
           return false;
        })
        $('#kecamatan4').change(function (){
            $('#kecamatan').val($(this).val()).trigger('change');
        })
        $('#kejadiannegara3').change(function (){
            $('#kejadiannegara').val($(this).val()).trigger('change');
        })
        $('#show_data').on('click','.item_modal',function(){
            var id = $(this).data('id');
            var nm = $(this).data('nm');
            var provinsikd = $(this).data('provinsikd');
            var provinsinm = $(this).data('provinsinm');
            var kabkotakd = $(this).data('kabkotakd');
            var kabkotanm = $(this).data('kabkotanm');
            var wilayah = $(this).data('wilayah');
            var id_katpelapor = $(this).data('katpelapor');
            $('.spanwilpropvinsinm').text('Propinsi : '+provinsinm)
            $('.spanwilkabkotanm').text('Kabupaten : '+kabkotanm)
            $('#id_pelapor').val(id)
            $('#id_pelapornm').val(nm)
            $('#modal_pelapor').modal('hide');
            
            $('#wilayah').val(wilayah);
            $('#id_katpelapor').val(id_katpelapor);
            $('#wilprovinsia').val(provinsikd);
            $('#wilkabkotaa').val(kabkotakd);
            $('#kejadianprovinsib').val(provinsikd);
            $('#kejadiankotab').val(kabkotakd);
            
            $('.pelapor-form-group').closest('.form-group').removeClass('has-error')
            tutuppemilihan();
            var kd=$('#wilayah').val();
            var url = "{{route('m_laporan.madd_ajax_jenispemilihan').'/'.$id_jenislaporan}}/"+kd;
               $('#id_jenispemilihan').load(url);
            
            var url = "{{route('add_ajax_kab')}}/"+provinsikd;
            $('#kejadiankabkotabb').load(url);
        });
        
        $("#jenistempatkejadian").change(function (){
            $('.jenistempatkejadian-form-group').removeClass('has-error')
            jenistempatkejadian=$("#jenistempatkejadian").val();
            if(jenistempatkejadian=='Dalam Negeri'){
                $("#dkejadianprovinsi").addClass('show');
                $("#dkejadiankabkota").addClass('show');
                $("#dkejadiankecamatan").addClass('show');
                $("#dkejadianalamat").addClass('show');
                $("#dkejadianprovinsi").removeClass('hide');
                $("#dkejadiankabkota").removeClass('hide');
                $("#dkejadiankecamatan").removeClass('hide');
                $("#dkejadianalamat").removeClass('hide');
                
                $("#dkejadianalamata").removeClass('show');
                $("#dkejadiannegara").removeClass('show');
                $("#dkejadianalamata").addClass('hide');
                $("#dkejadiannegara").addClass('hide');
                
            }
            else if(jenistempatkejadian=='Luar Negeri'){
                $("#dkejadianprovinsi").addClass('hide');
                $("#dkejadiankabkota").addClass('hide');
                $("#dkejadiankecamatan").addClass('hide');
                $("#dkejadianalamat").addClass('hide');
                $("#dkejadianprovinsi").removeClass('show');
                $("#dkejadiankabkota").removeClass('show');
                $("#dkejadiankecamatan").removeClass('show');
                $("#dkejadianalamat").removeClass('show');
                
                $("#dkejadianalamata").removeClass('hide');
                $("#dkejadianalamata").addClass('show');
                $("#dkejadiannegara").removeClass('hide');
                $("#dkejadiannegara").addClass('show');
            }
            else{
                $("#dkejadianprovinsi").addClass('hide');
                $("#dkejadiankabkota").addClass('hide');
                $("#dkejadiankecamatan").addClass('hide');
                $("#dkejadianalamat").addClass('hide');
                $("#dkejadianprovinsi").removeClass('show');
                $("#dkejadiankabkota").removeClass('show');
                $("#dkejadiankecamatan").removeClass('show');
                $("#dkejadianalamat").removeClass('show');
                
                $("#dkejadianalamata").removeClass('show');
                $("#dkejadiannegara").removeClass('show');
                $("#dkejadianalamata").addClass('hide');
                $("#dkejadiannegara").addClass('hide');
            }
            $('#smartwizard').smartWizard("fixHeight");
            console.log('loged');
        });
        $("#id_jenispemilihan").change(function (){
            $('.jenispemilihan-form-group').removeClass('has-error')
               id_jenispemilihan=$("#id_jenispemilihan").val();
               console.log('id_jenispemilihan = '+id_jenispemilihan);
            if(id_jenispemilihan==4||id_jenispemilihan==5||id_jenispemilihan==6||id_jenispemilihan==7||id_jenispemilihan==8||id_jenispemilihan==9||id_jenispemilihan==10||id_jenispemilihan==11||id_jenispemilihan==12||id_jenispemilihan==13||id_jenispemilihan==1||id_jenispemilihan==2||id_jenispemilihan==3){
                if(id_jenispemilihan==4){
                    $("#dwilprovinsi").removeClass('show');
                    $("#dwilkabkota").removeClass('show');
                    $("#dwilkecamatan").removeClass('show');
                    $("#dwilprovinsi").addClass('hide');
                    $("#dwilkabkota").addClass('hide');
                    $("#dwilkecamatan").addClass('hide');
                }
                else if(id_jenispemilihan==5||id_jenispemilihan==6||id_jenispemilihan==8||id_jenispemilihan==1){
                    $("#dwilprovinsi").addClass('show');
                    $("#dwilkabkota").addClass('hide');
                    $("#dwilkecamatan").addClass('hide');
                    $("#dwilprovinsi").removeClass('hide');
                    $("#dwilkabkota").removeClass('show');
                    $("#dwilkecamatan").removeClass('show');
                    if(id_jenispemilihan==1){
                        //$("#dwilkecamatan").removeClass('show');
                        //$("#dwilkecamatan").addClass('hide');
                        
                        /*$("#dwilprovinsia").removeClass('hide');
                        $("#dwilprovinsia").addClass('show');
                        $("#dwilkabkotaa").removeClass('show');
                        $("#dwilkabkotaa").addClass('hide');*/
                    }
                }
                else if(id_jenispemilihan==7||id_jenispemilihan==2||id_jenispemilihan==3){
                    $("#dwilprovinsi").addClass('show');
                    $("#dwilkabkota").addClass('show');
                    $("#dwilkecamatan").addClass('show');
                    $("#dwilprovinsi").removeClass('hide');
                    $("#dwilkabkota").removeClass('hide');
                    $("#dwilkecamatan").removeClass('hide');
                    if(id_jenispemilihan==2||id_jenispemilihan==3){
                        $("#dwilkecamatan").removeClass('show');
                        $("#dwilkecamatan").addClass('hide');
                        
                        /*$("#dwilprovinsia").removeClass('hide');
                        $("#dwilprovinsia").addClass('show');
                        $("#dwilkabkotaa").addClass('show');
                        $("#dwilkabkotaa").removeClass('hide');*/
                    }
                }
                //$("#dwilprovinsia").hide();
                //$("#dwilkabkotaa").hide();
                /*
                $("#dwilprovinsia").addClass('hide');
                $("#dwilkabkotaa").addClass('hide');
                
                $("#dwilprovinsia").removeClass('show');
                $("#dwilkabkotaa").removeClass('show');
                */
            }
            /*else if(id_jenispemilihan==1){
                $("#dwilprovinsia").addClass('show');
                $("#dwilprovinsia").removeClass('hide');

                $("#dwilkabkotaa").removeClass('show');
                $("#dwilkabkotaa").addClass('hide');
                
                $("#dwilprovinsi").removeClass('show');
                $("#dwilkabkota").removeClass('show');
                
                $("#dwilprovinsi").addClass('hide');
                $("#dwilkabkota").addClass('hide');
            }
            else if(id_jenispemilihan==2||id_jenispemilihan==3){
                $("#dwilprovinsi").removeClass('show');
                $("#dwilkabkota").removeClass('show');
                $("#dwilprovinsia").removeClass('hide');
                
                $("#dwilprovinsi").addClass('hide');
                $("#dwilkabkota").addClass('hide');
                $("#dwilprovinsia").addClass('show');
                
                $("#dwilkabkotaa").addClass('show');
                $("#dwilkabkotaa").removeClass('hide');
            }*/
            else{
                tutuppemilihan()
            }
            $('#smartwizard').smartWizard("fixHeight");
        })
        function tutuppemilihan(){
            console.log('tutuppemilihan');
            /*
            $("#dwilprovinsia").hide();
            $("#dwilkabkotaa").hide();
            $("#dwilprovinsi").hide();
            $("#dwilkabkota").hide();
            */
            $("#dwilprovinsi").addClass('hide');
            $("#dwilkabkota").addClass('hide');
            $("#dwilprovinsia").addClass('hide');
            $("#dwilkabkotaa").addClass('hide');
            
            $("#dwilprovinsi").removeClass('show');
            $("#dwilkabkota").removeClass('show');
            $("#dwilprovinsia").removeClass('show');
            $("#dwilkabkotaa").removeClass('show');
            
        }
        var err=[]
        function arrayRemoveVal(array, removeValue){
            var newArray = jQuery.grep(array, function(value) {return value != removeValue;});
            return newArray;
        }
        // Step show event
        $("#smartwizard").on("showStep", function(e, anchorObject, stepNumber, stepDirection, stepPosition) {
           if(stepPosition === 'first'){
               $("#prev-btn").addClass('disabled');
           }else if(stepPosition === 'final'){
               $("#next-btn").addClass('disabled');
           }else{
               $("#prev-btn").removeClass('disabled');
               $("#next-btn").removeClass('disabled');
           }
        });

        // Smart Wizard
        $('#smartwizard').smartWizard({
            selected: 0,
            theme: 'arrows', // basic, arrows, square, round, dots
            enableUrlHash: false,
            autoAdjustHeight:true,
            transition: {
              animation:'slideHorizontal' // none|fade|slideHorizontal|slideVertical|slideSwing|css
            },
            toolbar: {
            showNextButton: true, // show/hide a Next button
            showPreviousButton: true, // show/hide a Previous button
            position: 'both', // none|top|bottom|both
            extraHtml: `<button class="btn btn-success" onclick="getfinish()">Finish</button>
                        <button class="btn btn-secondary" onclick="getcancel()">Cancel</button>`
          }
        });
        
        $("#smartwizard").on("leaveStep", function(e, anchorObject, stepNumber, stepDirection) {
            return checkallstep(stepNumber);
        });
        function getcancel(){
            event.preventDefault();
            if(confirm("Form pendaftaran akan ditinggalkan?")){
                document.location.href="{{route('m_laporan.index').'/'.($id_jenislaporan==2?'31773d3d':'31413d3d')}}"
            }
              return false;
        }
        function getfinish(){
            if(checkall()){
                if(gosubmit()){
                    if(confirm("Data pelaporan/temuan akan disimpan?")){
                        //$('frm').submit();
                        $("#overlay").fadeIn(300);
                    }
                    else{
                        g_submit=0;
                        event.preventDefault();
                    }
                }
                else{
                    event.preventDefault();
                }
            }
            else{
                //alert('Isian form belum lengkap. Silakan dilengkapi isian form terlebih dahulu')
                event.preventDefault();
            }
        }
        function checkall(){
            var sts=false
            var sts=checkStep1();
            if(sts){
                sts=checkStep2();
            }
            if(sts){
                sts=checkStep3();
            }
            if(sts){
                sts=checkStep4();
            }
            if(sts){
                sts=checkStep5();
            }
            if(sts){
                sts=checkStep6();
            }
            return sts
        }
        function checkallstep(s){
            var sts=false
            switch(s){
                case 0:sts=checkStep1();break;
                case 1:sts=true;break;
                case 2:sts=checkStep2();break;
                @if($id_jenislaporan==3)
	                case 3:sts=checkStep4();break;
	                case 4:sts=checkStep5();break;
	                case 5:sts=checkStep6();break;
                @else
	                case 3:sts=checkStep3();break;
	                case 4:sts=checkStep4();break;
	                case 5:sts=checkStep5();break;
                @endif
            }
            if(sts==false){
                err=arrayRemoveVal(err,s);
                err.push(s);
                setErr();
            }
            else{
                err=arrayRemoveVal(err,s);
                setErr();
            }
            return sts
        }
        function setErr(){
            $('#smartwizard').smartWizard("stepState", err, 'error-off');
        }
        function checkStep1(){
            var sts=true
            id_pelapor=$("#id_pelapor").val()
            id_jenislaporan=$("#id_jenislaporan").val()
            id_jenispemilihan=$("#id_jenispemilihan").val()
            
            if(id_pelapor==''){
                $('.pelapor-form-group').closest('.form-group').addClass('has-error');
                sts=false
            }
            if(sts){
                if(id_jenislaporan==''){
                    $('.jenislaporan-form-group').closest('.form-group').addClass('has-error');
                    sts=false
                }
            }
            if(sts){
                if(id_jenispemilihan==""){
                    $('.jenispemilihan-form-group').closest('.form-group').addClass('has-error');
                    sts=false
                }
            }
            if(sts){
                if(id_jenispemilihan==4||id_jenispemilihan==5||id_jenispemilihan==6||id_jenispemilihan==7||id_jenispemilihan==8||id_jenispemilihan==9||id_jenispemilihan==10||id_jenispemilihan==11||id_jenispemilihan==12||id_jenispemilihan==13){
                    if($('#djenistempatkejadian').hasClass('show')){
                        if($("#jenistempatkejadian").val()==""){
                            $('.jenistempatkejadian-form-group').closest('.form-group').addClass('has-error');
                            sts=false
                        }
                    }
                }
                else if(id_jenispemilihan==1){
                    if(!checkobj('kejadiankotabb','Kabupaten/Kotanadya harus dipilih terlebih dahulu')){sts=false}
                }
            }
            if(sts){
                if(!checkobj('waktudiketahui','Waktu diketahui harus diisi terlebih dahulu')){sts=false}
            }
            if(sts){
                if(!checkobj('ringkasan','Peristiwa singkat harus diisi terlebih dahulu')){sts=false}
            }
            if(sts){
                if($('#djenistempatkejadian').hasClass('show')){
                    if(!checkobj('jenistempatkejadian','Jenis tempat kejadian harus dipilih terlebih dahulu')){sts=false}
                }
            }
            if(sts){
                if($('#dkejadianprovinsi').hasClass('show')){
                    if(!checkobj('kejadianprovinsi','Propinsi tempat kejadian harus dipilih terlebih dahulu')){sts=false}
                }
            }
            if(sts){
                if($('#dkejadianalamat').hasClass('show')){
                    if(!checkobj('kejadianalamat','Alamat tempat kejadian harus diisi terlebih dahulu')){sts=false}
                }
            }
            if(sts){
                if($('#dkejadianalamata').hasClass('show')){
                    if(!checkobj('kejadianalamata','Alamat tempat kejadian harus diisi terlebih dahulu')){sts=false}
                }
            }
            if(sts==false){
                alert('Data peristiwa harus dilengkapi terlebih dahulu')
            }
            return sts;
        }
        function checkStep2(){
            var sts=true
            var idx=0;
            var s=0;
            $('.terlapor_nama').each(function(){
                s=1;
                if($(this).val()==""){
                    sts=false;
                    alert('Nama terlapor harus diisi');
                    $(this).focus();
                    return false;
                }
                if($('.terlapor_alamat').eq(idx).val()==""){
                    sts=false;
                    alert('Alamat terlapor harus diisi');
                    $('.terlapor_alamat').eq(idx).focus();
                    return false;
                }
                idx++;
            });
            if(s==1&&sts==true){
            }
            else{
                alert('Data terlapor harus diisi terlebih dahulu')
                sts=false
            }
            return sts;
        }
        function checkStep3(){
            var sts=true
            return sts;
        }
        function checkStep4(){
            var sts=true
            var idx=0;
            var s=0;
            $('.bukti_nama').each(function(){
                s=1;
                if($(this).val()==""){
                    sts=false;
                    alert('Bukti harus diisi');
                    $(this).focus();
                    return false;
                }
                idx++;
            });
            if(s==1&&sts==true){
            }
            else{
                alert('Bukti harus diisi terlebih dahulu')
                sts=false
            }
            return sts;
        }
        function checkStep5(){
            var sts=true
            return sts;
        }
        function checkStep6(){
            var sts=true
            return sts;
        }
        function checkobj(o,e){
            var sts=true
            var element=$('input[name="'+o+'"]')
            if(!element.is('input')){
                element=$('select[name="'+o+'"]')
                if(!element.is('select')){
                    element=$('textarea[name="'+o+'"]')
                }
            }
            var error=$('<span class="help-block">'+e+'</span>');
            if(element.val()==''){
                element.addClass('classChg')
                element.closest('.form-group').addClass('has-error');
                if (element.parent('.input-group').length) {
                    element.next('span').next('span').nextAll().remove()
                    error.insertAfter(element.next('span').next('span'));
                }
                else if(element.hasClass('select2')){
                    error.insertAfter(element.next('span'));
                    element.next('span').next('span').nextAll().remove()
                }
                else{
                    element.nextAll().remove();
                    error.insertAfter(element);
                }
                sts=false
            }
            return sts;
        }
        function errSign(o,e){
            var element=$('input[name="'+o+'"]')
            if(!element.is('input')){
                element=$('select[name="'+o+'"]')
                if(!element.is('select')){
                    element=$('textarea[name="'+o+'"]')
                }
            }
            var error=$('<span class="help-block">'+e+'</span>');
            element.addClass('classChg')
            element.closest('.form-group').addClass('has-error');
            if (element.parent('.input-group').length) {
                element.parent().next('span').nextAll().remove()
                error.insertAfter(element.next('span').next('span'));
            }
            else if(element.hasClass('select2')){
                error.insertAfter(element.next('span'));
                element.next('span').next('span').nextAll().remove()
            }
            else{
                element.nextAll().remove();
                error.insertAfter(element);
            }
        }
        function isValidEmailAddress(emailAddress) {
          var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
          return pattern.test(emailAddress);
        }
        $(document).on('change', '.classChg', function() {
            var $this = $(this);
            if($this.val()==""){
                $this.closest('.form-group').removeClass('has-error').addClass('has-error');
            }
            else{
                $this.closest('.form-group').removeClass('has-error');
            }
        });
</script>
<script src="{{asset('media/assets/node_modules/tinymce/tinymce.min.js')}}"></script>
<script>
$(document).ready(function() {
    
    $('#pilihpopupkecamatan').on('click', function(e) {
        $('#modal_kecamatan').modal('hide');
    });
    
	@if (session('be_uposisi')==0&&$id_jenislaporan==2)
	    $('#sumberdataluarnegeri').show();
    @elseif(session('be_uposisi')==1)
	    $("#dkejadianprovinsi").addClass('show');
	    $("#dkejadiankabkota").addClass('show');
	    $("#dkejadiankecamatan").addClass('show');
	    $("#dkejadianalamat").addClass('show');
	    $("#dkejadianprovinsi").removeClass('hide');
	    $("#dkejadiankabkota").removeClass('hide');
	    $("#dkejadiankecamatan").removeClass('hide');
	    $("#dkejadianalamat").removeClass('hide');
	@else
	    $("#dkejadianalamat").addClass('hide');
	    $("#dkejadianalamat").removeClass('show');
	    $("#dkejadianalamata").addClass('show');
	    $("#dkejadianalamata").removeClass('hide');
	@endif


	@if(substr(session('be_uwilayah'),3,2)=='00')
	@else
		@if(session('be_uposisi')<2)
			$('#modal_kecamatan').modal('show');
		@endif
		@if(session('be_uwilayah')=='0')
		@else
	    	@if (session('be_uposisi')==1)
			    $('#sumberdata').show();
			    console.log('{{session("be_uwilayah")}}');
		    @endif
		@endif
	@endif
	
	$('#red').click(function(){
		if ($(this).is(':checked')){
			console.log('Kabupaten');
			$('#dkecamatan').hide();
			$('#kecamatan').val('""').trigger('change');
		}
	});
	
	$('#blue').click(function(){
		if ($(this).is(':checked')){
			console.log('Kecamatan');
			$('#dkecamatan').show();
		}
	});
	
	$('#red4').click(function(){
		if ($(this).is(':checked')) {
			$('#red').click();
			console.log('Kabupaten');
			$('#dkecamatan4').hide();
			$('#kecamatan4').val("''").trigger('change');
			$('#kecamatan').val("''").trigger('change');
		}
	});
	
	$('#blue4').click(function(){
		if ($(this).is(':checked')) {
			$('#blue').click();
			console.log('Kecamatan');
			$('#dkecamatan4').show();
		}
	});
	
	$('#red2').click(function(){
		if ($(this).is(':checked')){
			console.log('Dalam negeri');
			$('#dkejadiannegara').hide();
			$('#jenistempatkejadian').val('Dalam Negeri');
			$("#dkejadianprovinsi").addClass('show');
			$("#dkejadiankabkota").addClass('show');
			$("#dkejadiankecamatan").addClass('show');
			$("#dkejadianalamat").addClass('show');
			$("#dkejadianprovinsi").removeClass('hide');
			$("#dkejadiankabkota").removeClass('hide');
			$("#dkejadiankecamatan").removeClass('hide');
			$("#dkejadianalamat").removeClass('hide');
			
			$("#dkejadianalamata").removeClass('show');
			$("#dkejadiannegara").removeClass('show');
			$("#dkejadianalamata").addClass('hide');
			$("#dkejadiannegara").addClass('hide');
		}
	});
	$('#blue2').click(function(){
		if ($(this).is(':checked')){
			console.log('Luar negeri');
			$('#dkejadiannegara').show();
			$('#jenistempatkejadian').val('Luar Negeri');
			$("#dkejadianprovinsi").addClass('hide');
			$("#dkejadiankabkota").addClass('hide');
			$("#dkejadiankecamatan").addClass('hide');
			$("#dkejadianalamat").addClass('hide');
			$("#dkejadianprovinsi").removeClass('show');
			$("#dkejadiankabkota").removeClass('show');
			$("#dkejadiankecamatan").removeClass('show');
			$("#dkejadianalamat").removeClass('show');
			
			$("#dkejadianalamata").removeClass('hide');
			$("#dkejadianalamata").addClass('show');
			$("#dkejadiannegara").removeClass('hide');
			$("#dkejadiannegara").addClass('show');
		}
	});
	$('#red3').click(function(){
		if ($(this).is(':checked')) {
			$('#red2').click();
			console.log('Dalam negeri');
			$('#dkejadiannegara3').hide();
			$('#jenistempatkejadian').val('Dalam Negeri');
			$("#dkejadianprovinsi").addClass('show');
			$("#dkejadiankabkota").addClass('show');
			$("#dkejadiankecamatan").addClass('show');
			$("#dkejadianalamat").addClass('show');
			$("#dkejadianprovinsi").removeClass('hide');
			$("#dkejadiankabkota").removeClass('hide');
			$("#dkejadiankecamatan").removeClass('hide');
			$("#dkejadianalamat").removeClass('hide');
			
			$("#dkejadianalamata").removeClass('show');
			$("#dkejadiannegara").removeClass('show');
			$("#dkejadianalamata").addClass('hide');
			$("#dkejadiannegara").addClass('hide');
		}
	});
	$('#blue3').click(function(){
	if ($(this).is(':checked')) {
		$('#blue2').click();
		console.log('Luar negeri');
		$('#dkejadiannegara3').show();
		$('#jenistempatkejadian').val('Luar Negeri');
		$("#dkejadianprovinsi").addClass('hide');
		$("#dkejadiankabkota").addClass('hide');
		$("#dkejadiankecamatan").addClass('hide');
		$("#dkejadianalamat").addClass('hide');
		$("#dkejadianprovinsi").removeClass('show');
		$("#dkejadiankabkota").removeClass('show');
		$("#dkejadiankecamatan").removeClass('show');
		$("#dkejadianalamat").removeClass('show');
		
		$("#dkejadianalamata").removeClass('hide');
		$("#dkejadianalamata").addClass('show');
		$("#dkejadiannegara").removeClass('hide');
		$("#dkejadiannegara").addClass('show');
	}
	});
    if ($("#mymce").length > 0) {
        tinymce.init({
              forced_root_block : false,
            selector: "textarea#mymce",
            theme: "modern",
            height: 300,
            plugins: [
                "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                "save table contextmenu directionality emoticons template paste textcolor"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",

        });
    }
});
</script>
<script type="text/javascript">
    $(function () {
        $('#waktukejadian').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            orientation: "bottom",
            todayHighlight: true,
            widgetPositioning:{
               horizontal: 'auto',
               vertical: 'bottom'
           }
        });
        $('#waktudiketahui').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            orientation: "bottom",
            todayHighlight: true,
            widgetPositioning:{
               horizontal: 'auto',
               vertical: 'bottom'
           }
        });
        $('#tgl_offline').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            orientation: "bottom",
            todayHighlight: true,
            widgetPositioning:{
               horizontal: 'auto',
               vertical: 'bottom'
           }
        });
        $('#waktukejadian').datepicker().on("dp.change",function() {
            var $this = $(this);
            if($this.val()==""){
                $this.closest('.form-group').removeClass('has-error').addClass('has-error');
            }
            else{
                $this.closest('.form-group').removeClass('has-error');
            }
        })
        $('#waktudiketahui').datepicker().on("dp.change",function() {
            var $this = $(this);
            if($this.val()==""){
                $this.closest('.form-group').removeClass('has-error').addClass('has-error');
            }
            else{
                $this.closest('.form-group').removeClass('has-error');
            }
        })
        $('#tgl_offline').datepicker().on("dp.change",function() {
            var $this = $(this);
            if($this.val()==""){
                $this.closest('.form-group').removeClass('has-error').addClass('has-error');
            }
            else{
                $this.closest('.form-group').removeClass('has-error');
            }
        })
    });
</script>
<script src="{{asset('media/assets/js/select2.full.js')}}"></script>
<script>
$(".select2").select2();
$('#id_pelapornm').attr("readonly", true);
@if(isset($id)&&session('be_urole')!=3)
	$('#id_jenispemilihan').attr("readonly", true);
	$('#wilprovinsi').attr("readonly", true);
	$('#wilkabkota').attr("readonly", true);
@endif
@if($stsdibuat==1)
	$('#jenistempatkejadian').attr("readonly", true);
	$('#kejadianprovinsi').attr("readonly", true);
	$('#kejadiankabkota').attr("readonly", true);
	$('#kejadiankabkotabb').attr("readonly", true);
@endif
</script>
@endsection