@extends('be.layout-index')
@section('content')
@php
$modul="Kajian Awal";
$modula="m_kajianawal";
$id='';
$no='';
$id_laporan='';
//$id_jenislaporan='';
$id_kat1='';
$tgl_registrasi = '';
$id_kat2='';
$id_kat3='';
$id_kat1nm='';
$id_kat2nm='';
$id_kat3nm='';
$id_trendpelanggaran='';
$locus_pelimpahannm='';
$dok_reg='';
$dok_unreg='';
$dok_lengkapidokumen='';
$dok_dicabut='';
$dok_unreg_sdh_ditangani='';
$stsfinal='';
$locus_pelimpahan='';
$kecamatan='';
$sel_pelimpahan='';
$katawal='';
$noregmanual='';
$id_pelapor='';
$admbano='';
$admbafile='';
if(isset($data->id)){
    $id=$data->id;
    $no=$data->no;
    $id_laporan=$data->id_laporan;
    
    $id_kat1=$data->id_kat1;
    $tgl_registrasi=(!is_null($data->tgl_registrasi) ? date('d/m/Y', strtotime($data->tgl_registrasi)) : '');
    $id_kat2=$data->id_kat2;
    $id_kat1nm=$data->kat1nm;
    $id_kat2nm=$data->kat2nm;
    $id_trendpelanggaran=$data->id_trendpelanggaran;
    $locus_pelimpahannm=$data->locus_pelimpahannm;
    $dok_reg=$data->dok_reg;
    $dok_unreg=$data->dok_unreg;
    $dok_lengkapidokumen=$data->dok_lengkapidokumen;
    $dok_dicabut=$data->dok_dicabut;
    $dok_unreg_sdh_ditangani=$data->dok_unreg_sdh_ditangani;
    $stsfinal=$data->stsfinal;
    $sel_pelimpahan=$data->sel_pelimpahan;
    $locus_pelimpahan=$data->locus_pelimpahan;
    $kecamatan=$data->kecamatan;
    $katawal=$data->katawal;
    $noregmanual=$data->noregmanual;
    $id_pelapor=$data->id_pelapor;
    $admbano=$data->admbano;
    $admbafile=$data->admbafile;
}

if($stsfinal==''){$stsfinal='0';}
$arrkatawal=[];
if($katawal!=""){
    $arrkatawal=explode(",",$katawal);
}
@endphp
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<link href="{{asset('media/assets/node_modules/icheck/skins/all.css')}}" rel="stylesheet">
<link href="{{asset('media/dist/css/pages/form-icheck.css')}}" rel="stylesheet">
<link rel="stylesheet" href="{{asset('media/css/readonly.css')}}">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<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 name=frm enctype="multipart/form-data" method=post action="{!!route('m_kajianawal.save')!!}">
							@csrf
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group row required">
                                        <label class="col-sm-2 control-label">Laporan</label>
                                        <div class="input-group col-md-4">
                                            @if($id!='')
				                                   <input type=hidden name=no value="{!!$no!!}">{!!$no!!}
				                            @else
	                                           <input class="form-control py-2" type="search" placeholder="Cari No Pelaporan" id="no" name="no">
	                                           <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><span class="col-md-12" style="margin-left:-10px" class=span_err>
	                                               <font class=font_err></font>
	                                           </span>
                                            @endif
                                        </div>
                                    </div>
                                    @if($id=='')
	                                    <div class="form-group row required">
	                                        <label class="col-sm-2 control-label">Kajian awal {{ isset($_GET['g']) ? $_GET['g'] : '' }} </label>
	                                        <div class="col-sm-5">
	                                            <textarea name="note" id=note class="form-control" rows=4>{!!(isset($_GET['g']) ? $kasn : '')!!}</textarea>
	                                        </div>
	                                    </div>
	                                    <div class="form-group row">
	                                        <label class="col-sm-2 control-label">Dokumen kajian awal</label>
	                                        <div class="col-sm-7">
	                                            <input type=file name=dokumen id=dokumen>
	                                        </div>
	                                    </div>
                                    @endif
                                    <div class="form-group row">
                                        <label class="col-sm-2 control-label">Hasil Kajian</label>
                                        <div class="col-sm-5">
                                            <select style="width:300px" class='form-control select2' id=id_kat1
                                                name=id_kat1>
                                                <option value=''>- Pilih Hasil Kajian -</option>
                                                @php
				                                    $id_kat1_sel='';
				                                    if(isset($m_kat1)){
				                                        foreach($m_kat1 as $item)
				                                        {
				                                            if($item->id==$id_kat1){
				                                                $id_kat1_sel='selected';
				                                            }
				                                            else{
				                                                $id_kat1_sel='';
				                                            }
				                                            echo '<option value="'.$item->id.'" '.$id_kat1_sel.'>'.$item->nama.'</option>';
				                                        }
				                                    }
				                                @endphp
                                            </select>

                                            <div style="height:10px"></div>
                                            <input type="text" name="tgl_registrasi" id="tgl_registrasi"
                                                class="form-control py-2" value="{!!$tgl_registrasi;!!}"
                                                placeholder="Tanggal Registrasi (dd/mm/yyyy)" title="Tanggal registrasi"
                                                style="width: 55%; height: 38px; display: {!! ($id_kat1==2 ? 'block;' : 'none;') !!}" />
                                            <div style="height:10px"></div>

                                            <select style="width:300px" class='form-control select2' id=id_kat2
                                                name=id_kat2 display: {!!($id_kat1==1 ? 'block;' : 'none;');!!}>
                                                <option value=''>- Pilih Kategori Tidak Diregister-</option>
                                                @php
				                                    $id_kat2_sel='';
				                                    if(isset($m_kat2)){
				                                        foreach($m_kat2 as $item)
				                                        {
				                                            if($item->id==$id_kat2){
				                                                $id_kat2_sel='selected';
				                                            }
				                                            else{
				                                                $id_kat2_sel='';
				                                            }
				                                            echo '<option value="'.$item->id.'" '.$id_kat2_sel.'>'.$item->nama.'</option>';
				                                        }
				                                    }
				                                @endphp
                                            </select>

                                            <input type=file name=dokumen_kat id=dokumen_kat style="padding-top:10px"
                                                class="{{($id_kat1!=''?'show':'hide')}}>hide"><br>
                                            <font color=red size=2>*) Untuk penerusan/pelimpahan diisi dokumen
                                                penerusan/pelimpahan</font>
                                            <div style="height:10px"></div>
                                            @php
				                                $s_dp="";
				                                $n_katawal=DB::select("
				                                            select a.id,a.nama,b.id_pelanggaran,b.id_trend
				                                            from m_kajianawala_kategori a
				                                            left join t_kajianawal_pelanggaran b on a.id=b.id_pelanggaran
				                                            and b.id_kajianawal='".$id."' order by a.id");
				                                if(isset($n_katawal)){
				                                    echo '<ul class="icheck-list">';
				                                    foreach($n_katawal as $item) {
				                                        $s_dp.=$item->id.',';
				                                        echo '
				                                        <li>
				                                             <input type="checkbox" class="check katawal" id="katawal'.$item->id.'" data-checkbox="icheckbox_square-red" name="katawal'.$item->id.'" value="'.$item->id.'" '.(($item->id==$item->id_pelanggaran)?"checked":"").' onclick="javascript:f_chgkatawal('.$item->id.')">
				                                             <input type=hidden id="nkatawal'.$item->id.'" value="'.$item->nama.'">
				                                             <label for="square-checkbox-1">'.$item->nama.'</label>
				                                                 &nbsp;<input type="button" id = "btnAdd'.$item->id.'" class="d-'.(($item->id==$item->id_pelanggaran)?"block":"none").' btn btn-secondary btn-sm" onclick = "AddDropDownList('.$item->id.')" value = "Add Trend" /><div style="height:5px"></div>
				                                                 <span id="spantrend'.$item->id.'" class="d-'.(($item->id==$item->id_pelanggaran)?"block":"none").'">
				                                                 <div id="dvContainer'.$item->id.'">';
				                                                $n_trend=DB::select("select id_trend from t_kajianawal_pelanggaran_trend where id_kajianawal='".$id."' and id_pelanggaran='".$item->id."' order by urut");
				                                                foreach($n_trend as $item_trend){
				                                                    echo '<div style="display:flex"><select style="width:330px" class="form-control select2 col-md-12 trendpelanggaran'.$item->id.'" id=trendpelanggaran'.$item->id.'[] name=trendpelanggaran'.$item->id.'[]>
				                                                            <option value=""';
				                                                            if($item_trend->id_trend==""){echo " selected ";}
				                                                            echo ">-Pilih-";
				                                                            $n_trendpelanggaran=DB::select("select id,nama from m_trendpelanggaran where id_jenislaporan=".$id_jenislaporan." and id_kat=".$item->id);
				                                                              if (!empty($n_trendpelanggaran)) {
				                                                                  foreach ($n_trendpelanggaran as $row){
				                                                                    echo "<option value='".$row->id."'";
				                                                                    if($row->id==$item_trend->id_trend){echo " selected ";}
				                                                                    echo ">".$row->nama;
				                                                                }
				                                                            }
				                                                    echo'</select><button class="btn btn-outline-secondary" type="button" value = "Remove" onclick="f_remove(this)"><i class="fa ti-trash"></i></button></div>';
				                                                }
				                                                    echo '</div>';
				                                                    if($item->id==3){
				                                                        echo '<br><br>No BA Adm: <input type=text size:20 name=admbano id=admbano value="'.$admbano.'" class="form-control d-'.($item->id==$item->id_pelanggaran?'block':'none').'"><br>
				                                                        File BA Adm: <input type=file name=admbafile id=admbafile style="padding-top:10px" class="form-control d-'.($item->id==$item->id_pelanggaran?'block':'none').'"><br>';
				                                                        if($admbafile!=''){
				                                                            echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($admbafile).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download File BA Adm</a><br><br>';
				                                                        }
				                                                    }
				                                                echo '</span>';
				                                                if($item->id==4){   
				                                                    echo '<div id="formbkn" style="display: none; border=1; padding-top: 10px; padding-bottom: 10px;">
				                                                            <h6>PENERUSAN LAPORAN DUGAAN NETRALITAS ASN NON TAHAPAN</h6>
                                <div style="display: flex;">
                                    <div style="margin: 5px;">
                                        <select class="form-control select2" style="width: 80px !important;">
                                            <option selected="selected" value="nip">NIP</option>
                                            <option value="nik">NIK</option>
                                        </select>
                                    </div>
                                    <div style="display: flex; padding-top: 5px;">
                                        <input type="text" style="width: 200px; height: 35px;" id="nip" aria-describedby="NIP" maxlength="20" placeholder="Cari Nomor Induk Pegawai" value="198211122009031008">
                                    </div>
                                </div>				                                                            
                                <div style="display: flex;">
                                    <div style="margin: 5px;">
                                        <select class="form-control select2" style="width: 80px !important;">
                                            <option selected="selected" value="nip">NIP</option>
                                            <option value="nik">NIK</option>
                                        </select>
                                    </div>
                                    <div style="display: flex; padding-top: 5px;">
                                        <input type="text" style="width: 200px; height: 35px;" id="nip" aria-describedby="NIP" maxlength="20" placeholder="Cari Nomor Induk Pegawai" value="">
                                    </div>
                                    <div style="display: flex; padding-top: 5px;">
                                        <button style="height:35px;" id="btnTambahASN2">+</button>
                                    </div>    
                                </div>				                                                            
                                <button style="height:35px;" id="btnTambahASN">Isi Detail</button>
				                                                          </div>';
				                                                }
				                                 echo '</li>';
				                                    }
				                                    echo '</ul>';
				                                }
				                            @endphp
                                        </div>
                                    </div>
                                    @php
				                        $awil_bawaslu_pelimpahan=0;
				                        $awil_bawaslu_terusan=0;
				                        $awil_provinsi_pelimpahan=0;
				                        $awil_provinsi_terusan=0;
				                        $awil_kabkota_pelimpahan=0;
				                        $awil_kabkota_terusan=0;
				                        $awil_kec_pelimpahan=0;
				                        $awil_kec_terusan=0;
				                        $locus_me='';
				                        if(session('be_uwilayah')=='0'){
				                            $locus_me='pusat';
				                            if($id_kat2==4){
				                                $awil_provinsi_pelimpahan=1;
				                                $awil_kabkota_pelimpahan=1;
				                                $awil_kec_pelimpahan=1;
				                            }
				                        }
				                        elseif(substr(session('be_uwilayah'),3,2)=='00'){
				                            $locus_me='provinsi';
				                            if($id_kat2==4){
				                                $awil_kabkota_pelimpahan=1;
				                                $awil_kec_pelimpahan=1;
				                            }
				                            if($id_kat2==8||$id_kat2==12){
				                                $awil_bawaslu_terusan=1;
				                                $awil_provinsi_terusan=1;
				                            }
				                        }
				                        elseif(substr(session('be_uwilayah'),3,2)!='00'&&session('be_uwilayah')!='0'){
				                            $locus_me='kabkota';
				                            if($id_kat2==4){
				                                $awil_kec_pelimpahan=1;
				                            }
				                            if($id_kat2==8||$id_kat2==12){
				                                $awil_bawaslu_terusan=1;
				                                $awil_provinsi_terusan=1;
				                                $awil_kabkota_terusan=1;
				                            }
				                        }
				                    @endphp
                                    <input type=hidden name=locus_me id=locus_me value="{!!$locus_me!!}">
                                    <div class="form-group row {!!(($id_kat2==4||$id_kat2==8||$id_kat2==12)?'show':'hide')!!}"
                                        id=dpelimpahan>
                                        <label class="col-sm-2 control-label">Bawaslu Pelimpahan</label>
                                        <div class="col-sm-7">
                                            <ul class="icheck-list">
                                                <li id=awil_bawaslu
                                                    class="{!!(($awil_bawaslu_pelimpahan==1||$awil_bawaslu_terusan==1)?'show':'hide')!!}">
                                                    <input type="radio" class="check wil_bawaslu" id="wil_bawaslu"
                                                        name="wilayah" data-radio="iradio_square-red" value=1
                                                        {!!($sel_pelimpahan==1?"checked":"")!!}>
                                                    <label for="square-radio-1" class="wil_bawaslu">Bawaslu RI</label>
                                                </li>
                                                <li id=awil_provinsi
                                                    class="{!!(($awil_provinsi_pelimpahan==1||$awil_provinsi_terusan==1)?'show':'hide')!!}">
                                                    <input type="radio" class="check wil_provinsi" id="wil_provinsi"
                                                        name="wilayah" data-radio="iradio_square-red" value=2
                                                        {!!($sel_pelimpahan==2?"checked":"")!!}
                                                    <label for="square-radio-2">Propinsi</label><br>
                                                    <span
                                                        class="sellevel {!!($sel_pelimpahan==2?"show":"hide")!!}"
                                                        id=sel_provinsi>
                                                        <select style="width:200px" class='form-control select2'
                                                            id=provinsi name=prov>
                                                            <option value=''>- Pilih Provinsi -</option>
                                                            @php
				                                                $prov_sel='';
				                                                $locus_p=($sel_pelimpahan==2?$locus_pelimpahan:"");
				                                                if(isset($provinsi)){
				                                                    foreach($provinsi as $item)
				                                                    {
				                                                        if(substr($item->kode,0,2)==substr($locus_p,0,2)){
				                                                            $prov_sel='selected';
				                                                        }
				                                                        else{
				                                                            $prov_sel='';
				                                                        }
				                                                        echo '<option value="'.$item->kode.'" '.$prov_sel.'>'.$item->nama.'</option>';
				                                                    }
				                                                }
				                                            @endphp
                                                        </select>
                                                    </span>
                                                </li>
                                                <li id=awil_kabkota
                                                    class="{!!(($awil_kabkota_pelimpahan==1||$awil_kabkota_terusan==1)?'show':'hide')!!}">
                                                    <input type="radio" class="check wil_kabkota" id="wil_kabkota"
                                                        name="wilayah" data-radio="iradio_square-red" value=3 
                                                        {!!($sel_pelimpahan==3?"checked":"")!!}>
                                                    <label for="square-radio-2">Kota/Kabupaten</label><br>
                                                    <span
                                                        class="sellevel {!!($sel_pelimpahan==3?"show":"hide")!!}"
                                                        id=sel_provinsib>
                                                        <select style="width:200px" class='form-control select2'
                                                            id=provinsib name=provb>
                                                            <option value=''>- Pilih Provinsi -</option>
                                                            @php
				                                                $prov_sel='';
				                                                $locus_p=($sel_pelimpahan==3?$locus_pelimpahan:"");
				                                                if(isset($provinsi)){
				                                                    foreach($provinsi as $item)
				                                                    {
				                                                        if(substr($item->kode,0,2)==substr($locus_p,0,2)){
				                                                            $prov_sel='selected';
				                                                        }
				                                                        else{
				                                                            $prov_sel='';
				                                                        }
				                                                        echo '<option value="'.$item->kode.'" '.$prov_sel.'>'.$item->nama.'</option>';
				                                                    }
				                                                }
				                                            @endphp
                                                        </select>
                                                        <br><br>
                                                    </span>
                                                    <span
                                                        class="sellevel2 {!!($sel_pelimpahan==3?"show":"hide")!!}"
                                                        id=sel_kabupatenb>
                                                        <select style="width:200px" name="kabb"
                                                            class="form-control select2" id="kabupatenb">
                                                            <option value=''>- Pilih Kabupaten -</option>
                                                            @php
				                                                $kabkota_sel='';
				                                                $locus_p=($sel_pelimpahan==3?$locus_pelimpahan:"");
				                                                if(isset($m_kabkota)){
				                                                    foreach($m_kabkota as $item)
				                                                    {
				                                                        if($item->kode==$locus_p){
				                                                            $kabkota='selected';
				                                                        }
				                                                        else{
				                                                            $kabkota='';
				                                                        }
				                                                        echo '<option value="'.$item->kode.'" '.$kabkota.'>'.$item->nama.'</option>';
				                                                    }
				                                                }
				                                            @endphp
                                                        </select>
                                                    </span>
                                                </li>
                                                <li id=awil_kec
                                                    class="{!!(($awil_kec_pelimpahan==1||$awil_kec_terusan==1)?'show':'hide')!!}">
                                                    <input type="radio" class="check wil_kec" id="wil_kec"
                                                        name="wilayah" data-radio="iradio_square-red" value=4 
                                                        {!!($sel_pelimpahan==4?"checked":"")!!}>
                                                    <label for="square-radio-2">Kecamatan</label><br>
                                                    <span
                                                        class="sellevel {!!($sel_pelimpahan==4?"show":"hide")!!}"
                                                        id=sel_provinsic>
                                                        <select style="width:200px" class='form-control select2'
                                                            id=provinsic name=provc>
                                                            <option value=''>- Pilih Provinsi -</option>
                                                            @php
				                                                $prov_sel='';
				                                                $locus_p=($sel_pelimpahan==4?$locus_pelimpahan:"");
				                                                if(isset($provinsi)){
				                                                    foreach($provinsi as $item)
				                                                    {
				                                                        if(substr($item->kode,0,2)==substr($locus_p,0,2)){
				                                                            $prov_sel='selected';
				                                                        }
				                                                        else{
				                                                            $prov_sel='';
				                                                        }
				                                                        echo '<option value="'.$item->kode.'" '.$prov_sel.'>'.$item->nama.'</option>';
				                                                    }
				                                                }
				                                            @endphp
                                                        </select>
                                                        <br><br>
                                                    </span>
                                                    <span
                                                        class="sellevel2 {!!($sel_pelimpahan==4?"show":"hide")!!}"
                                                        id=sel_kabupatenc>
                                                        <select style="width:200px" name="kabc"
                                                            class="form-control select2" id="kabupatenc">
                                                            <option value=''>- Pilih Kabupaten -</option>
                                                            @php
				                                                $kabkota_sel='';
				                                                $locus_p=($sel_pelimpahan==4?$locus_pelimpahan:"");
				                                                if(isset($m_kabkota)){
				                                                    foreach($m_kabkota as $item)
				                                                    {
				                                                        if($item->kode==$locus_p){
				                                                            $kabkota='selected';
				                                                        }
				                                                        else{
				                                                            $kabkota='';
				                                                        }
				                                                        echo '<option value="'.$item->kode.'" '.$kabkota.'>'.$item->nama.'</option>';
				                                                    }
				                                                }
				                                            @endphp
                                                        </select>
                                                        <br><br>
                                                    </span>
                                                    <span
                                                        class="sellevel2 {!!($sel_pelimpahan==4?"show":"hide")!!}"
                                                        id=sel_kecamatanc>
                                                        <input type=text name=kecamatanc id="kecamatanc"
                                                            class="form-control col-sm-12"
                                                            value="{!!$kecamatan;!!}"
                                                            placeholder="Nama kecamatan"><br><br>
                                                        <input type=text name=noregmanualc id="noregmanualc"
                                                            class="form-control col-sm-12"
                                                            value="{!!$noregmanual;!!}"
                                                            placeholder="No Register Pelaporan">
                                                    </span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    @if($dok_reg!='')
	                                    <div class="form-group row">
	                                        <label class="col-sm-2 control-label">Dokumen Registrasi</label>
	                                        <div class="col-sm-7">
	                                            @php
					                                if($dok_reg!=''){
					                                    echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($dok_reg).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
					                                }
					                            @endphp
	                                        </div>
	                                    </div>
                                    @endif
                                    @if($dok_unreg!='')
	                                    <div class="form-group row">
	                                        <label class="col-sm-2 control-label">Dokumen Tidak Registrasi</label>
	                                        <div class="col-sm-7">
	                                            @php
					                                if($dok_unreg!=''){
					                                    echo '<a href="'.site_url("download/be_kw_dk/").rawurlencode($dok_unreg).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
					                                }
					                            @endphp
	                                        </div>
	                                    </div>
                                    @endif
                                    @if($dok_lengkapidokumen!='')
                                    <div class="form-group row">
                                        <label class="col-sm-2 control-label">Dokumen Pelengkap</label>
                                        <div class="col-sm-7">
                                            @php
				                                if($dok_lengkapidokumen!=''){
				                                    echo '<a href="'.site_url("download/be_kw_dk/").rawurlencode($dok_lengkapidokumen).'" target="_blank" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
				                                }
				                            @endphp
                                        </div>
                                    </div>
                                    @endif
                                    @if($dok_dicabut!='')
	                                    <div class="form-group row">
	                                        <label class="col-sm-2 control-label">Dokumen dicabut</label>
	                                        <div class="col-sm-7">
	                                            @php
					                                if($dok_dicabut!=''){
					                                    echo '<a href="'.site_url("download/be_kw_dk/").rawurlencode($dok_dicabut).'" target="_blank" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
					                                }
					                            @endphp
	                                        </div>
	                                    </div>
                                    @endif
                                    @if($dok_unreg_sdh_ditangani!='')
	                                    <div class="form-group row">
	                                        <label class="col-sm-2 control-label">Dokumen tidak diregistrasi karena sudah
	                                            ditangani</label>
	                                        <div class="col-sm-7">
	                                            @php
					                                if($dok_unreg_sdh_ditangani!=''){
					                                    echo '<a href="'.site_url("download/be_kw_dk/").rawurlencode($dok_unreg_sdh_ditangani).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
					                                }
					                            @endphp
	                                        </div>
	                                    </div>
                                    @endif
                                </div>
                            </div>
                            <br />
                            <div class="row">
                                <div class="col-sm-8">
                                    <div class="form-group" style="margin-left:13px">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <input name="id" type="hidden" value="{!!$id!!}" />
                                            <input name="stsfinal" id="stsfinal" type="hidden"
                                                value="{!!$stsfinal!!}" />
                                            <input name=id_laporan id=id_laporan type="hidden"
                                                value="{!!$id_laporan!!}" />
                                            <input name="selwilpelimpahan" id="selwilpelimpahan" type="hidden"
                                                value="{!!$sel_pelimpahan!!}" />
                                            <input name="id_jenislaporan" type="hidden"
                                                value="{!!$id_jenislaporan!!}" />
                                            <input name="locus_pelimpahan" type="hidden"
                                                value="{!!$locus_pelimpahan!!}" />
                                            <button type="submit" class="btn btn-info btn-sm" name="btnSave"><i
                                                    class='fa fa-save'></i> Simpan Draft</button>
                                            <a href="javascript:history.back()" class="btn btn-warning btn-sm"><i
                                                    class='fa fa-repeat'></i> Batalkan</a>
                                            <button type="button" class="btn btn-primary btn-sm" name="btnfinal"
                                                id=btnfinal><i class='fa fa-save'></i> Simpan Final</button>
                                            <a id="kirim_notif" class="btn btn-success btn-sm"><i
                                                    class='fa fa-repeat'></i> Notifikasi</a>
                                            @if (isset($_GET['g']))
                                            <button type="button" class="btn btn-primary btn-sm" name="btnkasn"
                                                id=btnkasn><i class='fa fa-save'></i> KASN</button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<!--MODAL NOTIF-->
<form id=frmnotif name=frmnotif>
    <div class="modal fade" id="Modal_Notif" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Kirim Notifikasi</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="nm_notif" required>
                    <textarea rows=5 class="form-control" name=notif id=notif></textarea>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="id_pelapor" id="id_pelapor" value="{!!$id_pelapor!!}">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="button" type="submit" id="btn_notif" class="btn btn-primary">Kirim</button>
                </div>
            </div>
        </div>
    </div>
</form>
<!--END MODAL NOTIF-->

<div id="modal_laporan" 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 Laporan</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=tbllaporan class="hide">
    <table width="100%" id="tblData" class="table table-hover table-striped" id="example">
        <thead>
            <tr>
                <td width="25%">No Laporan</td>
                <td width="25%">Tempat Kejadian</td>
                <td width="25%">Waktu Kejadian</td>
                <th width="10%" style="text-align: center;">Actions</th>
            </tr>
        </thead>
        <tbody id="show_data">
            @php
                  if (!empty($listlaporan)) {
                      foreach ($listlaporan as $row) {
            @endphp
            <tr>
                <td valign=top>{!!$row->no!!}</td>
                <td valign=top>{!!$row->tempatkejadian!!}</td>
                <td valign=top>{!!konversi_tanggal('d-M-Y H:i:s',$row->waktukejadian)!!}</td>
                <td style="text-align: center;">
                    <a class="btn btn-primary btn-sm item_modal" data-id="{!!$row->id!!}"
                        data-no="{!!$row->no!!}" data-idpelapor="{!!$row->id_pelapor!!}"><i
                            class="ti-check-box"></i> Pilih</a>
                </td>
            </tr>
            @php
                        }
                    }
            @endphp
        </tbody>
    </table>
</div>
<!-- Modal -->
<div class="modal fade" id="modalLaporanASN" tabindex="-1" aria-labelledby="modalLaporanASNLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header bg-light">
        <h5 class="modal-title" id="modalLaporanASNLabel">PENERUSAN LAPORAN DUGAAN NETRALITAS ASN NON TAHAPAN</h5>
        <!--<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
      </div>
      
      <form id="formLaporanASN" enctype="multipart/form-data">
        <div class="modal-body">

          <!-- 1. ASN TERLAPOR -->
          <h6 class="fw-bold mb-3">1. ASN TERLAPOR</h6>
          
            <div class="mb-3">
              <label class="form-label">NIP</label>
              <input type="text" class="form-control" name="nip2[]" value="198211122009031008">
            </div>
            <div class="mb-3">
              <label class="form-label">Nama</label>
              <input type="text" class="form-control" name="nik2[]" value="TEST NAMA ASN">
            </div>
          

          <hr>

          <!-- 2. RINCIAN PELANGGARAN -->
          <h6 class="fw-bold mb-3">2. RINCIAN PELANGGARAN</h6>

          <div class="mb-3">
            <label class="form-label">Periode Kejadian Pelanggaran</label>
            <select class="form-select" name="periode">
              <option value="">Pilih</option>
              <option value="SETELAH PENETAPAN CALON">SETELAH PENETAPAN CALON</option>
            </select>
          </div>

          <div class="mb-3">
            <label class="form-label">Kategori Pelanggaran Netralitas</label>
            <select class="form-select" name="kategori">
              <option value="Menjadi anggota dan/atau pengurus partai politik.">Menjadi anggota dan/atau pengurus partai politik.</option>
            </select>
          </div>

          <div class="mb-3">
            <label class="form-label">Peraturan yang mengatur</label>
            <textarea class="form-control" rows="5" readonly>
Pasal 255 ayat 2 dan 3 PP Nomor 11 Tahun 2017
Ayat 2: PNS yang menjadi anggota dan/atau pengurus partai politik wajib mengundurkan diri secara tertulis ...
            </textarea>
          </div>

          <div class="mb-3">
            <label class="form-label">Ancaman Sanksi</label>
            <textarea class="form-control" rows="5" readonly>
Diberhentikan Tidak Dengan Hormat Pasal 87 ayat (4) huruf c UU Nomor 5 Tahun 2014 ...
            </textarea>
          </div>

          <div class="row mb-3">
            <div class="col-md-4">
              <label class="form-label">Waktu Pelanggaran</label>
              <input type="date" class="form-control" name="tgl_pelanggaran">
            </div>
          </div>

          <div class="mb-3">
            <label class="form-label">Deskripsi Kejadian Pelanggaran</label>
            <textarea class="form-control" rows="3" name="deskripsi"></textarea>
          </div>

          <hr>

          <!-- 3. DOKUMEN PENDUKUNG -->
          <h6 class="fw-bold mb-3">3. DOKUMEN PENDUKUNG</h6>
          <div class="mb-3">
            <label class="form-label">Dokumen Surat Pengantar dari Bawaslu</label>
            <input type="file" class="form-control" name="dok_surat">
          </div>

          <div class="mb-3">
            <label class="form-label">Dokumen Kajian Awal</label>
            <input type="file" class="form-control" name="dok_kajian">
          </div>

          <div class="mb-3">
            <label class="form-label">Dokumen Bukti Pendukung</label>
            <input type="file" class="form-control mb-2" name="dok_bukti1">
            <input type="file" class="form-control" name="dok_bukti2">
          </div>

          <div class="mb-3">
            <label class="form-label">Link</label>
            <input type="url" class="form-control" name="link" placeholder="Upload link">
          </div>

          <div class="mb-3">
            <label class="form-label">Catatan</label>
            <textarea class="form-control" rows="3" name="catatan"></textarea>
          </div>

          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" name="pernyataan" id="pernyataan1">
            <label class="form-check-label" for="pernyataan1">
              SAYA MENYATAKAN BAHWA DATA YANG SAYA INPUT ADALAH BENAR DAN BERSIFAT RAHASIA
            </label>
          </div>

        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" onclick="return tutupmodal();">Tutup</button>
          <button type="submit" class="btn btn-primary">SIMPAN</button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- Script untuk tambah ASN -->
<script>
let modalASN;
document.addEventListener('click', function(e) {
  if (e.target.closest('.add-asn')) {
    const container = document.getElementById('asnContainer');
    const newItem = container.querySelector('.asn-item').cloneNode(true);
    newItem.querySelectorAll('input').forEach(i => i.value = '');
    container.appendChild(newItem);
  }
});

  document.getElementById('btnTambahASN').addEventListener('click', function() {
    modalASN = new bootstrap.Modal(document.getElementById('modalLaporanASN'));
    modalASN.show();
  });
  
document.getElementById('formLaporanASN').addEventListener('submit', function(e) {
  e.preventDefault();
  // proses simpan data via AJAX atau lainnya...

      // setelah sukses
    modalASN.hide();
});
  
  function tutupmodal() {
    modalASN.hide();
  }
var html = "";
var dtpelapor = $('#tbllaporan').html();
$("#dTable").append(dtpelapor);
$('#tblData').dataTable({
    "bPaginate": true,
    "bLengthChange": true,
    "bFilter": true,
    "bSort": false,
    "bInfo": true,
    "bAutoWidth": true
});
$(document).ready(function() {

    $('#show_data').on('click', '.item_modal', function() {
        var id = $(this).data('id');
        var no = $(this).data('no');
        var id_pelapor = $(this).data('idpelapor');
        $('#id_laporan').val(id)
        $('#id_pelapor').val(id_pelapor)
        $('#no').val(no)
        $('#modal_laporan').modal('hide');
    });

    $("#btnkasn").click(function() {
        $.ajax({
            type: "GET",
            url: "{!!route('m_kajianawal.kasn_ajax_kec')!!}",
            beforeSend: function() {},
            success: function(msg) {
                console.log(msg);
            },
            error: function() {}
        });
    })

    $("#btnfinal").click(function() {
        if (confirm('Kajian awal akan disimpan final?')) {
            if ($('#id_kat1').val() == 2 || $('#id_kat1').val() == 3 || $('#id_kat1').val() == 9 || $(
                    '#id_kat1').val() == 10) {
                $("#stsfinal").val(1);
                $('#frm').submit();
            } else {
                alert(
                    'Kajian awal dengan kategori selain kategori registrasi/tidak registrasi tidak bisa disimpan final');
            }
        }
    })
    $('.katawal').on('ifClicked', function(event) {
        id_kat1 = $('#id_kat1').val()
        if (id_kat1 == '') {
            setTimeout(function() {
                $('#katawal1').iCheck('uncheck');
                $('#katawal2').iCheck('uncheck');
                $('#katawal3').iCheck('uncheck');
                $('#katawal4').iCheck('uncheck');
            }, 0);
            alert('Kategori harus dipilih terlebih dahulu')
        } else {
            s = this.value;
            /**
            if(s==4){
                    if(id_kat1==2||id_kat1==7){
                     var jmlcheck = $('.katawal:checked').length;
                     if(jmlcheck==0){
                         alert('Dugaan pelanggaran pidana/administrasi/kode etik harus dipilih terlebih dahulu')
                         setTimeout(function(){
                             $('#katawal4').iCheck('uncheck');
                         },0);
                     }
                 }
            }
            else{
                    setTimeout(function(){
                     if($('#katawal1').is(':checked')==false&&$('#katawal2').is(':checked')==false&&$('#katawal3').is(':checked')==false){
                         setTimeout(function(){
                             $('#katawal4').iCheck('uncheck');
                         },0);
                     }
                 },0);
                 **/
            setTimeout(function() {
                if ($('#katawal3').is(':checked')) {
                    $('#admbano').removeClass('d-none');
                    $('#admbafile').removeClass('d-none');
                    $('#admbano').addClass('d-block');
                    $('#admbafile').addClass('d-block');
                } else {
                    $('#admbano').removeClass('d-block');
                    $('#admbafile').removeClass('d-block');
                    $('#admbano').addClass('d-none');
                    $('#admbafile').addClass('d-none');
                }
            }, 0);
            //}
        }
    })
    $("#provinsib").change(function() {
        var url = "{!!route('add_ajax_kab')!!}/" + $(this).val();
        $('#kabupatenb').load(url);
        return false;
    })
    $("#kabupatenb").change(function() {
        return false;
    })
    $("#provinsic").change(function() {
        var url = "{!!route('add_ajax_kab')!!}/" + $(this).val();
        $('#kabupatenc').load(url);
        return false;
    })
    $("#kabupatenc").change(function() {
        return false;
    })
    $('input[name="wilayah"]').on('ifClicked', function(event) {
        s = this.value;
        $('#selwilpelimpahan').val(s);
        switch (s) {
            case '1':
                $("#sel_provinsi").removeClass("show");
                $("#sel_provinsib").removeClass("show");
                $("#sel_kabupatenb").removeClass("show");
                $("#sel_provinsi").addClass("hide");
                $("#sel_provinsib").addClass("hide");
                $("#sel_kabupatenb").addClass("hide");
                $("#sel_provinsic").removeClass("show");
                $("#sel_kabupatenc").removeClass("show");
                $("#sel_kecamatanc").removeClass("show");
                $("#sel_provinsic").addClass("hide");
                $("#sel_kabupatenc").addClass("hide");
                $("#sel_kecamatanc").addClass("hide");
                break;
            case '2':
                $("#sel_provinsi").removeClass("hide");
                $("#sel_provinsi").addClass("show");
                $("#sel_provinsib").removeClass("show");
                $("#sel_kabupatenb").removeClass("show");
                $("#sel_provinsib").addClass("hide");
                $("#sel_kabupatenb").addClass("hide");
                $("#sel_provinsic").removeClass("show");
                $("#sel_kabupatenc").removeClass("show");
                $("#sel_kecamatanc").removeClass("show");
                $("#sel_provinsic").addClass("hide");
                $("#sel_kabupatenc").addClass("hide");
                $("#sel_kecamatanc").addClass("hide");
                break;
            case '3':
                $("#sel_provinsi").addClass("hide");
                $("#sel_provinsi").removeClass("show");
                $("#sel_provinsib").removeClass("hide");
                $("#sel_kabupatenb").removeClass("hide");
                $("#sel_provinsib").addClass("show");
                $("#sel_kabupatenb").addClass("show");
                $("#sel_provinsic").removeClass("show");
                $("#sel_kabupatenc").removeClass("show");
                $("#sel_kecamatanc").removeClass("show");
                $("#sel_provinsic").addClass("hide");
                $("#sel_kabupatenc").addClass("hide");
                $("#sel_kecamatanc").addClass("hide");
                break;
            case '4':
                $("#sel_provinsi").addClass("hide");
                $("#sel_provinsi").removeClass("show");
                $("#sel_provinsib").removeClass("hide");
                $("#sel_kabupatenb").removeClass("hide");
                $("#sel_provinsib").addClass("hide");
                $("#sel_kabupatenb").addClass("hide");
                $("#sel_provinsic").addClass("show");
                $("#sel_kabupatenc").addClass("show");
                $("#sel_kecamatanc").addClass("show");
                $("#sel_provinsic").removeClass("hide");
                $("#sel_kabupatenc").removeClass("hide");
                $("#sel_kecamatanc").removeClass("hide");
                break;
        }
    });
    $('#id_kat1').on('change', function(event) {
        s = this.value;
        if (s == 1) {
            $("#tgl_registrasi").show();
            $("#id_kat_2").hide();
        } else {
            $("#tgl_registrasi").hide();
            $("#id_kat_2").hide();
        }
    });

    $('#id_kat2').on('change', function(event) {
        s = this.value;
        if (s == 4 || s == 8 || s == 12) {
            var locus_me = $("#locus_me").val();
            awil_bawaslu_pelimpahan = 0;
            awil_bawaslu_terusan = 0;
            awil_provinsi_pelimpahan = 0;
            awil_provinsi_terusan = 0;
            awil_kabkota_pelimpahan = 0;
            awil_kabkota_terusan = 0;
            awil_kec_pelimpahan = 0;
            awil_kec_terusan = 0;

            $("#awil_bawaslu").addClass("hide");
            $("#awil_bawaslu").removeClass("show");
            $("#awil_provinsi").addClass("hide");
            $("#awil_provinsi").removeClass("show");
            $("#awil_kabkota").addClass("hide");
            $("#awil_kabkota").removeClass("show");
            $("#awil_kec").addClass("hide");
            $("#awil_kec").removeClass("show");

            if (locus_me == 'pusat') {
                if (s == 4) {
                    awil_provinsi_pelimpahan = 1;
                    awil_kabkota_pelimpahan = 1;
                    awil_kec_pelimpahan = 1;
                }
            } else if (locus_me == 'provinsi') {
                if (s == 4) {
                    awil_kabkota_pelimpahan = 1;
                    awil_kec_pelimpahan = 1;
                }
                if (s == 8 || s == 12) {
                    awil_bawaslu_terusan = 1;
                    awil_provinsi_terusan = 1;
                }
            } else if (locus_me == 'kabkota') {
                if (s == 4) {
                    awil_kec_pelimpahan = 1;
                }
                if (s == 8 || s == 12) {
                    awil_bawaslu_terusan = 1;
                    awil_provinsi_terusan = 1;
                    awil_kabkota_terusan = 1;
                }
            }

            if (awil_bawaslu_pelimpahan == 1 || awil_bawaslu_terusan == 1) {
                $("#awil_bawaslu").addClass("show");
                $("#awil_bawaslu").removeClass("hide");
            }
            if (awil_provinsi_pelimpahan == 1 || awil_provinsi_terusan == 1) {
                $("#awil_provinsi").addClass("show");
                $("#awil_provinsi").removeClass("hide");
            }
            if (awil_kabkota_pelimpahan == 1 || awil_kabkota_terusan == 1) {
                $("#awil_kabkota").addClass("show");
                $("#awil_kabkota").removeClass("hide");
            }
            if (awil_kec_pelimpahan == 1 || awil_kec_terusan == 1) {
                $("#awil_kec").addClass("show");
                $("#awil_kec").removeClass("hide");
            }
            $("#dpelimpahan").addClass("show");
            $("#dpelimpahan").removeClass("hide");
        } else {
            $("#dpelimpahan").addClass("hide");
            $("#dpelimpahan").removeClass("show");
        }
    });
});
</script>

<script>
$("#id_kat1").change(function() {
    if ($(this).val() != '') {
        $("#dokumen_kat").removeClass('hide');
        $("#dokumen_kat").addClass('show');
    } else {
        $("#dokumen_kat").addClass('hide');
        $("#dokumen_kat").removeClass('show');
    }
    var url = "{!!route('m_kajianawal.add_ajax_kat')!!}/" + $(this).val();
    $('#id_kat2').load(url);
    return false;
})

function checktrend() {
    var sts = true
    var sa = "{!!$s_dp!!}"
    sada = ""
    if (sa != "") {
        arr = sa.split(",")
        for (i = 0; i < arr.length; i++) {
            if ($('#katawal' + arr[i]).is(':checked')) {
                sada += '1';
                let s = '';
                let cnt_s = 0;
                var d = $('.trendpelanggaran' + arr[i]).map(function(i, n) {
                    s += $(n).val();
                    cnt_s++;
                    return $(n).val();
                }).get();
                if (s == '') {
                    sts = false
                    alert('Trend ' + $('#nkatawal' + arr[i]).val() + ' harus diisi');
                    break;
                }
            }
        }
        if (sada == '') {
            sts = false
            alert("Dugaan Pelanggaran harus dipilih")
        }
    } else {
        sts = false
        alert("Dugaan Pelanggaran hartus dipilih")
    }
    return sts
}
$(function() {
    $("#frm").validate({
        errorClass: "errorCssClass",
        rules: {
            no: "required",
            note: "required",
        },
        messages: {
            no: "Isikan no pelaporan",
            note: "Isikan catatan kajian awal",
        },
        errorPlacement: function(error, element) {
            if (element.parent('.input-group').length) {
                error.insertAfter(element.next('span').next('span')); // radio/checkbox?
            } else if (element.hasClass('select2')) {
                error.insertAfter(element.next('span')); // select2
            } else {
                error.insertAfter(element); // default
            }
        },
        highlight: function(element, errorClass, validClass) {
            $(element).addClass(errorClass); //.removeClass(errorClass);
            $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).removeClass(errorClass); //.addClass(validClass);
        },
        submitHandler: function(form) {
            var frm = document.getElementById("frm");
            sts = true
            if ($('#id_kat1').val() == 2) {
                if ($('#id_kat2').val() == '') {
                    sts = false
                    alert('Kategori ke 2 harus dipilih')
                }
            }
            if (sts) {
                sts = checktrend()
            }
            //sts=false
            if (sts) {
                if (gosubmit()) {
                    $("#overlay").fadeIn(300);
                    frm.submit();
					/*
					var formData = new FormData(frm);
                    $.ajax({
                        type: "POST",
                        url: "{!!route($modula.'.save')!!}",
                        data: formData,
                        contentType: false,
                        processData: false,
                        beforeSend: function() {},
                        success: function(msg) {
                            document.location.href = msg
                        },
                        error: function() {}
                    });
					*/
                }
            }
        }
    });
});

function f_chktrend() {
    a = $('katawal1').prop("checked");
    alert(a)
}

$('#kirim_notif').on('click', function() {
    $('#Modal_Notif').modal('show');
});
$('#btn_notif').on('click', function() {
    var frm = document.getElementById("frmnotif");
    var formData = new FormData(frm);
	formData.append('_token', '{{csrf_token()}}')
    if ($('#notif').val() == '') {
        alert('Pesan notifikasi harus diisi terlebih dahulu')
    } else {
        if ($('#id_pelapor').val() == '') {
            alert('Pelapor tidak teridentifikasi')
        } else {
            $.ajax({
                type: "POST",
                url: "{!!route('m_pelapor.save_notif')!!}",
                data: formData,
                contentType: false,
                processData: false,
                beforeSend: function() {},
                success: function(msg) {
                    $('#Modal_Notif').modal('hide');
                    $('#notif').val('');
                },
                error: function() {
                    alert('error')
                }
            });
        }
    }
});
$('input').on('ifChanged', function(event) {
    sts = event.target.checked;
    val = event.target.value;
    if (sts) {
        if (val==4) {
            console.log($('#nkatawal'+val).val());
            console.log('Show form BKN');
            $('#formbkn').show();
        } else {
            //console.log('Start form BKN');
        }
        $('#spantrend' + val).removeClass('d-none')
        $('#spantrend' + val).addClass('d-block')
        $('#btnAdd' + val).removeClass('d-none')
        $('#btnAdd' + val).addClass('d-block')
    } else {
        if (val==4) {
            console.log('Hide form BKN');
            $('#formbkn').hide();
        }
        $('#spantrend' + val).removeClass('d-block')
        $('#spantrend' + val).addClass('d-none')
        $('#btnAdd' + val).removeClass('d-block')
        $('#btnAdd' + val).addClass('d-none')
    }
    $(".select2").select2({
        width: '100%'
    });
});
</script>

<script type="text/javascript">
function AddDropDownList(i) {
    //Build an array containing Customer records.
	surl="{!!route('m_kajianawal.get_trend')!!}/" + i + "/{!!$id_jenislaporan!!}"
    $.ajax({
        type: "GET",
        url: surl,
        contentType: false,
        processData: false,
        beforeSend: function() {},
        success: function(msg) {
            var ops = jQuery.parseJSON(msg);

            //Create a DropDownList element.
            var ddlOps = $("<select name=trendpelanggaran" + i + "[] id=trendpelanggaran" + i +
                "[] class='form-control select2 trendpelanggaran" + i + "'/>");
            option = '<option value="">-Pilih-</option>'
            ddlOps.append(option);
            //Add the Options to the DropDownList.
            $(ops).each(function() {
                var option = $("<option />");

                //Set Customer Name in Text part.
                option.html(this.nama);

                //Set CustomerId in Value part.
                option.val(this.id);

                //Add the Option element to DropDownList.
                ddlOps.append(option);
            });

            //Reference the container DIV.
            var dvContainer = $("#dvContainer" + i)

            //Add the DropDownList to DIV.
            var div = $("<div style='display:flex'/>");
            div.append(ddlOps);

            //Create a Remove Button.
            var btnRemove = $(
                "<button class='btn btn-outline-secondary' type='button' value = 'Remove'><i class='fa ti-trash'></i></button>"
                );
            btnRemove.click(function() {
                $(this).parent().remove();
            });

            //Add the Remove Buttton to DIV.
            div.append(btnRemove);

            //Add the DIV to the container DIV.
            dvContainer.append(div);
            $(".select2").select2({
                width: '100%'
            });
        },
        error: function (xhr, ajaxOptions, thrownError) {
           alert(xhr.responseText);
        }
    });

};

function f_remove(o) {
    $(o).parent().remove();
}
</script>
<script src="{{asset('media/assets/js/select2.full.js')}}"></script>
<script src="{{asset('media/assets/node_modules/icheck/icheck.min.js')}}"></script>
<script src="{{asset('media/assets/node_modules/icheck/icheck.init.js')}}"></script>
<script src="{{asset('media/assets/node_modules/bootstrap-datepicker/bootstrap-datepicker.min.js')}}"></script>
<script>
$(".select2").select2();
$('#no').attr("readonly", true);
jQuery('#tgl_registrasi').datepicker({
    format: 'dd/mm/yyyy',
    autoclose: true,
    todayHighlight: true
});
</script>
@endsection