@include('header')
<div class="padding">
    <div class="row">
        <div class="col-md-12">
            <form id="kokwok" method="POST" action="{{route('dokumen.simpanupdate')}}"
                  class="form-horizontal form-label-left" enctype="multipart/form-data" novalidate>
                <div class="box">
                  <div class="nav nav-md">
                      <a id="step1" class="nav-link active show" data-toggle="tab" data-target="#tab1">
                          <i class="fa fa-plus-circle"></i> Data Utama
                      </a>
                      <a id="step2p" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab2p">
                          <i class="fa fa-plus-circle"></i>&#160;<label class="labelku"></label>
                      </a>
                      <a id="step3" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab3">
                          <i class="fa fa-plus-circle"></i> Subjek
                      </a>
                      <a id="step4" class="nav-link" data-toggle="tab" style="display: none;" data-target="#tab4">
                          <i class="fa fa-plus-circle"></i>&#160;<label class="labellamp"></label>
                      </a>
                      <a id="step4a" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab4a">
                          <i class="fa fa-plus-circle"></i> Peraturan Terkait
                      </a>
                      <a id="step4b" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab4b">
                          <i class="fa fa-plus-circle"></i> Dokumen Terkait
                      </a>
                      <a id="step4c" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab4c">
                          <i class="fa fa-plus-circle"></i> Hasil Uji Materi
                      </a>
                      <a id="step5" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab5">
                          <i class="fa fa-plus-circle"></i> Status
                      </a>
                      <a id="step5a" class="nav-link" style="display: none;" data-toggle="tab" data-target="#tab5a">
                          <i class="fa fa-plus-circle"></i> Putusan Terkait
                      </a>
                  </div>
                    {{csrf_field()}}
                    <div class="tab-content p-3 mb-3">
                        <div class="tab-pane animate fadeIn text-muted active show" id="tab1">
                            <div class="box-body">
                                <div class="form-row">
                                    <div class="form-group col-sm-5">
                                        <label>Tipe Pengolahan Dokumen</label>
                                        <input type="hidden" name="dokid" value="{{$doku[0]->id}}">
                                        <select id="ppu" class="form-control" name="tipe_dokumen">
                                            <option selected="selected" value="">-- Silahkan Pilih --</option>
                                            @foreach($data as $dt)
                                                <option value="{{ $dt->second_id }}" {{ ($dt->second_id == $doku[0]->tipe_dokumen)?'selected':'' }}>{{ $dt->second_id }}
                                                    - {{ $dt->name }}</option>
                                            @endforeach
                                        </select>
                                        <div class="form-control-focus"></div>
                                        <span class="help-block"></span>
                                    </div>
                                </div>
                                <div id="divdivan" style="display: none;">
                                    <div class="box">
                                        <div class="box-divider m-0"></div>
                                        <div class="box-header bg-dark"><h4 class="text-white">Form Peraturan
                                                Perundang-Undangan</h4></div>
                                        <br>
                                        <div class="box-body">
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Jenis Peraturan</label>
                                                    <select class="form-control turunanSatu select2" id="turunanSatuppu"
                                                            style="display: none;width:100%;" name="jenis_peraturan1" >
                                                    </select>
                                                    <br>
                                                    <div class="subjenis" style="">
                                                      <label>Sub Jenis Peraturan</label>
                                                      <select class="form-control turunanDua select2"
                                                              style="display: none;width:100%;" name="jenis_peraturan1a" >
                                                      </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Singkatan Jenis Peraturan</label>
                                                    <input id="sbper" type="text" class="form-control"
                                                           name="singkatan_bentuk1" required="" value="{{$doku[0]->singkatan_bentuk}}">
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>

                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Judul</label>
                                                    <input type="text" id="juduldatautama" class="form-control" name="judul1"
                                                           required="" value="{{$doku[0]->judul}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Nomor Peraturan</label>
                                                    <input id="noper" type="text" class="form-control"
                                                           name="nomor_peraturan1" required="" value="{{$doku[0]->nomor_peraturan}}">
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Tahun</label>
                                                    <input id="taper" type="text" class="form-control"
                                                           name="tahun_terbit1" required="" value="{{$doku[0]->tahun_terbit}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Bidang Hukum</label>
                                                    <select id="bhukum" class="form-control select2"
                                                            name="bidang_hukum1" style="width:100%;" value="{{$doku[0]->bidang_hukum}}">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbd as $bd)
                                                            <option value="{{ $bd->name }}" {{ ($bd->name == $doku[0]->bidang_hukum)?'selected':'' }}>{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Tempat Terbit</label>
                                                        <select id="tepen" class="form-control tempatterbit"
                                                                name="tempat_terbit1" style="width:100%;">
                                                        </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>

                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Tanggal Penetapan</label>
                                                    <input type="text" class="form-control" name="tanggal_penetapan"
                                                           required="" id="tapen" value="{{$doku[0]->tanggal_penetapan}}">
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-3">
                                                    <label>Provinsi</label>
                                                    <select style="width: 100%;" class="select2 form-control"
                                                            id="provinsiku" name="">
                                                        <option value="">-PILIH PROVINSI-</option>
                                                        @foreach($prov as $pro)
                                                            <option value="{{$pro -> id}}">{{$pro -> name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group col-sm-4" id="kabupatenmu"
                                                     style="display: none;">
                                                    <label>Kabupaten</label>
                                                    <select id="kabupatenku" class="select2 form-control"
                                                            style="width: 100%;">
                                                    </select>
                                                </div>
                                                <div class="form-group col-sm-4" id="kecamatanmu"
                                                     style="display: none;">
                                                    <label>Kecamatan</label>
                                                    <select style="display: none; width: 100%;"
                                                            class="select2 form-control" id="kecamatanku" name="daerah">
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Tanggal Pengundangan</label>
                                                    <input type="text" class="form-control" name="tanggal_pengundangan"
                                                           required=""
                                                           id="tapeng" value="{{$doku[0]->tanggal_pengundangan}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Sumber</label>
                                                    <input id="sumper" type="text" class="form-control" name="sumber1"
                                                           required="" value="{{$doku[0]->sumber}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Pemrakarsa</label>
                                                    <input type="text" class="form-control" id="pemrakarsa" name="pemrakarsa" value="{{$doku[0]->pemrakarsa}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Penandatanganan</label>
                                                    <input type="text" class="form-control" id="penandatanganan"
                                                           name="penandatanganan" value="{{$doku[0]->penandatanganan}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Bahasa</label>
                                                    <select id="bhsper" class="form-control select2" name="bahasa1"
                                                            style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbh as $bd)
                                                            <option value="{{ $bd->id }}" {{ ($bd->id == $doku[0]->bahasa)?'selected':'' }}>{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                  <label>Urusan Pemerintahan</label>
                                                  <select id="bhsper" class="form-control select2" name="urusan_pemerintahan"
                                                          style="width:100%;" value="">
                                                      <option selected="selected" value="">-- Silahkan Pilih --
                                                      </option>
                                                      @foreach($durp as $bd)
                                                          <option value="{{ $bd->id }}" {{ ($bd->id == $doku[0]->urusan_pemerintahan)?'selected':'' }}>{{ $bd->id }}
                                                              - {{ $bd->name }}</option>
                                                      @endforeach
                                                  </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                </div>
                                <div id="divdivanmh" style="display: none;">
                                    <div id="mono1">
                                        <div class="box">
                                            <div class="box-divider m-0"></div>
                                            <div class="box-header bg-dark"><h4 class="text-white">Monografi Hukum</h4>
                                            </div>
                                            <br>
                                            <div class="box-body">
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Jenis Monografi</label>
                                                        <select class="form-control select2 turunanSatu2"
                                                                id="turunanSatumh"
                                                                style="display: none;width:100%;"
                                                                name="jenis_peraturan2" >
                                                        </select>
                                                        <br>
                                                        <div class="subjenis" style="">
                                                          <label>Sub Jenis Peraturan</label>
                                                          <select class="form-control turunanDua2 select2"
                                                                  style="display: none;width:100%;" name="jenis_peraturan2a" >
                                                          </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Judul</label>
                                                        <input type="text" id="juduldatautamamh" onInput="judulIni()"
                                                               class="form-control" name="judul2"
                                                               required="" value="{{$doku[0]->judul}}">
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Tahun</label>
                                                        <input id="taper" type="text" class="form-control"
                                                               name="tahun_terbit2" required="" value="{{$doku[0]->tahun_terbit}}">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Nomor Panggil</label>
                                                        <input id="nopang" type="text" class="form-control"
                                                               name="nomor_panggil" required="" value="{{$doku[0]->nomor_panggil}}">
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Edisi</label>
                                                        <input id="edisi" type="text" class="form-control" name="edisi"
                                                               required="" value="{{$doku[0]->edisi}}">
                                                    </div>
                                                    <div class="col-md-1"></div>

                                                    <div class="form-group col-sm-5">
                                                        <label>Tempat Terbit</label>
                                                        <select id="temter" class="form-control tempatterbit"
                                                                name="tempat_terbit2" style="width:100%;">
                                                        </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>

                                                </div>
                                                <div class="form-row">

                                                    <div class="form-group col-sm-5">
                                                        <label>Penerbit</label>
                                                        <select id="data_penerbit" class="form-control data_penerbit"
                                                                name="data_penerbit" style="width:100%;">
                                                        </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Deskripsi Fisik</label>
                                                        <input type="text" class="form-control" name="deskripsi_fisik"
                                                               required=""
                                                               id="desfi" value="{{$doku[0]->deskripsi_fisik}}">
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>ISBN</label>
                                                        <input id="isbn" type="text" class="form-control" name="isbn"
                                                               required="" value="{{$doku[0]->isbn}}">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Bahasa</label>
                                                        <select id="bhspermh" class="form-control select2" name="bahasa2"
                                                                style="width:100%;" value="{{$doku[0]->bahasa}}">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            @foreach($dbh as $bd)
                                                                <option value="{{ $bd->id }}" {{ ($bd->id == $doku[0]->bahasa)?'selected':'' }}>{{ $bd->id }}
                                                                    - {{ $bd->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="mono2">
                                        <div class="box">
                                            <div class="box-divider m-0"></div>
                                            <div class="box-header bg-dark"><h4 class="text-white"></h4></div>
                                            <br>
                                            <div class="box-body">
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Tipe Koleksi</label>
                                                        <select id="tipkoleks" class="form-control select2"
                                                                name="tipe_koleksi_nomor_eksemplar" style="width:100%;" value="{{$doku[0]->tipe_koleksi_nomor_eksemplar}}">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            @foreach($dtk as $bd)
                                                            @if($bd->id != 1)
                                                                <option value="{{ $bd->id }}" {{ (count(explode(';',$doku[0]->tipe_koleksi_nomor_eksemplar)) != 1)? (($bd->id == 1)? 'selected': '') : (($bd->id == $doku[0]->tipe_koleksi_nomor_eksemplar)?'selected':'') }}>{{ $bd->name }}</option>
                                                            @endif
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <div class="form-group col-sm-5">
                                                            <br>
                                                            <button type="button" class="btn btn-success open-AddEksemplar" data-toggle="modal" data-target="#AddEksemplaDialog">
                                                                <i class="fa fa-plus-circle"></i> Tambah
                                                            </button>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <br>
                                                <table class="table table-bordered table-striped" id='theadteup'>
                                                    <thead class="text-white" style="background-color: #452d3a">
                                                    <tr>
                                                        <th style="width: 30%">
                                                            <center>Judul</center>
                                                        </th>
                                                        <th style="width: 30%">
                                                            <center>Tipe Koleksi</center>
                                                        </th>
                                                        <th style="width: 30%">
                                                            <center>Pattern</center>
                                                        </th>
                                                        <th>
                                                            <center>Action</center>
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="tableeksemplar">
                                                    @for($i = 0; $i < count($dataitem); $i++)
                                                        <tr id="itemcuy{{$i}}">
                                                            <td>
                                                                {{$dataitem[$i]->judul}}
                                                            </td>
                                                            <td>
                                                                {{$dataitem[$i]->namakoleksi}}
                                                            </td>
                                                            <td>
                                                                {{$dataitem[$i]->kode_eksemplar}}
                                                            </td>
                                                            <td>
                                                                <center>
                                                                    <a class="btn btn-warning open-EditEksemplar" data-toggle="modal" href="#editEksemplaDialog" data-juduleks="{{ $dataitem[$i]->judul }}" data-id="{{ $dataitem[$i]->id }}" data-nopanggileks="{{ $dataitem[$i]->no_panggil }}" data-ideks="{{ $dataitem[$i]->kode_eksemplar }}" data-tipekoleksival="{{ $dataitem[$i]->tipe_lokasi }}" data-tipekoleksi="" data-kodeinventariseks="{{ $dataitem[$i]->kode_inventaris }}" data-lokasieks="{{ $dataitem[$i]->id_lokasi }}" data-lokasirakeks="{{ $dataitem[$i]->lokasi_rak }}" data-statuseks="{{ $dataitem[$i]->status_eksemplar }}" data-nomorpemesaneks="{{ $dataitem[$i]->nomor_pemesanan }}" data-tglpemesananeks="{{ $dataitem[$i]->tgl_pemesanan }}" data-tglpenerimaaneks="{{ $dataitem[$i]->tgl_penerimaan }}" data-ageneks="{{ $dataitem[$i]->agen }}" data-faktureks="{{ $dataitem[$i]->faktur }}" data-sumberperolehaneks="{{ $dataitem[$i]->sumber_perolehan }}" data-tglfaktureks="{{ $dataitem[$i]->tgl_faktur }}" data-hargaeks="{{ $dataitem[$i]->harga }}" data-iddok="{{ $dataitem[$i]->id_document }}">
                                                                        <font color="">Edit</font>
                                                                    </a>
                                                                    <a class="btn btn-danger" onclick="hapusx('{{ $dataitem[$i]->id }}')">
                                                                        <font color="">X</font>
                                                                    </a>
                                                                <center>
                                                            </td>
                                                        </tr>
                                                    @endfor
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="mono3">
                                        <div class="box">
                                            <div class="box-divider m-0"></div>
                                            <div class="box-header bg-dark"><h4 class="text-white"></h4></div>
                                            <br>
                                            <div class="box-body">
                                                
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Pernyataan Tanggung Jawab</label>
                                                        <input id="ptj" type="text" class="form-control"
                                                               name="pernyataan_tanggung_jawab" required="" value="{{$doku[0]->pernyataan_tanggung_jawab}}">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>GMD</label>
                                                        <select id="gmd" class="form-control select2" name="gmd"
                                                                style="width:100%;" value="{{$doku[0]->gmd}}">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            @foreach($dgmd as $bd)
                                                            @if($bd->id != 1)
                                                                <option value="{{ $bd->id }}" {{ (count(explode(';',$doku[0]->gmd)) != 1)? (($bd->id == 1)? 'selected': '') : (($bd->id == $doku[0]->gmd)?'selected':'') }}>{{ $bd->name }}</option>
                                                            @endif
                                                            @endforeach
                                                        </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Klasifikasi</label>
                                                         <select id="klasi" class="form-control select2" name="klasifikasi"
                                                                 style="width:100%;">
                                                             <option selected="selected" value="">-- Silahkan Pilih --
                                                             </option>
                                                             @foreach($dklas as $bd)
                                                             @if($bd->id != 1)
                                                                 <option value="{{ $bd->id }}"{{ (count(explode(';',$doku[0]->klasifikasi)) != 1)? (($bd->id == 1)? 'selected': '') : (($bd->id == $doku[0]->klasifikasi)?'selected':'') }}>{{ $bd->name }}</option>
                                                              @endif
                                                             @endforeach
                                                         </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Label</label>
                                                        <input id="label" type="text" class="form-control" name="label"
                                                               required="" value="{{$doku[0]->label}}">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Info Detil Spesifik</label>
                                                        <textarea id="ids" class="form-control"
                                                                  name="info_detil_spesifik">{{$doku[0]->info_detil_spesifik}}</textarea>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Abstrak / Catatan</label>
                                                        <textarea id="abstrak" class="form-control"
                                                                  name="abstrak">{{$doku[0]->abstrak}}</textarea>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Gambar Sampul</label>
                                                        <div class="col-sm-5">
                                                          <img width="180px" height="200px" id="blah"
                                                               src="{{ asset('/dokumen/data_dokumen/'.$doku[0]->gambar_sampul) }}" alt="your image"/>
                                                          {{--                                    <label>{{ $doku[0]->gambar_sampul }}</label>--}}
                                                        </div>
                                                        <input id="imgInp" type="file" class="form-control" name="gambar_sampul">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="mono4">
                                        <div class="box">
                                            <div class="box-divider m-0"></div>
                                            <div class="box-header bg-dark"><h4 class="text-white"></h4></div>
                                            <br>
                                            <div class="box-body">
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Sembunyikan Di OPAC</label>
                                                        <select id="sdopac" class="form-control select2"
                                                                name="sembunyikan_di_opac" style="width:100%;" value="{{$doku[0]->sembunyikan_di_opac}}">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            <option value="1" {{($doku[0]->sembunyikan_di_opac == 1)? 'selected' : ''}}>Yes</option>
                                                            <option value="2" {{($doku[0]->sembunyikan_di_opac == 2)? 'selected' : ''}}>No</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Promosikan Ke Beranda</label>
                                                        <select id="pkber" class="form-control select2" name="promosikan_ke_beranda" style="width:100%;" value="{{$doku[0]->promosikan_ke_beranda}}">
                                                            <option selected="selected" value="">-- Silahkan Pilih --

                                                            </option>
                                                            <option value="1" {{($doku[0]->promosikan_ke_beranda == 1)? 'selected' : ''}}>Yes</option>
                                                            <option value="2" {{($doku[0]->promosikan_ke_beranda == 2)? 'selected' : ''}}>No</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                </div>

                                <div id="divdivanah" style="display: none;">
                                    <div class="box">
                                        <div class="box-divider m-0"></div>
                                        <div class="box-header bg-dark"><h4 class="text-white">Artikel Hukum</h4></div>
                                        <br>
                                        <div class="box-body">
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Jenis Peraturan</label>
                                                    <select class="form-control select2 turunanSatu3" id="turunanSatuah"
                                                            style="display: none;width:100%;" name="jenis_peraturan3">
                                                    </select>
                                                    <br>
                                                    <div class="subjenis" style="display: none;">
                                                      <label>Sub Jenis Peraturan</label>
                                                      <select class="form-control turunanDua3 select2"
                                                              style="display: none;width:100%;" name="jenis_peraturan3a">
                                                      </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Bidang Hukum</label>
                                                    <select id="bhukumah" class="form-control select2"
                                                            name="bidang_hukum3" style="width:100%;" value="{{$doku[0]->bidang_hukum}}">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbd as $bd)
                                                            <option value="{{ $bd->name }}" {{ ($bd->name == $doku[0]->bidang_hukum)?'selected':'' }}>{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Judul</label>
                                                    <input type="text" id="juduldatautamaah" onInput="judulIni()"
                                                           class="form-control" name="judul3"
                                                           required="" value="{{$doku[0]->judul}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Tahun</label>
                                                    <input id="taper" type="text" class="form-control"
                                                           name="tahun_terbit3" required="" value="{{$doku[0]->tahun_terbit}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Bahasa</label>
                                                    <select id="bhsperah" class="form-control select2" name="bahasa3"
                                                            style="width:100%;" value="{{$doku[0]->bahasa}}">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbh as $bd)
                                                            <option value="{{ $bd->id }}" {{ ($bd->id == $doku[0]->bahasa)?'selected':'' }}>{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Sumber</label>
                                                    <input id="sumberah" type="text" class="form-control" name="sumber3"
                                                           required="" value="{{$doku[0]->sumber}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Kala Terbit</label>
                                                    <select id="tipkel" class="form-control select2"
                                                            name="kala_terbit" style="width:100%;">
                                                        <option selected="selected" value="{{$doku[0]->kala_terbit}}">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dkt as $bd)
                                                            <option value="{{ $bd->name }}"  {{ ($bd->name == $doku[0]->kala_terbit)?'selected':'' }}>{{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                        <label>Judul Seri</label>
                                                        <input id="judser" type="text" class="form-control"
                                                               name="judul_seri" required="" value="{{$doku[0]->judul_seri}}">
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="divdivanpp" style="display: none;">
                                    <div class="box">
                                        <div class="box-divider m-0"></div>
                                        <div class="box-header bg-dark"><h4 class="text-white">Putusan</h4>
                                        </div>
                                        <br>
                                        <div class="box-body">
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Jenis Peraturan</label>
                                                    <select class="form-control select2 turunanSatu4" id="turunanSatupp"
                                                            style="display: none;width:100%;" name="jenis_peraturan4" >
                                                    </select>
                                                    <br>
                                                    <div class="subjenis" style="">
                                                      <label>Sub Jenis Peraturan</label>
                                                      <select class="form-control turunanDua4 select2"
                                                              style="display: none;width:100%;" name="jenis_peraturan4a" >
                                                      </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Singkatan Jenis Peraturan</label>
                                                    <input id="sbper" type="text" class="form-control"
                                                           name="singkatan_bentuk4" required="" value="{{$doku[0]->singkatan_bentuk}}">
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Judul</label>
                                                    <input type="text" id="juduldatautamapp" onInput="judulIni()"
                                                           class="form-control" name="judul4"
                                                           required="" value="{{$doku[0]->judul}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Nomor Putusan</label>
                                                    <input id="nopang" type="text" class="form-control"
                                                           name="nomor_peraturan4" required="" value="{{$doku[0]->nomor_peraturan}}">
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                              <div class="form-group col-sm-5">
                                                  <label>Tingkat Proses</label>
                                                  <select id="bhukumputs" class="form-control select2" name="bidang_hukum4" style="width:100%;">
                                                      <option selected="selected" value="" disabled="">-- Silahkan Pilih --</option>
                                                      <option value="Pertama" {{ ($doku[0]->bidang_hukum == "Pertama")?'selected':'' }}>Pertama</option>
                                                      <option value="Banding" {{ ($doku[0]->bidang_hukum == "Banding")?'selected':'' }}>Banding</option>
                                                      <option value="Kasasi" {{ ($doku[0]->bidang_hukum == "Kasasi")?'selected':'' }}>Kasasi</option>
                                                      <option value="Peninjauan_Kembali" {{ ($doku[0]->bidang_hukum == "Peninjauan_Kembali")?'selected':'' }}>Peninjauan Kembali (PK)</option>
                                                      <!-- @foreach($dbd as $bd)
                                                          <option value="{{ $bd->id }}">{{ $bd->id }}
                                                              - {{ $bd->name }}</option>
                                                      @endforeach -->
                                                  </select>
                                                  <div class="form-control-focus"></div>
                                                  <span class="help-block"></span>
                                              </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Tempat Penetapan</label>
                                                    <select id="tepenpen" class="form-control tempatterbit"
                                                            name="tempat_terbit4" style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dtp as $bd)
                                                            <option value="{{ $bd->id }}" {{ ($bd->id == $doku[0]->tempat_terbit)?'selected':'' }}>{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Tanggal Dibacakan</label>
                                                    <input type="text" class="form-control" name="tanggal_dibacakan4"
                                                           required=""
                                                           id="tadib" value="{{$doku[0]->tanggal_dibacakan}}">
                                                    <div class="form-control-focus"></div>
                                                    <span class="help-block"></span>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Bahasa</label>
                                                    <select id="bhsperpp" class="form-control select2" name="bahasa4"
                                                            style="width:100%;" value="{{$doku[0]->bahasa}}">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbh as $bd)
                                                            <option value="{{ $bd->id }}" {{ ($bd->id == $doku[0]->bahasa)?'selected':'' }}>{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Sumber</label>
                                                    <input id="sumberpp" type="text" class="form-control" name="sumber4"
                                                           required="" value="{{$doku[0]->sumber}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Tahun</label>
                                                    <input id="taper" type="text" class="form-control"
                                                           name="tahun_terbit4" required="" value="{{$doku[0]->tahun_terbit}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Lembaga Peradilan</label>
                                                    <input id="lemper" type="text" class="form-control" name="lemper"
                                                           required="" value="{{$doku[0]->lembaga_peradilan}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Pemohon / Penggugat</label>
                                                    <input id="pempen" type="text" class="form-control" name="pempen"
                                                           required="" value="{{$doku[0]->pemohon}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Termohon / Tergugat</label>
                                                    <input id="terter" type="text" class="form-control"
                                                           name="terter" required="" value="{{$doku[0]->termohon}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Jenis Perkara</label>
                                                    <input id="jeper" type="text" class="form-control" name="jeper"
                                                           required="" value="{{$doku[0]->jenis_perkara}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Klasifikasi</label>
                                                     <select id="klaspp" class="form-control select2" name="klaspp"
                                                             style="width:100%;" value="{{$doku[0]->klasifikasi}}">
                                                         <option selected="selected" value="">-- Silahkan Pilih --
                                                         </option>
                                                         @foreach($dklas as $bd)
                                                         @if($bd->id != 1)
                                                             <option value="{{ $bd->id }}" {{ (count(explode(';',$doku[0]->klasifikasi)) != 1)? (($bd->id == 1)? 'selected': '') : (($bd->id == $doku[0]->klasifikasi)?'selected':'') }}>{{ $bd->name }}</option>
                                                          @endif
                                                         @endforeach
                                                     </select>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Sub Klasifikasi</label>
                                                    <input id="subklaspp" type="text" class="form-control" name="subklaspp"
                                                           required="" value="{{$doku[0]->sub_klasifikasi}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Amar / Status</label>
                                                    <input id="amstat" type="text" class="form-control" name="amstat"
                                                           required="" value="{{$doku[0]->amar_status}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Catatan Amar</label>
                                                    <input id="camar" type="text" class="form-control" name="camar"
                                                           required="" value="{{$doku[0]->catatan_status_peraturan}}">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Berkekuatan Hukum Tetap</label>
                                                    <input id="berak" type="text" class="form-control" name="berak"
                                                           required="" value="{{$doku[0]->berkekuatan_hukum_tetap}}">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row btnstep1"  style="display: none;">    <!-- button selanjutnya-->
                                    <div class="col-sm-6">
                                      <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                                  class="fa fa-save"></i> Draft
                                      </button>
                                    </div>
                                    <div class="col-sm-5">
                                        <button id="btnstep1" type="button"
                                                class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                    class="fa fa-arrow-right"></i> Selanjutnya
                                        </button>
                                    </div>
                                    <div class="col-sm-1"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane animate fadeIn text-muted" id="tab2p">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="background: white; margin-left:15px; margin-right:15px;">
                                        <h3 style="color: #452d3a;" class="labelku"></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Instansi</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addteup"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <br><br><br><br><br><br><br><br> -->
                                                    <!-- <a class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table table-bordered table-striped" id='theadteu'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                            <tr>
                                                <th style="width: 30%">
                                                    <center>Nama</center>
                                                </th>
                                                <th style="width: 30%">
                                                    <center>Tipe</center>
                                                    </center>
                                                </th>
                                                <th style="width: 30%">
                                                    <center>Jenis</center>
                                                </th>
                                                <th>
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tablepengarang">
                                            @for($i = 0; $i < count($datapengarang); $i++)
                                                <tr id="peng{{$i}}">
                                                    <td><center><input id="idpeng" type="hidden" name="idpengarang[]" value="{{$datapengarang[$i]->id}}">
                                                        <input type="hidden" name="nama_pengarangm[]" value="{{$datapengarang[$i]->napeid}}">{{$datapengarang[$i]->dpname}}</center>
                                                    </td>
                                                    <td><center><input type="hidden" name="tipe_pengarang[]" value="{{$datapengarang[$i]->tipeid}}">{{$datapengarang[$i]->tpname}}</center></td>
                                                    <td><center><input type="hidden" name="jenis_pengarang[]" value="{{$datapengarang[$i]->jepeid}}">{{$datapengarang[$i]->jpname}}</center></td>
                                                    <td><center>
                                                        <a class="btn btn-warning" onclick="editpeng('{{$datapengarang[$i]->id}}')"><font color="">Edit</font></a>
                                                        <a class="btn btn-danger" onclick="hapuspeng('{{$i}}')"><font color="">X</font></a>
                                                    </center></td>
                                                </tr>
                                            @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row btnstep1"  style="display: none;">    <!-- button selanjutnya-->
                                <div class="col-sm-6">
                                  <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <div class="col-sm-5">
                                    <button id="btnstep2p" type="button"
                                            class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                class="fa fa-arrow-right"></i> Selanjutnya
                                    </button>
                                </div>
                                <div class="col-sm-1"></div>
                            </div>
                        </div>

                        <div class="tab-pane animate fadeIn text-muted" id="tab3">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3><font color="#452d3a">
                                                Subjek
                                            </font></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Nama</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addsubjek"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <font class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                            <tr>
                                                <th style="width: 25%">
                                                    <center>Nama</center>
                                                </th>
                                                <th style="width: 25%">
                                                    <center>Tipe</center>
                                                </th>
                                                <th style="width: 25%">
                                                    <center>Jenis</center>
                                                </th>
                                                <th>
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tablesubyek">
                                            @for($i = 0; $i < count($datasubyek); $i++)
                                                <tr id="suby{{$i}}">

                                                    <td><center><input id="idsubyek" type="hidden" name="idsub[]" value="{{$datasubyek[$i]->id}}">
                                                        <input type="hidden" name="subyek[]" value="{{$datasubyek[$i]->subyek}}">{{$datasubyek[$i]->subyek}}</center>
                                                    </td>
                                                    <td><center><input type="hidden" name="tipe_subyek[]" value="{{$datasubyek[$i]->idtkk}}">{{$datasubyek[$i]->tkkn}}</center></td>
                                                    <td><center><input type="hidden" name="jenis_subyek[]" value="{{$datasubyek[$i]->jenis_subyek}}">{{$datasubyek[$i]->jenis_subyek}}</center></td>
                                                    <td>
                                                        <center>
                                                            <a class="btn btn-warning" onclick="editsubyek('{{$datasubyek[$i]->id}}')"><font color="">Edit</font></a>
                                                            <a class="btn btn-danger" onclick="hapussubyek('{{$i}}')"><font color="">X</font></a>
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row btnstep1"  style="display: none;">    <!-- button selanjutnya-->
                                <div class="col-sm-6">
                                  <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <div class="col-sm-5">
                                    <button id="btnstep3" type="button"
                                            class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                class="fa fa-arrow-right"></i> Selanjutnya
                                    </button>
                                </div>
                                <div class="col-sm-1"></div>
                            </div>
                        </div>
                        
                        <div class="tab-pane animate fadeIn text-muted" id="tab4">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3 style="color: #452d3a;" class="labellamp"></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%"></td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addlampiran"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                                <tr>
                                                    <th style="width: 25%">
                                                        <center>Fulltext</center>
                                                    </th>
                                                    <th style="width: 30%">
                                                        <center>Judul</center>
                                                    </th>
                                                    <th style="width: 15%">
                                                        <center>Berkas Lampiran</center>
                                                    </th>
                                                    <th style="width: 15%">
                                                        <center>URL</center>
                                                    </th>
                                                    <th style="width: 15%">
                                                        <center>Aksi</center>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody id="tablelamp">
                                                @for($i = 0; $i < count($datalampiran); $i++)
                                                    <tr id="lamp{{$i}}">
                                                        <td><center>
                                                            <input type="hidden" value="{{$datalampiran[$i]->fulltext}}">{{$datalampiran[$i]->fulltext}}</center>
                                                        </td>
                                                        <td><center><input id="idlamp" type="hidden" value="{{$datalampiran[$i]->id}}">
                                                            <input type="hidden" value="{{$datalampiran[$i]->judul_lampiran}}">{{$datalampiran[$i]->judul_lampiran}}</center>
                                                        </td>
                                                        <td>
                                                            <center>
                                                                <input type="hidden" value="{{$datalampiran[$i]->dokumen_lampiran}}">
                                                                <a href="{{ url(''.'dokumen/data_dokumen/'.$datalampiran[$i]->dokumen_lampiran) }}">{{ $datalampiran[$i]->dokumen_lampiran }} </a>
                                                            </center>
                                                        </td>
                                                        <td><center><input type="hidden" value="{{$datalampiran[$i]->url_lampiran}}">{{$datalampiran[$i]->url_lampiran}}</center></td>
                                                        <td>
                                                            <center>
                                                                <a class="btn btn-warning" onclick="editlampiran('{{$datalampiran[$i]->id}}')">
                                                                    <font color="">Edit</font>
                                                                </a>
                                                                <a class="btn btn-danger" id="btn-del-lamp" onclick="hapuslamp('{{$i}}')">
                                                                    <font color="">X</font>
                                                                </a>
                                                            </center>
                                                        </td>
                                                    </tr>
                                                @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row btnstep1"  style="display: none;" id="tombol">    <!-- button selanjutnya-->
                                {{-- <div class="col-sm-6">
                                  <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <div class="col-sm-5">
                                    <button id="btnstep4" type="button"
                                            class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                class="fa fa-arrow-right"></i> Selanjutnya
                                    </button>
                                </div>
                                <div class="col-sm-1"></div> --}}
                            </div>
                        </div>

                        <div class="tab-pane animate fadeIn text-muted" id="tab4a">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3><font color="#452d3a">
                                                Peraturan Terkait
                                            </font></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Nama</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addperter" onClick="judulIni()"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <font class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                              <tr>
                                                  <th style="width: 30%">
                                                      <center>Peraturan</center>
                                                  </th>
                                                  <th style="width: 30%">
                                                      <center>Status</center>
                                                  </th>
                                                  <th style="width: 30%">
                                                      <center>Catatan</center>
                                                  </th>
                                                  <th>
                                                      <center>Action</center>
                                                  </th>
                                              </tr>
                                            </thead>
                                            <tbody id="tableperter">
                                            @for($i = 0; $i < count($dataperter); $i++)
                                                <tr id="pertercuy{{$i}}">
                                                    <td><center><input id="idperter" type="hidden" name="idperter[]" value="{{$dataperter[$i]->id}}">
                                                        <input type="hidden" name="peraturan_terkait[]" value="{{$dataperter[$i]->peraturan_terkait}}">{{$dataperter[$i]->dokuname}}</center>
                                                    </td>
                                                    <td><center><input type="hidden" name="status_perter[]" value="{{$dataperter[$i]->status_perter}}">{{$dataperter[$i]->status_perter}}</center></td>
                                                    <td><center><input type="hidden" name="catatan_perter[]" value="{{$dataperter[$i]->catatan_perter}}">{{$dataperter[$i]->catatan_perter}}</center></td>
                                                    <td>
                                                        <center>
                                                            <a class="btn btn-warning" onclick="editperter('{{$dataperter[$i]->id}}')">
                                                                <font color="">Edit</font>
                                                            </a>
                                                            <a class="btn btn-danger" onclick="hapusperter('{{$i}}')">
                                                                <font color="">X</font>
                                                            </a>
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row btnstep1"  style="display: none;">    <!-- button selanjutnya-->
                                <div class="col-sm-6">
                                  <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <div class="col-sm-5">
                                    <button id="btnstep4a" type="button"
                                            class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                class="fa fa-arrow-right"></i> Selanjutnya
                                    </button>
                                </div>
                                <div class="col-sm-1"></div>
                            </div>
                        </div>

                        <div class="tab-pane animate fadeIn text-muted" id="tab4b">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3><font color="#452d3a">
                                                Document Terkait
                                            </font></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Nama</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-adddocter" onClick="judulIni()"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <font class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                              <tr>
                                                  <th style="width: 30%">
                                                      <center>Document</center>
                                                  </th>
                                                  <th style="width: 30%">
                                                      <center>Catatan</center>
                                                  </th>
                                                  <th>
                                                      <center>Action</center>
                                                  </th>
                                              </tr>
                                            </thead>
                                            <tbody id="tabledocter">
                                            @for($i = 0; $i < count($datadocter); $i++)
                                                <tr id="doctercuy{{$i}}">
                                                    <td><center><input id="iddocter" type="hidden" name="iddocter[]" value="{{$datadocter[$i]->id}}">
                                                        <input type="hidden" name="document_terkait[]" value="{{$datadocter[$i]->document_terkait}}">{{$datadocter[$i]->dokuname}}</center>
                                                    </td>
                                                    <td><center><input type="hidden" name="catatan_docter[]" value="{{$datadocter[$i]->catatan_docter}}">{{$datadocter[$i]->catatan_docter}}</center></td>
                                                    <td>
                                                        <center>
                                                                <a class="btn btn-warning" onclick="editdokter('{{$datadocter[$i]->id}}')">
                                                                    <font color="">Edit</font>
                                                                </a>
                                                            <a class="btn btn-danger" onclick="hapusdocter('{{$i}}')">
                                                                <font color="">X</font>
                                                            </a>
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row btnstep1"  style="display: none;">    <!-- button selanjutnya-->
                                <div class="col-sm-6">
                                  <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <div class="col-sm-5">
                                    <button id="btnstep4b" type="button"
                                            class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                class="fa fa-arrow-right"></i> Selanjutnya
                                    </button>
                                </div>
                                <div class="col-sm-1"></div>
                            </div>
                        </div>

                        <div class="tab-pane animate fadeIn text-muted" id="tab4c">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3><font color="#452d3a">
                                                Hasil Uji Materi
                                            </font></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Nama</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addhasum"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <font class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                            <tr>
                                                <th style="width: 30%">
                                                    <center>Hasil Uji Materi</center>
                                                </th>
                                                <th style="width: 30%">
                                                    <center>Catatan</center>
                                                </th>
                                                <th>
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tablehasum">
                                              @for($i = 0; $i < count($datahasum); $i++)
                                                  <tr id="hasumcuy{{$i}}">
                                                      <td><center><input id="idhasum" type="hidden" name="idhasum[]" value="{{$datahasum[$i]->id}}">
                                                          <input type="hidden" name="hasil_uji_materi[]" value="{{$datahasum[$i]->hasil_uji_materi}}">{{$datahasum[$i]->dokuname}}</center>
                                                      </td>
                                                      <td><center><input type="hidden" name="catatan_hasum[]" value="{{$datahasum[$i]->catatan_hasum}}">{{$datahasum[$i]->catatan_hasum}}</center></td>
                                                      <td>
                                                            <center>
                                                                <a class="btn btn-warning" onclick="edithasum('{{$datahasum[$i]->id}}')">
                                                                    <font color="">Edit</font>
                                                                </a>
                                                                <a class="btn btn-danger" onclick="hapushasum('{{$i}}')">
                                                                    <font color="">X</font>
                                                                </a>
                                                            </center>
                                                    </td>
                                                  </tr>
                                              @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row btnstep1"  style="display: none;">    <!-- button selanjutnya-->
                                <div class="col-sm-6">
                                  <button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <div class="col-sm-5">
                                    <button id="btnstep4c" type="button"
                                            class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i
                                                class="fa fa-arrow-right"></i> Selanjutnya
                                    </button>
                                </div>
                                <div class="col-sm-1"></div>
                            </div>
                        </div>
                        <div class="tab-pane animate fadeIn text-muted" id="tab5">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3><font color="#452d3a">
                                                Status
                                            </font></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Judul Dokumen Saat Ini</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addstat" onClick="judulIni()"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <a class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        
                                        <table class="table-dragable table table-bordered table-striped" id='dynamic2'>
                                            <thead class="text-white" style="background-color: #452d3a">
                                            <tr>
                                                <th style="width: 10%">
                                                    <center>Status</center>
                                                </th>
                                                <th style="width: 40%">
                                                    <center>Judul Dokumen (Target)</center>
                                                </th>
                                                <th style="width: 40%">
                                                    <center>Catatan</center>
                                                </th>
                                                <th style="width: 10%">
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tablestatus">
                                            @for($i = 0; $i < count($datastatus); $i++)
                                                <tr id="stata{{$i}}">
                                                    <td>
                                                        <center>
                                                            <input type="hidden" id="idstat" name="idstat[]" value="{{$datastatus[$i]->id}}">
                                                            <input type="hidden" name="status_peraturan[]" value="{{$datastatus[$i]->status_peraturan}}
                                                            ">
                                                            <input type="hidden" name="id_dokumen[]" value="{{$doku[0]->id}}">
                                                            {{$datastatus[$i]->statname}}
                                                        </center>
                                                    </td>
                                                    <td><center><input type="hidden" name="id_dokumen_target[]" value="{{$datastatus[$i]->docid}}">{{$datastatus[$i]->dokuname}}</center></td>
                                                    <td><center><input type="hidden" name="catatan_status_peraturan[]" value="{{$datastatus[$i]->catatan_status_peraturan}}">{{$datastatus[$i]->catatan_status_peraturan}}</center></td>
                                                    <td>
                                                        <center>
                                                            <a class="btn btn-warning" onclick="editstat('{{$datastatus[$i]->id}}')">
                                                                <font color="">Edit</font>
                                                            </a>
                                                            <a class="btn btn-danger" onclick="hapusstat('{{$datastatus[$i]->id}}')">
                                                                <font color="">X</font>
                                                            </a>
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endfor

                                            @for($x = 0; $x < count($datastatustarget); $x++)
                                                <tr id="stata{{$x}}">
                                                    <td>
                                                        <center>
                                                            <input type="hidden" id="idstat" name="idstat[]" value="{{$datastatustarget[$x]['id']}}">
                                                            <input type="hidden" name="status_peraturan[]" value="{{$datastatustarget[$x]['status_peraturan']}}">
                                                            {{$datastatustarget[$x]['statname_target']}}
                                                        </center>
                                                    </td>
                                                    <td>
                                                        <center>
                                                            <input type="hidden" name="id_dokumen[]" value="{{$datastatustarget[$x]['docid']}}">
                                                            <input type="hidden" name="id_dokumen_target[]" value="{{$datastatustarget[$x]['id_dokumen_target']}}">
                                                            {{$datastatustarget[$x]['dokuname']}}
                                                        </center>
                                                    </td>
                                                    <td>
                                                        <center>
                                                            <input type="hidden" name="catatan_status_peraturan[]" value="{{$datastatustarget[$x]['catatan_status_peraturan']}}">
                                                            {{$datastatustarget[$x]['catatan_status_peraturan']}}
                                                        </center>
                                                    </td>
                                                    <td>
                                                        <center>
                                                            <a class="btn btn-warning" onclick="editstat_target('{{$datastatustarget[$x]['id']}}')">
                                                                <font color="">Edit</font>
                                                            </a>
                                                            <a class="btn btn-danger" onclick="hapusstat('{{$x}}')">
                                                                <font color="">X</font>
                                                            </a>
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endfor
                                            </tbody>
                                            
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-sm-6">
                                  <button id="submit" type="submit" style="background-color: #293a80; border-color: #293a80;" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <!-- <div class="col-sm-1"></div> -->
                                <div class="col-sm-4">
                                  <button id="submit" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="save">
                                    <i class="fa fa-save"></i> Simpan
                                  </button>
                                </div>
                                <div class="col-sm-2"></div>
                            </div>
                        </div>

                        <div class="tab-pane animate fadeIn text-muted" id="tab5a">
                            <div class="box-body">
                                <div style="background: white; border: 5px solid #452d3a;"><br>
                                    <div style="margin-left:15px; margin-right:15px;">
                                        <h3><font color="#452d3a">
                                                Putusan Terkait
                                            </font></h3>
                                        <table class="table table-bordered table-striped" id='dynamic2'>
                                            <tr>
                                                <td width="80%">
                                                    <!-- <h5 style="color:white;">Judul Dokumen Saat Ini</h5>
                                                    <input type="text" class="form-control" id="instansi">
                                                    <input type="hidden" name="kp" id="kp"> -->
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-success" data-toggle="modal"
                                                            data-target="#modal-addputer" onClick="judulIni()"><i
                                                                class="fa fa-plus-circle"></i> Tambah List
                                                    </button>
                                                    <!-- <a class="btn btn-success" onclick="masukamu()"><font color="white">Tambah Ke List</font></a> -->
                                                </td>
                                            </tr>
                                        </table>
                                        <table class="table-dragable table table-bordered table-striped" id='dynamic2'>
                                          <thead class="text-white" style="background-color: #452d3a">
                                          <tr>
                                              <th style="width: 23%">
                                                  <center>Peraturan Terkait</center>
                                              </th>
                                              <th style="width: 23%">
                                                  <center>Kasasi</center>
                                              </th>
                                              <th style="width: 23%">
                                                  <center>Banding</center>
                                              </th>
                                              <th style="width: 23%">
                                                  <center>Pertama</center>
                                              </th>
                                              <th style="width: 8%">
                                                  <center>Action</center>
                                              </th>
                                          </tr>
                                          </thead>
                                          <tbody id="tableputer">
                                          @for($i = 0; $i < count($dataputer); $i++)
                                            <tr id="putercuy{{$i}}">
                                                <td><center><input type="hidden" id="idputer" name="idputer[]" value="{{$dataputer[$i]->id}}">
                                                    <input type="hidden" name="putusan_terkait[]" value="{{$dataputer[$i]->putusan_terkait}}">{{($dataputer[$i]->putusan_terkait == "Peninjauan_Kembali")? 'Peninjauan Kembali (PK)' : $dataputer[$i]->putusan_terkait}}</center>
                                                </td>
                                                                                                <td><center><input type="hidden" name="kasasi_puter[]" value="{{($dataputer[$i]->kasasi_puter)? ($dataputer[$i]->kasasi_puter): ''}}">{{ (isset($datanya['kasasi'][0]->judul))? $datanya['kasasi'][0]->judul : '' }}</center></td>
                                                <td><center><input type="hidden" name="banding_puter[]" value="{{($dataputer[$i]->banding_puter)? ($dataputer[$i]->banding_puter): ''}}">{{ (isset($datanya['banding'][0]->judul))? $datanya['banding'][0]->judul : '' }}</center></td>
                                                <td><center><input type="hidden" name="pertama_puter[]" value="{{($dataputer[$i]->banding_puter)? ($dataputer[$i]->pertama_puter): ''}}">{{ (isset($datanya['pertama'][0]->judul))? $datanya['pertama'][0]->judul : '' }}</center></td>
                                                <td>
                                                    <center>
                                                        <a class="btn btn-warning" onclick="editPuter('{{$dataputer[$i]->id}}')">
                                                            <font color="">Edit</font>
                                                        </a>
                                                        <a class="btn btn-danger" onclick="hapusputer({{$i}})" >
                                                            <font color="">X</font>
                                                        </a>
                                                    </center>
                                                </td>
                                            </tr>
                                          @endfor
                                          </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-sm-6">
                                  <button id="submit" type="submit" style="background-color: #293a80; border-color: #293a80;" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i
                                              class="fa fa-save"></i> Draft
                                  </button>
                                </div>
                                <!-- <div class="col-sm-1"></div> -->
                                <div class="col-sm-4">
                                    <button id="submit" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="save"><i
                                                class="fa fa-save"></i> Simpan
                                    </button>
                                </div>
                                <div class="col-sm-2"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="modal-addx" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
              <div class="modal-content">
                  <div class="modal-header" style="background-color: #452d3a;">
                  <div style="width: 90%;"><h5 class="modal-title" style="color: white;">Tambah Pola Eksemplar</h5></div>
                      <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                  </div>
                  <div class="modal-body text-center p-lg" style="background-color: white;" id="state">
                      <div class="box-header">
                          <div class="col-md-12">
                          {{ csrf_field() }}
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label">Pattern</label>
                                  <div class="col-sm-4">
                                      <input type="hidden" name="" id="id" class="form-control">
                                      <input type="text" name="pattern" id="pattern" style="background-color: light-grey;" class="form-control" autocomplete="off" readonly>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label">Prefix</label>
                                  <div class="col-sm-4">
                                      <input type="hidden" name="" id="id" class="form-control">
                                      <input type="text" name="prefix" id="prefix" class="form-control" onInput="kombinasi()" autocomplete="off">
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label">Suffix</label>
                                  <div class="col-sm-4">
                                      <input type="hidden" name="" id="id" class="form-control">
                                      <input type="text" name="suffix" id="suffix" class="form-control" onInput="kombinasi()" autocomplete="off">
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label">Length</label>
                                  <div class="col-sm-4">
                                      <input type="hidden" name="" id="id" class="form-control">
                                      <input type="text" name="length" id="length" class="form-control" onInput="kombinasi()" autocomplete="off">
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="modal-footer" style="background-color: #452d3a;">
                      <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">Tutup</button>
                      <button type="button" class="btn btn-success" id="btn-eks" value="add" data-dismiss="modal">Simpan</button>
                  </div>
              </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addteup" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Nama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control carinamapengarang" id="namapengarang">
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_nama_pengarang" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Tipe</label>
                                    <div class="col-sm-4">
                                        <select id="tipepengarang" class="form-control select2" style="width:100%;">
                                            <option selected="selected" value="">-- Silahkan Pilih --</option>
                                            @foreach($dtpeng as $bd)
                                                <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_tipe_pengarang" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Jenis</label>
                                    <div class="col-sm-4">
                                        <select id="jenispengarang" class="form-control select2" style="width:100%;">
                                            <option selected="selected" value="">-- Silahkan Pilih --</option>
                                            @foreach($djp as $bd)
                                                <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_jenis_pengarang" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row"  id="flag_title_pengarang" style=" display: none; color:red; float:right;">
                                  <label>
                                    <i class="fa fa-flag" aria-hidden="true" style="-webkit-transform: rotate(30deg); padding-top: 10px;"></i>
                                    Data wajib di isi
                                  </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="masukTeuM()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editteup" role="dialog">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Nama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control select2" id="namapengarangedit">
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_nama_pengarang" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Tipe</label>
                                    <div class="col-sm-4">
                                        <select id="tipepengarangedit" class="form-control select2" style="width:100%;">
                                            <option value="">-- Silahkan Pilih --</option>
                                            @foreach($dtpeng as $bd)
                                                <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_tipe_pengarang" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Jenis</label>
                                    <div class="col-sm-4">
                                        <select id="jenispengarangedit" class="form-control select2" style="width:100%;">
                                            <option value="">-- Silahkan Pilih --</option>
                                            @foreach($djp as $bd)
                                                <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_jenis_pengarang" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>

                                <input type="hidden" id="idteu">
                                <div class="form-group row"  id="flag_title_pengarang" style=" display: none; color:red; float:right;">
                                    <label>
                                    <i class="fa fa-flag" aria-hidden="true" style="-webkit-transform: rotate(30deg); padding-top: 10px;"></i>
                                        Data wajib di isi
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahTeuM()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addsubjek" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Nama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control carisubjek" id="namasubjek">
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_nama_subyek" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Tipe</label>
                                    <div class="col-sm-4">
                                        <select style="width: 100%;" class="select2 form-control" id="tipesubjek">
                                            <option value="">-PILIH TIPE-</option>
                                            @foreach($dtkk as $pro)
                                                <option value="{{$pro -> id}}}"> {{$pro -> name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_tipe_subyek" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Jenis</label>
                                    <div class="col-sm-4">
                                        <select style="width: 100%;" class="select2 form-control" id="jenissubjek">
                                            <option value="">-PILIH JENIS-</option>
                                            <option value="primary">Primary</option>
                                            <option value="additional">Additional</option>
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_jenis_subyek" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row"  id="flag_title_subyek" style=" display: none; color:red; float:right;">
                                  <label>
                                    <i class="fa fa-flag" aria-hidden="true" style="-webkit-transform: rotate(30deg); padding-top: 10px;"></i>
                                    Data wajib di isi
                                  </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="masukSubyek()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editsubyek" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Nama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control select2 carisubjek" id="namasubjekedit">
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_nama_subyek" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Tipe</label>
                                    <div class="col-sm-4">
                                        <select style="width: 100%;" class="select2 form-control" id="tipesubjekedit">
                                            <option value="">-PILIH TIPE-</option>
                                            @foreach($dtkk as $pro)
                                                <option value="{{ $pro->id }}"> {{ $pro->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_tipe_subyek" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Jenis</label>
                                    <div class="col-sm-4">
                                        <select style="width: 100%;" class="select2 form-control" id="jenissubjekedit">
                                            <option value="">-PILIH JENIS-</option>
                                            <option value="primary">Primary</option>
                                            <option value="additional">Additional</option>
                                        </select>
                                    </div>
                                    <i class="fa fa-flag" id="flag_jenis_subyek" aria-hidden="true" style="color:red; -webkit-transform: rotate(30deg); display: none; padding-top: 10px;"></i>
                                </div>

                                <input type="hidden" id="id_subyek">
                                <div class="form-group row"  id="flag_title_subyek" style=" display: none; color:red; float:right;">
                                  <label>
                                    <i class="fa fa-flag" aria-hidden="true" style="-webkit-transform: rotate(30deg); padding-top: 10px;"></i>
                                    Data wajib di isi
                                  </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahSubyek()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addlampiran" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Fulltext</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="fulltext">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="judullampiran">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">URL</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="urllampiran" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">File Lampiran</label>
                                    <div class="col-sm-4">
                                        <input type="file" id="berkaslampiran" class="form-control" autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <button id="btn-lamp" type="button" class="btn btn-success"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>
    </div>
</div>

<div class="modal fade" id="modal-editlampiran" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Fulltext</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="fulltextedit">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="judullampiranedit">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">URL</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="urllampiranedit" class="form-control" autocomplete="off">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">File Lampiran</label>
                                    <div class="col-sm-4">
                                        <input type="file" name="berkaslampiranedit" id="berkaslampiranedit" class="form-control" autocomplete="off">
                                        <p id="namaberkaslampiranedit"></p>
                                    </div>
                                </div>
                                <input type="hidden" id="id_lampiran">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <button id="btn-edit-lamp" type="button" class="btn btn-success"><font color="white">Ubah Data</font></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addperter" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                      Ini</label>
                                  <div class="col-sm-4">
                                      <input type="text" class="form-control" id="judulperter" readonly>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Peraturan Terkait</label>
                                  <div class="col-sm-4">
                                      <select style="width:100%;" class="form-control caridokumen" id="pertertarget">
                                      </select>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Status</label>
                                  <div class="col-sm-4">
                                      <select id="statusperter" class="form-control select2" style="width:100%;">
                                          <option selected="selected" value="-" disabled>-- Silahkan Pilih --</option>
                                          <option value="Melaksanakan">Melaksanakan</option>
                                          <option value="Dilaksanakan">Dilaksanakan</option>
                                      </select>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                  <div class="col-sm-4">
                                      <input type="text" id="catatanperter" class="form-control"
                                             autocomplete="off">
                                  </div>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="masukPerter()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editperter" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                      Ini</label>
                                  <div class="col-sm-4">
                                      <input type="text" class="form-control" id="judulperteredit" readonly>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Peraturan Terkait</label>
                                  <div class="col-sm-4">
                                      <select style="width:100%;" class="form-control caridokumen select2" id="pertertargetedit">
                                      </select>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Status</label>
                                  <div class="col-sm-4">
                                      <select id="statusperteredit" class="form-control select2" style="width:100%;">
                                          <option selected="selected" value="-" disabled>-- Silahkan Pilih --</option>
                                          <option value="Melaksanakan">Melaksanakan</option>
                                          <option value="Dilaksanakan">Dilaksanakan</option>
                                      </select>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                  <div class="col-sm-4">
                                      <input type="text" id="catatanperteredit" class="form-control"
                                             autocomplete="off">
                                  </div>
                              </div>
                              <input type="hidden" id="id_perter">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahPerter()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-adddocter" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                        Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldocter" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Document Terkait</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen" id="doctertarget">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatandocter" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="masukDocter()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editdocter" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                        Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldocteredit" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Document Terkait</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control select2 caridokumen" id="doctertargetedit">
                                        </select>
                                    </div>
                                </div>

                                <input type="hidden" id="id_dokter">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatandocteredit" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahDocter()"><font color="white">Ubah Data</font></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addhasum" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                        Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="judulhasum" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Hasil Uji Materi</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen" id="hasumtarget">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatanhasum" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="masukHasum()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-edithasum" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                        Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="judulhasumedit" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Hasil Uji Materi</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen select2" id="hasumtargetedit">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatanhasumedit" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>

                                <input type="hidden" id="id_hasum">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahHasum()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addstat" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                        Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldoksaat" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Status</label>
                                    <div class="col-sm-4">
                                        <select id="statusstatus" class="form-control select2" style="width:100%;">
                                            <option selected="selected" value="">-- Silahkan Pilih --</option>
                                            @foreach($dsts as $bd)
                                                <option value="{{ $bd->id}}">{{ $bd->status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row"  id="rowdoktar" style="display: none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen
                                        (Target)</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen" id="dokumentarget">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatanstatus" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">Tutup</button>
                        <a class="btn btn-success" onclick="masukStatus()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editstat" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldoksaatedit" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Status</label>
                                    <div class="col-sm-4">
                                        <select id="statusstatusedit" class="form-control select2" style="width:100%;">
                                            <option value="">-- Silahkan Pilih --</option>
                                            @foreach($dsts as $bd)
                                                <option value="{{ $bd->id}}">{{ $bd->status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row"  id="rowdoktaredit" style="display: none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen (Target)</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen select2" id="dokumentargetedit">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatanstatusedit" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>

                                <input type="hidden" id="id_stat">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahStatus()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editstat-target" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldoksaateditTarget" readonly>
                                        <input type="hidden" class="form-control" id="iddoksaateditTarget" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Status</label>
                                    <div class="col-sm-4">
                                        <select id="statusstatuseditTarget" class="form-control select2" style="width:100%;">
                                            <option value="">-- Silahkan Pilih --</option>
                                            @foreach($dsts as $bd)
                                                <option value="{{ $bd->id}}">{{ $bd->status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row"  id="rowdoktareditTarget" style="display: none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen (Target)</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen select2" id="dokumentargeteditTarget">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Catatan</label>
                                    <div class="col-sm-4">
                                        <input type="text" id="catatanstatuseditTarget" class="form-control"
                                               autocomplete="off">
                                    </div>
                                </div>

                                <input type="hidden" id="id_stat_Target">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahStatusTarget()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-addputer" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat
                                        Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldoksaatputer" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                  <label  class="col-sm-4 col-form-label" style="color: #452d3a;">Putusan Terkait</label>
                                  <div class="col-sm-4">
                                    <select id="tipros" class="form-control select2"style="width:100%;">
                                        <option selected="selected" value="" disabled="">-- Silahkan Pilih --</option>
                                        <option value="Pertama">Pertama</option>
                                        <option value="Banding">Banding</option>
                                        <option value="Kasasi">Kasasi</option>
                                        <option value="Peninjauan_Kembali">Peninjauan Kembali (PK)</option>
                                    </select>
                                  </div>
                                </div>
                                <div class="form-group row" id="kasasiputer" style="display:none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Kasasi</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen1" id="kasasitarget">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row" id="bandingputer" style="display:none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Banding</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen1" id="bandingtarget">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row" id="pertamaputer" style="display:none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Pertama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen1" id="pertamatarget">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="masukPuter()"><font color="white">Tambah Ke List</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-editputer" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #452d3a;">
                    <div style="width: 90%;"></div>
                        <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">X</button>
                    </div>
                    <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                        <div class="box-header">
                            <div class="col-md-12">
                                <div class="form-group row">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Judul Dokumen Saat Ini</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="juduldoksaatputeredit" readonly>
                                    </div>
                                </div>
                                <div class="form-group row">
                                  <label  class="col-sm-4 col-form-label" style="color: #452d3a;">Putusan Terkait</label>
                                  <div class="col-sm-4">
                                    <select id="tiprosedit" class="form-control select2"style="width:100%;">
                                        <option value=""">-- Silahkan Pilih --</option>
                                        <option value="Pertama">Pertama</option>
                                        <option value="Banding">Banding</option>
                                        <option value="Kasasi">Kasasi</option>
                                        <option value="Peninjauan_Kembali">Peninjauan Kembali (PK)</option>
                                    </select>
                                  </div>
                                </div>
                                <div class="form-group row" id="kasasiputeredit" style="display:none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Kasasi</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen1 select2" id="kasasitargetedit">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row" id="bandingputeredit" style="display:none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Banding</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen1" id="bandingtargetedit">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row" id="pertamaputeredit" style="display:none;">
                                    <label class="col-sm-4 col-form-label" style="color: #452d3a;">Pertama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control caridokumen1" id="pertamatargetedit">
                                        </select>
                                    </div>
                                </div>

                                <input type="hidden" id="id_puter">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer" style="background-color: #452d3a;">
                        <a class="btn btn-success" onclick="rubahPuter()"><font color="white">Ubah Data</font></a>
                    </div>
                </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="AddEksemplaDialog" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <form id="addeksemplar" method="POST" action="{{route('dokumen.adddocppu')}}" class="form-horizontal form-label-left">
                    <div class="modal-content">
                        <div class="modal-header" style="background-color: #0C6B0F;">
                            <h5 class="modal-title" id="judul" style="color: white;">Tambah Eksemplar</h5>
                        </div>
                        <div class="modal-body text-center p-lg" style="background-color: white;" id="state">
                            <div class="box-header">
                                <div class="col-md-12">
                                {{ csrf_field() }}
                                    <input type="hidden" name="id_document" value="{{ $doku[0]->id }}">

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Judul</label>
                                        <div class="col-sm-8">
                                        <input type="text" name="AddjudulEks" id="AddjudulEks" style="background-color: light-grey;" class="form-control" autocomplete="off" readonly>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Kode Eksemplar</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="patterneks" id="Addpatterneks" style="background-color: light-grey;" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">No Panggil</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="nopanggileks" id="Addnopanggileks" style="background-color: light-grey;" class="form-control" autocomplete="off" readonly>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Kode Inventaris</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="kodeinventariseks" style="background-color: light-grey;" class="form-control" autocomplete="off" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Lokasi</label>
                                        <div class="col-sm-8">
                                            <select style="width:100%;" class="form-control select2" name="lokasieks" >
                                                <option value="">-- Silahkan Pilih --</option>
                                                @foreach($lokasi as $item)
                                                    <option value="{{ $item->id }}">{{ $item->code.' - '.$item->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Lokasi Rak</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="lokasirakeks"  style="background-color: light-grey;" class="form-control" autocomplete="off" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tipe Koleksi</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="tipekoleksieks">
                                                <option value="">-- Silahkan Pilih --</option>
                                                @foreach($dtk as $bd)
                                                @if($bd->id != 1)
                                                    <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                                @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Status Eksemplar</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="statuseks" style="width:100%;">
                                                <option value="">-Pilih Status Eksemplar-</option>
                                                <option value="1">Tersedia</option>
                                                <option value="2">Di Pinjam</option>
                                                <option value="3">Sedang Di Reservasi</option>
                                                <option value="4">Data Tidak Aktif</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Nomor Pemesanan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="nomorpemesaneks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Pemesanan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglpemesananeks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Penerimaan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglpenerimaaneks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Agen</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="ageneks">
                                                <option value="">-Pilih Agen-</option>
                                                <option value="0">Tidak Digunakan</option>
                                                <option value="1">Digunakan</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Sumber Perolehan</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="sumberperolehaneks">
                                                <option value="">-Pilih Sumber Perolehan-</option>
                                                <option value="0">Beli</option>
                                                <option value="1">Hadiah/Hibah</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Faktur</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="faktureks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                        <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Faktur</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglfaktureks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Harga</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="hargaeks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="modal-footer" style="background-color: #0C6B0F;">
                            <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">Batal</button>
                            <button type="submit" class="btn btn-success" id="btn-simpan-eks-add">Simpan</button>
                        </div>
                    </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="editEksemplaDialog" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <form id="addeksemplar" method="POST" action="{{route('dokumen.updatedocppu')}}" class="form-horizontal form-label-left">
                    <div class="modal-content">
                        <div class="modal-header" style="background-color: #0C6B0F;">
                            <h5 class="modal-title" id="judul" style="color: white;">Edit Eksemplar</h5>
                        </div>
                        <div class="modal-body text-center p-lg" style="background-color: white;" id="state">
                            <div class="box-header">
                                <div class="col-md-12">
                                {{ csrf_field() }}
                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Judul</label>
                                        <div class="col-sm-8">
                                            <input type="hidden" name="ide" id="ide" class="form-control">
                                            <input type="text" name="judulEks" id="judulEks" style="background-color: light-grey;" class="form-control" autocomplete="off" readonly>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Kode Eksemplar</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="patterneks" id="patterneks" style="background-color: light-grey;" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">No Panggil</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="nopanggileks" id="nopanggileks" style="background-color: light-grey;" class="form-control" autocomplete="off" readonly>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Kode Inventaris</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="kodeinventariseks" id="kodeinventariseks" style="background-color: light-grey;" class="form-control" autocomplete="off" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Lokasi</label>
                                        <div class="col-sm-8">
                                            <select style="width:100%;" class="form-control select2" name="lokasieks" id="lokasieks">
                                                <option value="">-- Silahkan Pilih --</option>
                                                @foreach($lokasi as $item)
                                                    <option value="{{ $item->id }}">{{ $item->code.' - '.$item->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Lokasi Rak</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="lokasirakeks" id="lokasirakeks" style="background-color: light-grey;" class="form-control" autocomplete="off" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tipe Koleksi</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="tipekoleksieks" id="tipekoleksieks">
                                                <option value="">-- Silahkan Pilih --</option>
                                                @foreach($dtk as $bd)
                                                @if($bd->id != 1)
                                                    <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                                @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Status Eksemplar</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="statuseks" id="statuseks" style="width:100%;">
                                                <option value="">-Pilih Status Eksemplar-</option>
                                                <option value="1">Tersedia</option>
                                                <option value="2">Di Pinjam</option>
                                                <option value="3">Sedang Di Reservasi</option>
                                                <option value="4">Data Tidak Aktif</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Nomor Pemesanan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="nomorpemesaneks" id="nomorpemesaneks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Pemesanan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglpemesananeks" id="tglpemesananeks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Penerimaan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglpenerimaaneks" id="tglpenerimaaneks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Agen</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="ageneks" id="ageneks">
                                                <option value="">-Pilih Agen-</option>
                                                <option value="0">Tidak Digunakan</option>
                                                <option value="1">Digunakan</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Sumber Perolehan</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="sumberperolehaneks" id="sumberperolehaneks">
                                                <option value="">-Pilih Sumber Perolehan-</option>
                                                <option value="0">Beli</option>
                                                <option value="1">Hadiah/Hibah</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Faktur</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="faktureks" id="faktureks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                        <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Faktur</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglfaktureks" id="tglfaktureks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Harga</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="hargaeks" id="hargaeks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <input type="hidden" name="iddok" id="iddok">

                                </div>
                            </div>
                        </div>
                        <div class="modal-footer" style="background-color: #0C6B0F;">
                            <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">Batal</button>
                            <button type="submit" class="btn btn-success" id="btn-simpan-eks">Simpan</button>
                        </div>
                    </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>

<!-- <script>
    var konten = document.getElementById("konten");
    CKEDITOR.replace(konten, {
        language: 'en-gb'
    });
    CKEDITOR.config.allowedContent = true;
</!-->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<script type="text/javascript">

    function kombinasi(){
        var a = document.getElementById("prefix").value;
        var b = document.getElementById("suffix").value;
        var c = document.getElementById("length").value;
        var d = 0;

        document.getElementById("pattern").value = a + cl(d, c) + b;
    }

    function cl(e, f){
        let op = "";
        for(let i = 1; i <= f; i++){
            op += e;
        }
        return op;
    }

    // $(document).on('submit', '[id^=kokwok]', function(e){
    //   var form = this;
    //   e.preventDefault();
    //   var data = $(this).serialize();
      // swal({
      //   title: "Berhasil!",
      //   text: "Document berhasil di update!",
      //   icon: "success",
      //   button: false,
      // });
    //   setInterval(function(){
    //       return form.submit();
    //   }, 1000);
    // });

    $('#tablestatus, #tablelamp, #tabledocter, #tableperter, #tablehasum').sortable();

    $(document).ready(function () {

        flatpickr(".tanggal", {
            altInput: true,
            altFormat: "d/m/Y",
            dateFormat: "Y-m-d"
        });

        if($('#ppu').val() == 1){
          $('.labelku').text(' T.E.U Badan');
          $('.labellamp').text(' Lampiran');
          $('#step2p').show();
          $('#step3').show();
          $('#step4').show();
          $('#step4a').show();
          $('#step4b').show();
          $('#step4c').show();
          $('#step5').show();
          $('#tombol').html('<div class="col-sm-6"><button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i class="fa fa-save"></i> Draft</button></div><div class="col-sm-5"><button id="btnstep4" type="button" class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i class="fa fa-arrow-right"></i> Selanjutnya</button></div><div class="col-sm-1"></div>');
        }else if($('#ppu').val() == 2){
          $('.labelku').text(' T.E.U Pengarang');
          $('.labellamp').text(' Lampiran');
          $('#step2p').show();
          $('#step3').show();
          $('#step4').show();
          //$('#step5').show();
          $('#tombol').html('<div class="col-sm-6"><button id="submit" type="submit" style="background-color: #293a80; border-color: #293a80;" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i class="fa fa-save"></i> Draft</button></div><div class="col-sm-4"><button id="submit" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="save"><i class="fa fa-save"></i> Simpan</button></div><div class="col-sm-2"></div>');
        }else if($('#ppu').val() == 3){
          $('.labelku').text(' T.E.U Pengarang');
          $('.labellamp').text(' Lampiran');
          $('#step2p').show();
          $('#step3').show();
          $('#step4').show();
          //$('#step5').show();
          $('#tombol').html('<div class="col-sm-6"><button id="submit" type="submit" style="background-color: #293a80; border-color: #293a80;" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i class="fa fa-save"></i> Draft</button></div><div class="col-sm-4"><button id="submit" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="save"><i class="fa fa-save"></i> Simpan</button></div><div class="col-sm-2"></div>');
        }else if($('#ppu').val() == 4){
          $('.labelku').text(' T.E.U Badan');
          $('.labellamp').text(' Dokumen Putusan');
          $('#step2p').show();
          $('#step3').show();
          $('#step4').show();
          $('#step5a').show();
          $('#tombol').html('<div class="col-sm-6"><button id="submit" style="background-color: #293a80; border-color: #293a80;" type="submit" class="btn btn-success btn-sm pull-right" name="submit" value="draft"><i class="fa fa-save"></i> Draft</button></div><div class="col-sm-5"><button id="btnstep4" type="button" class="btn btn-primary btn-sm pull-right draft1error" name="submit" value="draft1"><i class="fa fa-arrow-right"></i> Selanjutnya</button></div><div class="col-sm-1"></div>');
        }else{

        }
        // mindystart

        // mindyend
        // $('.tepenpen').select2({tags:true});
        $('.select2').select2();
        // $('#turunanSatu').select2();
        // $('#bhukum').select2();
        // $('#tepen').select2();
        // $('#bhsper').select2();

    //mindy coba
        $('.tempatterbit').select2({
            tags: true,
            allowClear: true,
            placeholder: 'Pilih Tempat Terbit',
            ajax: {
                url: "{{url('caritepen')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    console.log(data);
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });

        $('.data_penerbit').select2({
            tags: true,
            allowClear: true,
            placeholder: 'Pilih Penerbit',
            ajax: {
                url: "{{url('caripenerbit')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    console.log(data);
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });
        {{--console.log('{{$doku[0]->tempat_terbit}}');--}}
        var coba = {{isset($doku[0]->tempat_terbit)? $doku[0]->tempat_terbit : 0}}
	console.log(coba);
        if(coba != 0) {
            $.ajax({
                method: "GET",
                url: "{{route('coba')}}",
                data: { name: coba }
            })

        .done(function(e){
                // var option = {}
            // console.log(e);
                var option = new Option(e[0].name, e[0].id, true, true);
                if({{$doku[0]->tipe_dokumen}} == 1){
                    $('#tepen').append(option).trigger('change');
                } else if({{$doku[0]->tipe_dokumen}} == 2){
                    $('#temter').append(option).trigger('change');
                } else if({{$doku[0]->tipe_dokumen}} == 4){
                    $('#tepenpen').append(option).trigger('change');
                }
            });
        }else{
            console.log('null');
        }

        var penerbit = 0;
        console.log(penerbit);
        if(penerbit != 0) {
            $.ajax({
                method: "GET",
                url: "{{route('getpenerbit')}}",
                data: { name: penerbit }
            })

                .done(function(e){
                    var option = new Option(e[0].name, e[0].id, true, true);
                        $('#data_penerbit').append(option).trigger('change');
                });
        }else{
            console.log('null');
        }


        flatpickr("#tapen, #tadib, #tapeng", {
            altInput: true,
            altFormat: "d/m/Y",
            dateFormat: "Y-m-d"
        });

        $('#btn-eks').on('click',function(e){
          e.preventDefault();
          var form_data = new FormData();
          form_data.append('pattern',$('#pattern').val());
          form_data.append('prefix',$('#prefix').val());
          form_data.append('suffix',$('#suffix').val());
          form_data.append('length',$('#length').val());
          $.ajaxSetup({
              headers:
              {
                  'X-CSRF-Token': '{{csrf_token()}}'
              }
          });
          $.ajax({
              method: "POST",
              url: "{{route('dokumen.addx')}}",
              data: form_data,
              contentType: false,       // The content type used when sending data to the server.
              cache: false,             // To unable request pages to be cached
              processData: false,
          })
          .done(function(z){
            swal({
              title: "Berhasil!",
              text: "Pola eksemplar berhasil di tambahkan!",
              icon: "success",
              button: false,
              timer: 1500
            });
            $.get('{{URL::to("getpolmek")}}', function (data) {
              $('#polnomeks').val(null).trigger('change');
              var test = null;
              test =
                  "<option class='' disabled='' selected='' value=''>-PILIH POLA EKSEMPLAR-</option>";
              for (i = 0; i < data.length; i++) {
                test += "<option value='" + data[i]['id'] + "|" + data[i]['prefix'] + "|" + data[i]['suffix'] + "|" + data[i]['length'] + "|" + data[i]['pattern'] + "'>"+ data[i]['pattern'] +"</option>";
              }
              console.log(test);
              $('#polnomeks').html(test);
              $('#polnomeks').trigger('change');
            });
          });
        });

        $('#btn-lamp').on('click',function(e){
          var data = new FormData();
          data.append('berkaslampiran', $('#berkaslampiran').prop('files')[0]);
          $.ajaxSetup({
              headers:
              {
                  'X-CSRF-Token': '{{csrf_token()}}'
              }
          });
          $.ajax({
              url: "{{route('dokumen.addfile')}}",
              type: 'post',
              contentType: false,
              data: data,
              cache: false,
              processData: false,
          })
          .done(function(z){
            var a = $('#judullampiran').val();
            var ft = $('#fulltext').val();
            var c = $('#urllampiran').val();
            var g = Math.floor((Math.random() * 1000) + 1)
            var url = "{{ asset('dokumen/data_dokumen/') }}/"+z;
            $('#tablelamp').append('<tr id="hmm' + g + '"><td><center><font color=""><input type="hidden" name="fulltext[]" value="' + ft + '">' + ft + '</font></center></td><td><center><font color=""><input type="hidden" name="judul_lampiran[]" value="' + a + '">' + a + '</font></center></td><td><center><font color=""><input type="hidden" name="dokumen_lampiran[]" value="'+ z +'"><a href="'+url+'" target="_blank">' + z + '</a></font></center></td><td><center><font color=""><input type="hidden" name="url_lampiran[]" value="' + c + '">' + c + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
            $('#judullampiran').val('').trigger('change');
            $('#berkaslampiran').val('').trigger('change');
            $('#urllampiran').val('').trigger('change');
            $('#fulltext').val('').trigger('change');
          });
        });

        $('.caridokumen').select2({
            placeholder: 'Cari...',
            ajax: {
                url: "{{url('caridoctarget')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.judul,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });

        $('#statusstatus').change(function(){
          if($('#statusstatus').val() != 8){
            $('#rowdoktar').show();
          }else{
            $('#rowdoktar').hide();
          }
        });

        $('#statusstatusedit').change(function(){
          if($('#statusstatusedit').val() != 8){
            $('#rowdoktaredit').show();
          }else{
            $('#rowdoktaredit').hide();
          }
        });

        $('.caridokumen1').select2({
            placeholder: 'Cari...',
            allowClear: true,
            ajax: {
                url: "{{url('caridoctarget')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.judul,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });

        $('.carinamapengarang').select2({
            tags: true,
            placeholder: 'Cari...',
            ajax: {
                url: "{{url('carinamapengarang')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });

        $('#namapengarangedit').select2({
            tags: true,
            placeholder: 'Cari...',
            ajax: {
                url: "{{url('carinamapengarang')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });

        $('.carisubjek').select2({
            tags: true,
            placeholder: 'Cari...',
            ajax: {
                url: "{{url('carisubyek')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.subyek,
                                id: item.subyek
                            }
                        })
                    };
                },
                cache: true
            }
        });

        navbut1();
        navbut2p();
        navbut3();
        navbut4();
        navbut4a();
        navbut4b();
        navbut4c();
        navbut5();
        navbut5a();
        step1();
        step2p();
        step3();
        step4();
        step4a();
        step4b();
        step4c();

        @if(isset($doku[0]->prov))

            $('#provinsiku').val('{{$doku[0]->prov}}');
            $('#provinsiku').select2().trigger('change');
            $.get('{{URL::to("getkab")}}/' + '{{$doku[0]->prov}}', function (data) {
                $('#kabupatenku').val(null).trigger('change');
                json = JSON.parse(data);
                var test = null;
                // console.log("##PANJANGNYA =" + json.length)
                test =
                    "<option class='' disabled='' selected='' value='0'>-PILIH KABUPATEN-</option>";
                for (i = 0; i < json.length; i++) {

                    test += "<option  class='' value='" + json[i].id +
                        "'>" + json[i].name + "</option>";

                }
                $('#kabupatenmu').show();
                $('#kabupatenku').html(test);
                $('#kabupatenku').trigger('change');
                $('#kabupatenku').val('{{$doku[0]->kabu}}');
                $('#kabupatenku').select2().trigger('change');
                $.get('{{URL::to("getkec")}}/' + '{{$doku[0]->kabu}}', function (data) {
                    $('#kecamatanku').val(null).trigger('change');
                    json = JSON.parse(data);
                    var test = null;
                    // console.log("##PANJANGNYA =" + json.length)
                    test =
                        "<option class='' disabled='' selected='' value='0'>-PILIH KECAMATAN-</option>";
                    for (i = 0; i < json.length; i++) {

                        test += "<option  class='' value='" + json[i].id +
                            "'>" + json[i].name + "</option>";

                    }
                    $('#kecamatanmu').show();
                    $('#kecamatanku').html(test);
                    $('#kecamatanku').trigger('change');
                    // alert('{{$doku[0]->keca}}');
                    $('#kecamatanku').val('{{$doku[0]->keca}}');
                    $('#kecamatanku').select2().trigger('change');
                });
            });
        @endif
        var nilai = '{{$doku[0]->secid}}';
        $.get('{{ URL::to('docHirarki') }}', {id: '{{$doku[0]->tipe_dokumen}}'}, function (e) {
            if ('{{$doku[0]->tipe_dokumen}}' == 1) {
                if ('{{$doku[0]->tipe_dokumen}}' != 1) {
                    $('#kokwok')[0].reset()
                }
                $('.labelku').text(' T.E.U Badan');
                $('.labellamp').text(' Lampiran');
                $('#step2').hide();
                $('#divdivan').show();
                $('#divdivanah').hide();
                $('#divdivanmh').hide();
                $('#divdivanpp').hide();
                $(".turunanSatu").css("display", "block");
                $('.turunanSatu').html(e);
                $('.btnstep1').show();
                $('.turunanSatu').change(function () {
                    if ($('.turunanSatu').val() != "") {

                      $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu').val()}, function (e) {
                        if(e.match(/option/g).length > 2){
                        console.log(e);
                          $(".subjenis").css("display", "block");
                          $(".turunanDua").css("display", "block");
                          $('.turunanDua').html(e);
                          $('.turunanDua').trigger('change');
                          $('.turunanDua').val("{{(count(explode(':',$doku[0]->secid)) == 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
                          $('.turunanDua').select2().trigger('change');
                        }else{
                          $(".subjenis").css("display", "none");
                        }
                      });
                    }
                });
                // $('#theadteu tbody').empty();
            } else if ('{{$doku[0]->tipe_dokumen}}' == 2) {
                if ('{{$doku[0]->tipe_dokumen}}' != 2) {
                    $('#kokwok')[0].reset();
                }
                $('.labelku').text(' T.E.U Pengarang');
                $('.labellamp').text(' Lampiran');
                $('#step4a').hide();
                $('#step4b').hide();
                $('#step2').hide();
                $('#divdivan').hide();
                $('#divdivanah').hide();
                $('#divdivanmh').show();
                $('#divdivanpp').hide();
                $(".turunanSatu2").css("display", "block");
                $('.turunanSatu2').html(e);
                $('.btnstep1').show();
                $('.turunanSatu2').change(function () {
                    if ($('.turunanSatu2').val() != "") {
                      $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu2').val()}, function (e) {
                        if(e.match(/option/g).length > 2){
                          $(".subjenis").css("display", "block");
                          $(".turunanDua2").css("display", "block");
                          $('.turunanDua2').html(e);
                          $('.turunanDua2').trigger('change');
                          $('.turunanDua2').val("{{(count(explode(':',$doku[0]->secid)) == 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
                          $('.turunanDua2').select2().trigger('change');
                        }else{
                          $(".subjenis").css("display", "none");
                        }
                      }
                    );
                    }
                });
                // $('#theadteup tbody').empty();
            } else if ('{{$doku[0]->tipe_dokumen}}' == 3) {
                if ('{{$doku[0]->tipe_dokumen}}' != 3) {
                    $('#kokwok')[0].reset();
                }
                $('.labelku').text(' T.E.U Pengarang');
                $('.labellamp').text(' Lampiran');
                $('#step4a').hide();
                $('#step4b').hide();
                $('#step2').hide();
                $('#divdivan').hide();
                $('#divdivanmh').hide();
                $('#divdivanah').show();
                $('#divdivanpp').hide();
                $(".turunanSatu3").css("display", "block");
                $('.turunanSatu3').html(e);
                $('.btnstep1').show();
                // $('#theadteup tbody').empty();
                $('.turunanSatu3').change(function () {
                    if ($('.turunanSatu3').val() > "") {
                      $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu3').val()}, function (e) {
                        if(e.match(/option/g).length > 2){
                          $(".subjenis").css("display", "block");
                          $(".turunanDua3").css("display", "block");
                          $('.turunanDua3').html(e);
                          $('.turunanDua3').trigger('change');
                          $('.turunanDua3').val("{{(count(explode(':',$doku[0]->secid)) == 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
                          $('.turunanDua3').select2().trigger('change');
                        }else{
                          $(".subjenis").css("display", "none");
                        }
                      });
                    }
                });
            } else if ('{{$doku[0]->tipe_dokumen}}' == 4) {

                if ('{{$doku[0]->tipe_dokumen}}' != 4) {
                    $('#kokwok')[0].reset();
                }
                $('.labelku').text(' T.E.U Badan');
                $('.labellamp').text(' Lampiran');
                $('#step4a').hide();
                $('#step4b').hide();
                $('#step2').hide();
                $('#divdivan').hide();
                $('#divdivanmh').hide();
                $('#divdivanah').hide();
                $('#divdivanpp').show();
                $(".turunanSatu4").css("display", "block");
                $('.turunanSatu4').html(e);
                $('.btnstep1').show();
                // $('#theadteup tbody').empty();
                $('.turunanSatu4').change(function () {

                    if ($('.turunanSatu4').val() != "") {
                      $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu4').val()}, function (e) {
                        if(e.match(/option/g).length > 2){
                          $(".subjenis").css("display", "block");
                          $(".turunanDua4").css("display", "block");
                          $('.turunanDua4').html(e);
                          $('.turunanDua4').trigger('change');
                          $('.turunanDua4').val("{{(count(explode(':',$doku[0]->secid)) == 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
                          $('.turunanDua4').select2().trigger('change');
                        }else{
                          $(".subjenis").css("display", "none");
                        }
                      });
                    }
                });
            } else if ('{{$doku[0]->tipe_dokumen}}' == 0) {
                $('#divdivan').hide();
                $('#divdivanmh').hide();
                $('#divdivanah').hide();
                $('#divdivanpp').hide();
                $('#step2p').hide();
                $('#step2').hide();
                $('#btnstep1').hide();
                // $('#theadteup tbody').empty();
                // $('#theadteu tbody').empty();
                $('.turunanSatu').change(function () {
                    if ($('.turunanSatu').val() != "") {
                      $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu').val()}, function (e) {
                        $(".subjenis").css("display", "block");
                        $(".turunanDua").css("display", "block");
                        $('.turunanDua').html(e);
                        $('.turunanDua').trigger('change');
                        $('.turunanDua').val("{{(count(explode(':',$doku[0]->secid)) == 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
                        $('.turunanDua').select2().trigger('change');
                      });
                    }
                });
            }
              $('.turunanSatu').val("{{(count(explode(':',$doku[0]->secid)) < 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
              $('.turunanSatu').select2().trigger('change');
              $('.turunanSatu2').val("{{(count(explode(':',$doku[0]->secid)) < 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
              $('.turunanSatu2').select2().trigger('change');
              $('.turunanSatu3').val("{{(count(explode(':',$doku[0]->secid)) < 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
              $('.turunanSatu3').select2().trigger('change');
              // console.log("{{(count(explode(':',$doku[0]->secid)) < 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
              $('.turunanSatu4').val("{{(count(explode(':',$doku[0]->secid)) < 3)? $doku[0]->secid : ($doku[0]->secid != null) ? explode(':',$doku[0]->secid)[0].':'.explode(':',$doku[0]->secid)[1] : ''}}");
              $('.turunanSatu4').select2().trigger('change');
        });



        // $('#tablestatus').sortable();
        // var tipe_dokumen = '{{ $doku[0]->tipe_dokumen }}';
        // if (tipe_dokumen == 1) {
        //     if (tipe_dokumen != 1) {
        //         $('#kokwok')[0].reset()
        //     }
        //     $('.labelku').text(' T.E.U Badan');
        //     $('#step4a').show();
        //     $('#step4b').show();
        //     $('#step2p').show();
        //     $('#step2').hide();
        //     $('#divdivan').show();
        //     $('#divdivanah').hide();
        //     $('#divdivanmh').hide();
        //     $('#divdivanpp').hide();
        //     $(".turunanSatu").css("display", "block");
        //     $('.turunanSatu').html(e);
        //     $('.btnstep1').show();
        //     $('#theadteu tbody').empty();
        // } else if (tipe_dokumen == 2) {
        //     if (tipe_dokumen != 2) {
        //         $('#kokwok')[0].reset();
        //     }
        //     $('.labelku').text(' T.E.U Pengarang');
        //     $('#step4a').hide();
        //     $('#step4b').hide();
        //     $('#step2p').show();
        //     $('#step2').hide();
        //     $('#divdivan').hide();
        //     $('#divdivanah').hide();
        //     $('#divdivanmh').show();
        //     $('#divdivanpp').hide();
        //     $(".turunanSatu").css("display", "block");
        //     $('.turunanSatu').html(e);
        //     $('.btnstep1').show();
        //     $('#theadteup tbody').empty();
        // } else if (tipe_dokumen == 3) {
        //     if (tipe_dokumen != 3) {
        //         $('#kokwok')[0].reset();
        //     }
        //     $('.labelku').text(' T.E.U Pengarang');
        //     $('#step4a').hide();
        //     $('#step4b').hide();
        //     $('#step2p').show();
        //     $('#step2').hide();
        //     $('#divdivan').hide();
        //     $('#divdivanmh').hide();
        //     $('#divdivanah').show();
        //     $('#divdivanpp').hide();
        //     $(".turunanSatu").css("display", "block");
        //     $('.turunanSatu').html(e);
        //     $('.btnstep1').show();
        //     $('#theadteup tbody').empty();
        // } else if (tipe_dokumen == 4) {
        //     if (tipe_dokumen != 4) {
        //         $('#kokwok')[0].reset();
        //     }
        //     $('.labelku').text('&nbsp T.E.U Pengarang');
        //     $('#step4a').hide();
        //     $('#step4b').hide();
        //     $('#step2p').show();
        //     $('#step2').hide();
        //     $('#divdivan').hide();
        //     $('#divdivanmh').hide();
        //     $('#divdivanah').hide();
        //     $('#divdivanpp').show();
        //     $(".turunanSatu").css("display", "block");
        //     $('.turunanSatu').html(e);
        //     $('.btnstep1').show();
        //     $('#theadteup tbody').empty();
        // } else if (tipe_dokumen == 0) {
        //     $('#divdivan').hide();
        //     $('#divdivanmh').hide();
        //     $('#divdivanah').hide();
        //     $('#divdivanpp').hide();
        //     $('#step2p').hide();
        //     $('#step2').hide();
        //     $('#btnstep1').hide();
        //     $('#theadteup tbody').empty();
        //     $('#theadteu tbody').empty();
        // }
    });

    function judulIni() {
        var a = document.getElementById("juduldatautama").value;
        var b = document.getElementById("ppu").value;
        var c = document.getElementById("juduldatautamamh").value;
        var d = document.getElementById("juduldatautamaah").value;
        var e = document.getElementById("juduldatautamapp").value;
        if(b == 1){
            document.getElementById("juduldoksaat").value = a;
            document.getElementById("juduldocter").value = a;
            document.getElementById("judulperter").value = a;
            document.getElementById("judulhasum").value = a;
            document.getElementById("juduldoksaatputer").value = a;
        }else if(b == 2){
            document.getElementById("juduldoksaat").value = c;
            document.getElementById("juduldocter").value = c;
            document.getElementById("judulperter").value = c;
            document.getElementById("judulhasum").value = c;
            document.getElementById("juduldoksaatputer").value = c;
        }else if(b == 3){
            document.getElementById("juduldoksaat").value = d;
            document.getElementById("juduldocter").value = d;
            document.getElementById("judulperter").value = d;
            document.getElementById("judulhasum").value = d;
            document.getElementById("juduldoksaatputer").value = d;
        }else if(b == 4){
            document.getElementById("juduldoksaat").value = e;
            document.getElementById("juduldocter").value = e;
            document.getElementById("judulperter").value = e;
            document.getElementById("judulhasum").value = e;
            document.getElementById("juduldoksaatputer").value = e;
        }
    }

    function hapusx(a){

      var data = new FormData();
      data.append('id', a);
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_x')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                //$("#itemcuy" + a).remove();
                setTimeout(function(){
                    location.reload();
                }, 500); 
              });

            default:

        }
      });
    }

    $(document).on("click", ".open-EditEksemplar", function () {
        var judulEks = $(this).data('juduleks');
        var idEks = $(this).data('ideks');
        var tipeKoleksival = $(this).data('tipekoleksival');
        var tipeKoleksi = $(this).data('tipekoleksi');
        var id = $(this).data('id')
        var nopanggileks = $(this).data('nopanggileks');
        var kodeinventariseks = $(this).data('kodeinventariseks');
        var lokasieks = $(this).data('lokasieks');
        var lokasirakeks = $(this).data('lokasirakeks');
        var statuseks = $(this).data('statuseks');
        var nomorpemesaneks = $(this).data('nomorpemesaneks');
        var tglpemesananeks = $(this).data('tglpemesananeks');
        var tglpenerimaaneks = $(this).data('tglpenerimaaneks');
        var ageneks = $(this).data('ageneks');
        var sumberperolehaneks = $(this).data('sumberperolehaneks');
        var faktureks = $(this).data('faktureks');
        var tglfaktureks = $(this).data('tglfaktureks');
        var hargaeks = $(this).data('hargaeks');
        var iddok = $(this).data('iddok');

        $("#ide").val( id );
        $("#judulEks").val( judulEks );
        $("#patterneks").val( idEks );

        $("#tipekoleksieks").val(tipeKoleksival);
        $('#tipekoleksieks').trigger('change');

        $('#nopanggileks').val(nopanggileks);
        $('#kodeinventariseks').val(kodeinventariseks);
        $('#lokasieks').val(lokasieks);
        $('#lokasirakeks').val(lokasirakeks);
        $('#tipekoleksieks').val(tipeKoleksival);

        $('#iddok').val(iddok);

        $('#statuseks').val(statuseks);
        $('#statuseks').trigger('change');

        var tglpemesananeks_form = flatpickr('#tglpemesananeks',{
            altInput: true,
            altFormat: "d/m/Y"
        });
        tglpemesananeks_form.setDate(tglpemesananeks);

        var tglpenerimaaneks_form = flatpickr('#tglpenerimaaneks',{
            altInput: true,
            altFormat: "d/m/Y"
        });
        tglpenerimaaneks_form.setDate(tglpenerimaaneks);

        $('#nomorpemesaneks').val(nomorpemesaneks);
        $('#ageneks').val(ageneks);
        $('#ageneks').trigger('change');
        $('#sumberperolehaneks').val(sumberperolehaneks);
        $('#sumberperolehaneks').trigger('change');
        $('#faktureks').val(faktureks);

        var tglfaktureks_form = flatpickr('#tglfaktureks',{
            altInput: true,
            altFormat: "d/m/Y"
        });
        tglfaktureks_form.setDate(tglfaktureks);
        $('#hargaeks').val(hargaeks);
    });

    $(document).on("click", ".open-AddEksemplar", function () {
        var judul = $('#juduldatautamamh').val();
        var NomorPanggil = $('#nopang').val();

        $('#AddjudulEks').val(judul);
        $('#Addnopanggileks').val(NomorPanggil);

        $(document).ready(function(){
            $('#btn-simpan-eks-add').attr('disabled',true);
            $('#Addpatterneks').keyup(function(){
                if($(this).val().length !=0)
                    $('#btn-simpan-eks-add').attr('disabled', false);            
                else
                    $('#btn-simpan-eks-add').attr('disabled',true);
            })
        });

        $('#Addpatterneks').change(function () {
            $.ajax({
                type : "get",
                url: "{{ url('carinomorindukubuku') }}" + "/" + $('#Addpatterneks').val(),
                dataType : "json",
                success: function(data){
                    console.log(data[0]);
                    console.log($('#Addpatterneks').val());
                    if(data[0].status == '1'){
                        swal("Oops", data[0].nib + ' - ' + data[0].message, "error");
                        $('#btn-simpan-eks-add').attr('disabled', true);
                    }else{
                        $('#btn-simpan-eks-add').attr('disabled',false);
                    }
                }
            });
        });
    });

    function hapuspeng(a){
      var data = new FormData();
      data.append('id', $('#idpeng').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_peng')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#peng" + a).remove();
              });

            default:

        }
      });
    }

    function initSelect2(control, key, value){
        var data = {
            id: key,
            text: value
        };
        var initOption = new Option(data.text, data.id, false, false);
        control.append(initOption);
        control.val(value).trigger('change');
    }

    function editpeng(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_peng')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editteup").modal('show');
            
            $.ajax({
                type: 'GET',
                url: "{{url('carinamapengarangedit')}}",
                data: { id: z.nama_pengarang }
            }).then(function (data) {
                var option = new Option(data.name, data.id, true, true);
                $('#namapengarangedit').append(option).trigger('change');
                console.log(data);
            });

            $('#idteu').val(z.id);
            
            $('#tipepengarangedit').val(z.tipe_pengarang);
            $('#tipepengarangedit').trigger('change');

            $('#jenispengarangedit').val(z.jenis_pengarang);
            $('#jenispengarangedit').trigger('change');
        });
    }

    function editsubyek(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_subyek')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editsubyek").modal('show');
            
            $.ajax({
                type: 'GET',
                url: "{{url('carinamasubyekedit')}}",
                data: { id: z.id }
            }).then(function (data) {
                var option = new Option(data.subyek, data.id, true, true);
                $('#namasubjekedit').append(option).trigger('change');
                console.log(data);
            });

            $('#id_subyek').val(z.id);
            
            $('#tipesubjekedit').val(z.tipe_subyek);
            $('#tipesubjekedit').trigger('change');

            $('#jenissubjekedit').val(z.jenis_subyek);
            $('#jenissubjekedit').trigger('change');
        });
    }

    function editlampiran(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_lampiran')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editlampiran").modal('show');
            
            $('#id_lampiran').val(z.id);
            $('#fulltextedit').val(z.fulltext);
            $('#judullampiranedit').val(z.judul_lampiran);
            $('#urllampiranedit').val(z.url_lampiran);
            $('#namaberkaslampiranedit').html(z.dokumen_lampiran);
        });
    }

    function editdokter(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_dokter')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editdocter").modal('show');
            document.getElementById("juduldocteredit").value = document.getElementById("juduldatautama").value;
            $('#id_dokter').val(z.id);

            $.ajax({
                type: 'GET',
                url: "{{url('carinamadokteredit')}}",
                data: { id: z.id }
            }).then(function (data) {
                console.log(data);
                var option = new Option(data.judul, data.document_terkait, true, true);
                $('#doctertargetedit').append(option).trigger('change');
                console.log(data);
            });
            
            $('#catatandocteredit').val(z.catatan_docter);
        });
    }

    function editperter(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_perter')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            //console.log(z);
            $("#modal-editperter").modal('show');
            document.getElementById("judulperteredit").value = document.getElementById("juduldatautama").value;
            
            $('#id_perter').val(z.id);
            $('#catatanperteredit').val(z.catatan_perter);

            $.ajax({
                type: 'GET',
                url: "{{url('carinamapertekedit')}}",
                data: { id: z.id }
            }).then(function (data) {
                console.log(data);
                var option = new Option(data.judul, data.peraturan_terkait, true, true);
                $('#pertertargetedit').append(option).trigger('change');
                console.log(data);
            });

            $('#statusperteredit').val(z.status_perter);
            $('#statusperteredit').trigger('change');
        });
    }

    function edithasum(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_hasum')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-edithasum").modal('show');
            document.getElementById("judulhasumedit").value = document.getElementById("juduldatautama").value;
            $('#id_hasum').val(z.id);

            $.ajax({
                type: 'GET',
                url: "{{url('carinamahasumedit')}}",
                data: { id: z.id }
            }).then(function (data) {
                console.log(data);
                var option = new Option(data.judul, data.hasil_uji_materi, true, true);
                $('#hasumtargetedit').append(option).trigger('change');
                console.log(data);
            });
            
            $('#catatanhasumedit').val(z.catatan_hasum);
        });
    }

    function editstat(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_stat')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editstat").modal('show');
            document.getElementById("juduldoksaatedit").value = document.getElementById("juduldatautama").value;
            $('#id_stat').val(z.id);

            if(z.status_peraturan != 8){
                $('#rowdoktaredit').show();
                $.ajax({
                    type: 'GET',
                    url: "{{url('carinamastatedit')}}",
                    data: { id: z.id }
                }).then(function (data) {
                    console.log(data);
                    var option = new Option(data.judul, data.document_terkait, true, true);
                    $('#dokumentargetedit').append(option).trigger('change');
                    console.log(data);
                });
            }else{
                $('#rowdoktaredit').hide();
            }

            $('#statusstatusedit').val(z.status_peraturan);
            $('#statusstatusedit').trigger('change');
            
            $('#catatanstatusedit').val(z.catatan_status_peraturan);
        });
    }

    function editstat_target(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_stat_target')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editstat-target").modal('show');
            document.getElementById("juduldoksaateditTarget").value = z[0].Dokumen;
            document.getElementById("iddoksaateditTarget").value = z[0].IdDok;
            $('#id_stat_Target').val(z[0].id);

            if(z[0].IdStatus != 8){
                $('#rowdoktareditTarget').show();
                var option = new Option(z[0].DokumenTarget, z[0].IdDokTarget, true, true);
                $('#dokumentargeteditTarget').append(option).trigger('change');
            }else{
                $('#dokumentargeteditTarget').hide();
            }

            $('#statusstatuseditTarget').val(z[0].IdStatusTarget);
            $('#statusstatuseditTarget').trigger('change');
            
            $('#catatanstatuseditTarget').val(z[0].Catatan);
        });
    }

    function editPuter(a){
        var data = new FormData();
        data.append('id', a);
        $.ajaxSetup({
            headers:
            {
                'X-CSRF-Token': '{{csrf_token()}}'
            }
        });
        $.ajax({
            url: "{{route('dokumen.edit_puter')}}",
            type: 'post',
            contentType: false,
            data: data,
            cache: false,
            processData: false,
        })
        .done(function(z){
            console.log(z);
            $("#modal-editputer").modal('show');
            document.getElementById("juduldoksaatputeredit").value = document.getElementById("juduldatautama").value;
            $('#id_puter').val(z.id);
            if (z.putusan_terkait != "") {
                if (z.putusan_terkait == "Peninjauan_Kembali") {
                    $('#tiprosedit').val(z.putusan_terkait);
                    $('#tiprosedit').trigger('change');

                    $.ajax({
                        type: 'GET',
                        url: "{{url('carinamakasasiedit')}}",
                        data: { id: z.id }
                    }).then(function (data) {
                        console.log(data);
                        var option = new Option(data.judul, data.kasasi_puter, true, true);
                        $('#kasasitargetedit').append(option).trigger('change');
                        console.log(data);
                    });

                    $.ajax({
                        type: 'GET',
                        url: "{{url('carinamaBandingedit')}}",
                        data: { id: z.id }
                    }).then(function (data) {
                        console.log(data);
                        var option = new Option(data.judul, data.banding_puter, true, true);
                        $('#bandingtargetedit').append(option).trigger('change');
                        console.log(data);
                    });

                    $.ajax({
                        type: 'GET',
                        url: "{{url('carinamaPertamaedit')}}",
                        data: { id: z.id }
                    }).then(function (data) {
                        console.log(data);
                        var option = new Option(data.judul, data.pertama_puter, true, true);
                        $('#pertamatargetedit').append(option).trigger('change');
                        console.log(data);
                    });

                    $("#kasasiputeredit").show();
                    $("#bandingputeredit").show();
                    $("#pertamaputeredit").show();
                } else if (z.putusan_terkait == "Kasasi") {
                    $('#tiprosedit').val(z.putusan_terkait);
                    $('#tiprosedit').trigger('change');

                    $.ajax({
                        type: 'GET',
                        url: "{{url('carinamaBandingedit')}}",
                        data: { id: z.id }
                    }).then(function (data) {
                        console.log(data);
                        var option = new Option(data.judul, data.banding_puter, true, true);
                        $('#bandingtargetedit').append(option).trigger('change');
                        console.log(data);
                    });

                    $.ajax({
                        type: 'GET',
                        url: "{{url('carinamaPertamaedit')}}",
                        data: { id: z.id }
                    }).then(function (data) {
                        console.log(data);
                        var option = new Option(data.judul, data.pertama_puter, true, true);
                        $('#pertamatargetedit').append(option).trigger('change');
                        console.log(data);
                    });

                    $("#kasasiputeredit").hide();
                    $("#bandingputeredit").show();
                    $("#pertamaputeredit").show();
                } else if (z.putusan_terkait == "Banding") {
                    $('#tiprosedit').val(z.putusan_terkait);
                    $('#tiprosedit').trigger('change');

                    $.ajax({
                        type: 'GET',
                        url: "{{url('carinamaPertamaedit')}}",
                        data: { id: z.id }
                    }).then(function (data) {
                        console.log(data);
                        var option = new Option(data.judul, data.pertama_puter, true, true);
                        $('#pertamatargetedit').append(option).trigger('change');
                        console.log(data);
                    });

                    $("#kasasiputeredit").hide();
                    $("#bandingputeredit").hide();
                    $("#pertamaputeredit").show();
                } else if (z.putusan_terkait == "Pertama") {
                    $('#tiprosedit').val(z.putusan_terkait);
                    $('#tiprosedit').trigger('change');

                    $("#kasasiputeredit").hide();
                    $("#bandingputeredit").hide();
                    $("#pertamaputeredit").hide();
                } else if (z.putusan_terkait == 0) {
                    $("#kasasiputeredit").hide();
                    $("#bandingputeredit").hide();
                    $("#pertamaputeredit").hide();
                }
            }
            
        });
    }

    function rubahPuter(){
        var fd;
        fd = new FormData();
        fd.append('id_puter', $('#id_puter').val());
        fd.append('tiprosedit', $('#tiprosedit').val());
        fd.append('kasasitargetedit', $('#kasasitargetedit').val());
        fd.append('bandingtargetedit', $('#bandingtargetedit').val());
        fd.append('pertamatargetedit', $('#pertamatargetedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editPuter') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    function rubahStatus(){
        var fd;
        fd = new FormData();
        fd.append('id_stat', $('#id_stat').val());
        fd.append('dokumentargetedit', $('#dokumentargetedit').val());
        fd.append('statusstatusedit', $('#statusstatusedit').val());
        fd.append('catatanstatusedit', $('#catatanstatusedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editStatus') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                alert("Berhasil diubah");
                setTimeout(function(){
                    location.reload();
                }, 1000); 
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    function rubahStatusTarget(){
        var fd;
        fd = new FormData();
        fd.append('id_stat', $('#id_stat_Target').val());
        fd.append('iddokumentargetedit', $('#iddoksaateditTarget').val());
        fd.append('statusstatusedit', $('#statusstatuseditTarget').val());
        fd.append('catatanstatusedit', $('#catatanstatuseditTarget').val());
        fd.append('iddokumenedit', $('#dokumentargeteditTarget').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editStatustarget') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                alert("Berhasil diubah");
                setTimeout(function(){
                    location.reload();
                }, 1000);
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    function rubahTeuM(){
        var fd;
        fd = new FormData();
        fd.append('idteu', $('#idteu').val());
        fd.append('namapengarangedit', $('#namapengarangedit').val());
        fd.append('tipepengarangedit', $('#tipepengarangedit').val());
        fd.append('jenispengarangedit', $('#jenispengarangedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editTEUM') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    function rubahSubyek(){
        var fd;
        fd = new FormData();
        fd.append('id_subyek', $('#id_subyek').val());
        fd.append('namasubjekedit', $('#namasubjekedit').val());
        fd.append('tipesubjekedit', $('#tipesubjekedit').val());
        fd.append('jenissubjekedit', $('#jenissubjekedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editSUBYEK') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    $('#btn-edit-lamp').click(function () {
        
        var obj_data = $('#berkaslampiranedit').get(0).files.length;
        if(obj_data > 0){
            file_data = $('#berkaslampiranedit').prop('files')[0];
        }else{
            file_data = '0';
        }

        var fd;
        fd = new FormData();
        fd.append('id', $('#id_lampiran').val());
        fd.append('fulltext', $('#fulltextedit').val());
        fd.append('judullampiran', $('#judullampiranedit').val());
        fd.append('urllampiran', $('#urllampiranedit').val());
        fd.append('berkaslampiranedit', file_data);
        fd.append('obj_data', obj_data);
        fd.append('_token', '{{ csrf_token() }}');
        $.ajax({
            data: fd,
            url: "{{ url('editLampirandokumen') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data)
            }
        });
    });

    function rubahPerter(){
        //alert($('#pertertargetedit').val());
        var fd;
        fd = new FormData();
        fd.append('id_perter', $('#id_perter').val());
        fd.append('catatanperteredit', $('#catatanperteredit').val());
        fd.append('statusperteredit', $('#statusperteredit').val());
        fd.append('pertertargetedit', $('#pertertargetedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editPeraturanTerkait') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    function rubahDocter(){
        var fd;
        fd = new FormData();
        fd.append('id_dokter', $('#id_dokter').val());
        fd.append('catatandocteredit', $('#catatandocteredit').val());
        fd.append('doctertargetedit', $('#doctertargetedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editDokumenTerkait') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    function rubahHasum(){
        var fd;
        fd = new FormData();
        fd.append('id_hasum', $('#id_hasum').val());
        fd.append('hasumtargetedit', $('#hasumtargetedit').val());
        fd.append('catatanhasumedit', $('#catatanhasumedit').val());
        fd.append('_token', '{{ csrf_token() }}');

        $.ajax({
            data: fd,
            url: "{{ url('editHasumTerkait') }}",
            type: "POST",
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (data) {
                if(data == 1){
                    alert("Berhasil diubah");
                    setTimeout(function(){
                        location.reload();
                    }, 1000); 
                }else{
                    alert("Gagal dirubah");
                }
            },
            error: function (data) {
                console.log(data);
            }
        });
    }

    

    function hapussubyek(a){

      var data = new FormData();
      data.append('id', $('#idsubyek').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_subyek')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#suby" + a).remove();
              });

            default:

        }
      });
    }

    function hapuslamp(a){

      var data = new FormData();
      data.append('id', $('#idlamp').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_lamp')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#lamp" + a).remove();
              });

            default:

        }
      });
    }

    function hapusperter(a){

      var data = new FormData();
      data.append('id', $('#idperter').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_perter')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#pertercuy" + a).remove();
              });

            default:

        }
      });
    }

    function hapusdocter(a){

      var data = new FormData();
      data.append('id', $('#iddocter').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_docter')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#doctercuy" + a).remove();
              });

            default:

        }
      });
    }

    function hapushasum(a){

      var data = new FormData();
      data.append('id', $('#idhasum').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_hasum')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#hasumcuy" + a).remove();
              });

            default:

        }
      });
    }

    function hapusstat(a){

      var data = new FormData();
      data.append('id', $('#idstat').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_stat')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                setTimeout(function(){
                    location.reload();
                }, 100); 
              });

            default:

        }
      });
    }

    function hapusputer(a){

      var data = new FormData();
      data.append('id', $('#idputer').val());
      swal("Apa anda ingin menghapus data ini?", {
        icon: "warning",
        buttons: {
            cancel: "Gak Jadi!",
            catch: {
                text: "Tentu!",
                value: "catch",
            },
        },
      }).then((value) =>{
        switch (value) {

            case "catch":
              $.ajaxSetup({
                  headers:
                  {
                      'X-CSRF-Token': '{{csrf_token()}}'
                  }
              });
              $.ajax({
                  url: "{{route('dokumen.delete_puter')}}",
                  type: 'post',
                  contentType: false,
                  data: data,
                  cache: false,
                  processData: false,
              })
              .done(function(z){
                $("#putercuy" + a).remove();
              });

            default:

        }
      });
    }

    function hapusam(a) {
        $("#hmm" + a).remove();
        $("#yeah" + a).remove();
        $("#yihaa" + a).remove();
        $("#yuhuu" + a).remove();
        $("#hadeuh" + a).remove();
        $("#docter" + a).remove();
        $("#perter" + a).remove();
        $("#gruu" + a).remove();
        $("#hasum" + a).remove();
    }

    function masukEksemplar() {
        var zz = $('#polnomeks').val();
        var spl = zz.split('|');
        var azz = $('#tipkoleks').val();
        var b = spl[0];
        var c = $('#tipkoleks').select2('data')[0].text;
        var d = $('#polnomeks').select2('data')[0].text;
        var e = $('#jeks').val();
        var fzz = $('#juduldatautamamh').val();
        var p = spl[1];
        var s = spl[2];
        var l = spl[3];
        var g = Math.floor((Math.random() * 1000) + 1)

        var html = '';

        var fix = d.replace(p, '');
        for (var i = 1; i <= e; i++) {
            var fix2 = fix.replace(s, '');
            var a = fix2.substr(-1);
            var int = parseInt(a) + 1;
            var final = '';
            if (i < 10) {

                final = p + fix2.slice(0, -1) + i + s;

            } else if (i < 100) {

                final = p + fix2.slice(0, -2) + i + s;

            } else if (i < 1000) {

                final = p + fix2.slice(0, -3) + i + s;

            } else if (i < 10000) {

                final = p + fix2.slice(0, -4) + i + s;
            }

            html += '<tr id="hadeuh' + i + '"><td><center><input type="hidden" name="judul_eks[]" value="' + fzz + '">' + fzz + '</center></td><td><center><input type="hidden" name="coll_type_id[]" value="' + azz + '">' + c + '</center></td><td><center><input type="hidden" name="item_code[]" value="' + final + '">' + final + '</center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + i + ')"><font color="">X</font></a><center></td></tr>';
        }

        $('#tableeksemplar').html(html);
    }

    function masukTeuM() {
        var a = $('#namapengarang').val();
        var b = $('#tipepengarang').val();
        var c = $('#jenispengarang').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        if(a && b && c){
            $('#flag_title_pengarang').hide();
            $('#flag_nama_pengarang').hide();
            $('#flag_tipe_pengarang').hide();
            $('#flag_jenis_pengarang').hide();
            var d = $('#tipepengarang').select2('data')[0].text;
            var e = $('#namapengarang').select2('data')[0].text;
            var f = $('#jenispengarang').select2('data')[0].text;
            $('#tablepengarang').append('<tr class="rowteum" id="yihaa' + g + '"><td><center><font color=""><input id="nama_pengarang" type="hidden" name="nama_pengarangm[]" value="' + a + '">' + e + '</font></center></td><td><center><font color=""><input type="hidden" id="tipe_pengarang" name="tipe_pengarang[]" value="' + b + '">' + d + '</font></center></td><td><center><font color=""><input type="hidden" id="jenis_pengarang" name="jenis_pengarang[]" value="' + c + '">' + f + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
            $('#namapengarang').val('').trigger('change');
            $('#tipepengarang').val('').trigger('change');
            $('#jenispengarang').val('').trigger('change');
        }else{
          $('#flag_title_pengarang').show();
          $('#flag_nama_pengarang').hide();
          $('#flag_tipe_pengarang').hide();
          $('#flag_jenis_pengarang').hide();
          swal({
            title: "Gagal!",
            text: "Terdapat data yang belum diisi!",
            icon: "error",
            button: false,
            timer: 1000
          });
          if(!a){
            $('#flag_nama_pengarang').show();
          }
          if(!b){
            $('#flag_tipe_pengarang').show();
          }
          if(!c){
            $('#flag_jenis_pengarang').show();
          }
        }
    }

    function masukSubyek() {
        var a = $('#namasubjek').val();
        var b = $('#tipesubjek').val();
        var c = $('#jenissubjek').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        if(a && b && c){
            $('#flag_title_subyek').hide();
            $('#flag_nama_subyek').hide();
            $('#flag_tipe_subyek').hide();
            $('#flag_jenis_subyek').hide();
            var d = $('#tipesubjek').select2('data')[0].text;
            var e = $('#namasubjek').select2('data')[0].text;
            var c1 = $('#jenissubjek').select2('data')[0].text;
            $('#tablesubyek').append('<tr class="rowsubyek" id="yihaa' + g + '"><td><center><font color=""><input type="hidden" id="subyek" name="subyek[]" value="' + a + '">' + e + '</font></center></td><td><center><font color=""><input type="hidden" id="tipe_subyek" name="tipe_subyek[]" value="' + b.slice(0, 1) + '">' + b.slice(0, 1) + ': ' + d + '</font></center></td><td><center><font color=""><input type="hidden" id="jenis_subyek" name="jenis_subyek[]" value="' + c + '">' + c1 + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
            $('#namasubjek').val('').trigger('change');
            $('#tipesubjek').val('').trigger('change');
            $('#jenissubjek').val('').trigger('change');
        }else{
          $('#flag_title_subyek').show();
          $('#flag_nama_subyek').hide();
          $('#flag_tipe_subyek').hide();
          $('#flag_jenis_subyek').hide();
          swal({
            title: "Gagal!",
            text: "Terdapat data yang belum diisi!",
            icon: "error",
            button: false,
            timer: 1000
          });
          if(!a){
            $('#flag_nama_subyek').show();
          }
          if(!b){
            $('#flag_tipe_subyek').show();
          }
          if(!c){
            $('#flag_jenis_subyek').show();
          }
        }
    }

    function masukPerter() {
        var a = $('#pertertarget').val();
        var b = $('#statusperter').val();
        var c = $('#catatanperter').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        $('#tableperter').append('<tr id="perter' + g + '"><td><center><font color=""><input type="hidden" name="peraturan_terkait[]" value="' + a + '">' + a + '</font></center></td><td><center><font color=""><input type="hidden" name="status_perter[]" value="' + b + '">' + b + '</font></center></td><td><center><font color=""><input type="hidden" name="catatan_perter[]" value="' + c + '">' + c + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
        $('#pertertarget').val('').trigger('change');
        $('#statusperter').val('').trigger('change');
        $('#catatanperter').val('').trigger('change');
    }

    function masukDocter() {
        var a = $('#doctertarget').val();
        // var b = $('#statusdocter').val();
        var c = $('#catatandocter').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        $('#tabledocter').append('<tr id="docter' + g + '"><td><center><font color=""><input type="hidden" name="document_terkait[]" value="' + a + '">' + a + '</font></center></td><td><center><font color=""><input type="hidden" name="catatan_docter[]" value="' + c + '">' + c + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
        $('#doctertarget').val('').trigger('change');
        // $('#statusdocter').val('').trigger('change');
        $('#catatandocter').val('').trigger('change');
    }

    function masukHasum() {
        var a = $('#hasumtarget').val();
        // var b = $('#statushasum').val();
        var c = $('#catatanhasum').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        $('#tablehasum').append('<tr id="hasum' + g + '"><td><center><font color=""><input type="hidden" name="hasil_uji_materi[]" value="' + a + '">' + a + '</font></center></td><td><center><font color=""><input type="hidden" name="catatan_hasum[]" value="' + c + '">' + c + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
        $('#hasumtarget').val('').trigger('change');
        // $('#statushasum').val('').trigger('change');
        $('#catatanhasum').val('').trigger('change');
    }

    function masukStatus() {
        var b;
        console.log($('#dokumentarget').select2('data').length);
        if ($('#dokumentarget').select2('data').length > 0) {
          b = $('#dokumentarget').select2('data')[0].text;
        } else {
          b = "";
        }
        var a = $('#statusstatus').val();
        var a1 = $('#statusstatus').select2('data')[0].text;
        var c = $('#catatanstatus').val();
        var d = $('#dokumentarget').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        var id_dokumen = "{{ $doku[0]->id }}";
        $('#tablestatus').append('<tr id="yeah' + g + '"  class="grabable"><td><center><font><input type="hidden" name="id_dokumen[]" value="'+ id_dokumen +'"><input type="hidden" name="status_peraturan[]" value="' + a + '">' + a1 + '</font></center></td><td><center><font><input type="hidden" name="id_dokumen_target[]" value="' + d + '">' + b + '</font></center></td><td><center><font><input type="hidden" name="catatan_status_peraturan[]" value="' + c + '">' + c + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
        $('#statusstatus').val('').trigger('change');
        $('#dokumentarget').val('').trigger('change');
        $('#catatanstatus').val('').trigger('change');

        console.log(a1);
    }

    function up(idrow) {
        alert(idrow);
    }

    function masukPuter() {
      // if($('#kasasitarget').val() == null){
      //   return "";
      // }

        var a = $('#tipros').val();
        var a1 = $('#tipros').select2('data')[0].text;
        var b = ($('#kasasitarget').val() !== null)? $('#kasasitarget').val() : "";
        console.log(b);
        var b1 = ($('#kasasitarget').val() !== null)? $('#kasasitarget').select2('data')[0].text : "";
        var c = ($('#bandingtarget').val() !== null)? $('#bandingtarget').val() : "";
        var c1 = ($('#bandingtarget').val() !== null)? $('#bandingtarget').select2('data')[0].text : "";
        var d = ($('#pertamatarget').val() !== null)? $('#pertamatarget').val() : "";
        var d1 = ($('#pertamatarget').val() !== null)? $('#pertamatarget').select2('data')[0].text : "";
        var g = Math.floor((Math.random() * 1000) + 1)
        $('#tableputer').append('<tr id="gruu' + g + '"  class="grabable"><td><center><font><input type="hidden" name="putusan_terkait[]" value="' + a + '">' + a1 + '</font></center></td><td><center><font><input type="hidden" name="kasasi_puter[]" value="' + b + '">' + b1 + '</font></center></td><td><center><font><input type="hidden" name="banding_puter[]" value="' + c + '">' + c1 + '</font></center></td><td><center><font><input type="hidden" name="pertama_puter[]" value="' + d + '">' + d1 + '</font></center></td><td><center><a class="btn btn-danger" onclick="hapusam(' + g + ')"><font color="">X</font></a><center></td></tr>');
        $('#tipros').val('').trigger('change');
        $('#kasasitarget').val('').trigger('change');
        $('#bandingtarget').val('').trigger('change');
        $('#pertamatarget').val('').trigger('change');
    }

    function navbut1(){
      $("#step1").click(function(){
        // $('#step2p').hide();
        // $('#step3').hide();
        // $('#step4').hide();
        // $('#step4a').hide();
        // $('#step4b').hide();
        // $('#step4c').hide();
        // $('#step5').hide();
        // $('#step5a').hide();
        $("#tab1").addClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").hide();
      })
    }

    function navbut2p(){
      $("#step2p").click(function(){
        // $('#step3').hide();
        // $('#step4').hide();
        // $('#step4a').hide();
        // $('#step4b').hide();
        // $('#step4c').hide();
        // $('#step5').hide();
        // $('#step5a').hide();
        $("#tab1").removeClass('active');
        $("#tab2p").addClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").hide();
      })
    }

    function navbut3(){
      $("#step3").click(function(){
        // $('#step4').hide();
        // $('#step4a').hide();
        // $('#step4b').hide();
        // $('#step4c').hide();
        // $('#step5').hide();
        // $('#step5a').hide();
        $("#tab1").removeClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").addClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").hide();
      })
    }

    function navbut4(){
      $("#step4").click(function(){
        if($('#ppu').val() == 2 || $('#ppu').val() == 3){
          $('#step4a').hide();
          $('#step4b').hide();
          $('#step4c').hide();
          // $('#step5').hide();
          $('#step5a').hide();
          $("#tab1").removeClass('active');
          $("#tab2p").removeClass('active');
          $("#tab3").removeClass('active');
          $("#tab4").addClass('active');
          $("#tab4a").removeClass('active');
          $("#tab4b").removeClass('active');
          $("#tab4c").removeClass('active');
          $("#tab5").removeClass('active');
          $("#tab5a").removeClass('active');
          $("#submitdong").hide();
        }else if($('#ppu').val() == 1){
          // $('#step4a').hide();
          // $('#step4b').hide();
          // $('#step4c').hide();
          // $('#step5').hide();
          $('#step5a').hide();
          $("#tab1").removeClass('active');
          $("#tab2p").removeClass('active');
          $("#tab3").removeClass('active');
          $("#tab4").addClass('active');
          $("#tab4a").removeClass('active');
          $("#tab4b").removeClass('active');
          $("#tab4c").removeClass('active');
          $("#tab5").removeClass('active');
          $("#tab5a").removeClass('active');
          $("#submitdong").hide();
        }else{
          $('#step4a').hide();
          $('#step4b').hide();
          $('#step4c').hide();
          $('#step5').hide();
          // $('#step5a').hide();
          $("#tab1").removeClass('active');
          $("#tab2p").removeClass('active');
          $("#tab3").removeClass('active');
          $("#tab4").addClass('active');
          $("#tab4a").removeClass('active');
          $("#tab4b").removeClass('active');
          $("#tab4c").removeClass('active');
          $("#tab5").removeClass('active');
          $("#tab5a").removeClass('active');
          $("#submitdong").hide();
        }
      })
    }

    function navbut4a(){
      $("#step4a").click(function(){
        // $('#step4b').hide();
        // $('#step4c').hide();
        // $('#step5').hide();
        // $('#step5a').hide();
        $("#tab1").removeClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").addClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").hide();
      })
    }

    function navbut4b(){
      $("#step4b").click(function(){
        // $('#step4c').hide();
        // $('#step5').hide();
        // $('#step5a').hide();
        $("#tab1").removeClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").addClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").hide();
      })
    }

    function navbut4c(){
      $("#step4c").click(function(){
        // $('#step5').hide();
        // $('#step5a').hide();
        $("#tab1").removeClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").addClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").hide();
      })
    }

    function navbut5(){
      $("#step5").click(function(){
        $("#tab1").removeClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").addClass('active');
        $("#tab5a").removeClass('active');
        $("#submitdong").show();
      })
    }

    function navbut5a(){
      $("#step5a").click(function(){
        $("#tab1").removeClass('active');
        $("#tab2p").removeClass('active');
        $("#tab3").removeClass('active');
        $("#tab4").removeClass('active');
        $("#tab4a").removeClass('active');
        $("#tab4b").removeClass('active');
        $("#tab4c").removeClass('active');
        $("#tab5").removeClass('active');
        $("#tab5a").addClass('active');
        $("#submitdong").show();
      })
    }

    function step1() {

        $("#btnstep1").click(function () {
            if ($('#ppu').val() == 1) {
                var tipedoc = $("#tipe_dokumen").val();
                var jenisper = $("#turunanSatu").val();
                var juduldatautama = $("#juduldatautama").val();
                var bhukum = $("#bhukum").val();
                var noper = $("#noper").val();
                var taper = $("#taper").val();
                var sbper = $("#sbper").val();
                var tepen = $("#tepen").val();
                var tapen = $("#tapen").val();
                var bhsper = $("#bhsper").val();
                var sumper = $("#sumper").val();

                // if (juduldatautama || jenisper || bhukum || noper || taper || sbper || tepen || tapen || bhsper || sumper != "") {
                $("#tab2p").addClass('active');
                $('#step2p').show();
                $("#tab1").removeClass('active');
                // } else
                //     alert('Data tidak boleh kosong!')
            } else {
                $("#tab2p").addClass('active');
                $("#tab1").removeClass('active');
                $('#step2p').show();
            }
        });
    }

    function step2() {

        $("#btnstep2").click(function () {

            $("#step3").show();
            $("#tab3").addClass('active');
            $("#tab2").removeClass('active');
        });
    }

    function step2p() {

        $("#btnstep2p").click(function () {

            $("#step3").show();
            $("#tab3").addClass('active');
            $("#tab2p").removeClass('active');
        });
    }

    function step3() {

        $("#btnstep3").click(function () {

            $("#step4").show();
            $("#tab4").addClass('active');
            $("#tab3").removeClass('active');
        });
    }

    function step4() {

        $("#btnstep4").click(function () {
            if($('#ppu').val() == 3 || $('#ppu').val() == 2){
                $("#step5").show();
                $("#tab5").addClass('active');
                $("#tab4").removeClass('active');
                $("#submitdong").show();
            }else if($('#ppu').val() == 1){
                $("#step4a").show();
                $("#tab4a").addClass('active');
                $("#tab4").removeClass('active');
            }else{
              $("#step5a").show();
              $("#tab5a").addClass('active');
              $("#tab4").removeClass('active');
              $("#submitdong").show();
            }
        });
    }

    function step4a() {

        $("#btnstep4a").click(function () {

            $("#step4b").show();
            $("#tab4b").addClass('active');
            $("#tab4a").removeClass('active');
        });
    }

    function step4b() {

        $("#btnstep4b").click(function () {

            $("#step4c").show();
            $("#tab4c").addClass('active');
            $("#tab4b").removeClass('active');
        });
    }

    function step4c() {

        $("#btnstep4c").click(function () {

            $("#step5").show();
            $("#tab5").addClass('active');
            $("#tab4c").removeClass('active');
            $("#submitdong").show();
        });
    }

    $('#tipros').change(function () {
        if ($('#tipros').val() != "") {
                if ($('#tipros').val() == "Peninjauan_Kembali") {
                  $("#kasasiputer").show();
                  $("#bandingputer").show();
                  $("#pertamaputer").show();
                } else if ($('#tipros').val() == "Kasasi") {
                  $("#kasasiputer").hide();
                  $("#bandingputer").show();
                  $("#pertamaputer").show();
                } else if ($('#tipros').val() == "Banding") {
                  $("#kasasiputer").hide();
                  $("#bandingputer").hide();
                  $("#pertamaputer").show();
                } else if ($('#tipros').val() == "Pertama") {
                  $("#kasasiputer").hide();
                  $("#bandingputer").hide();
                  $("#pertamaputer").hide();
                } else if ($('#tipros').val() == 0) {
                  $("#kasasiputer").hide();
                  $("#bandingputer").hide();
                  $("#pertamaputer").hide();
                }
          }
    });

    $('#tiprosedit').change(function () {
        if ($('#tiprosedit').val() != "") {
                if ($('#tiprosedit').val() == "Peninjauan_Kembali") {
                  $("#kasasiputeredit").show();
                  $("#bandingputeredit").show();
                  $("#pertamaputeredit").show();
                } else if ($('#tiprosedit').val() == "Kasasi") {
                  $("#kasasiputeredit").hide();
                  $("#bandingputeredit").show();
                  $("#pertamaputeredit").show();
                } else if ($('#tiprosedit').val() == "Banding") {
                  $("#kasasiputeredit").hide();
                  $("#bandingputeredit").hide();
                  $("#pertamaputeredit").show();
                } else if ($('#tiprosedit').val() == "Pertama") {
                  $("#kasasiputeredit").hide();
                  $("#bandingputeredit").hide();
                  $("#pertamaputeredit").hide();
                } else if ($('#tiprosedit').val() == 0) {
                  $("#kasasiputeredit").hide();
                  $("#bandingputeredit").hide();
                  $("#pertamaputeredit").hide();
                }
          }
    });

    //Tipe document

    $('#ppu').change(function () {
      $('.subjenis').hide();
        if ($('#ppu').val() != "") {
            $.get('{{ URL::to('docHirarki') }}', {id: $('#ppu').val()}, function (e) {
alert(e);
                if ($('#ppu').val() == 1) {
                    if ($('#ppu').val() != 1) {
                       $('#kokwok')[0].reset()
                    }
                    $('.labelku').text(' T.E.U Badan');
                    $('.labellamp').text(' Lampiran');
                    $('#step2p').show();
                    $('#step3').show();
                    $('#step4').show();
                    $('#step4a').show();
                    $('#step4b').show();
                    $('#step4c').show();
                    $('#step5').show();
                    $('#step5a').hide();
                    $('#step2').hide();
                    $('#divdivan').show();
                    $('#divdivanah').hide();
                    $('#divdivanmh').hide();
                    $('#divdivanpp').hide();
                    $(".turunanSatu").css("display", "block");
                    $('.turunanSatu').html(e);
                    $('.btnstep1').show();
                    $('#theadteu tbody').empty();
                    $('.turunanSatu').change(function () {
                      $(".subjenis").css("display", "none");
                        if ($('.turunanSatu').val() != "") {
                          $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu').val()}, function (e) {
                            var count = (e.match(/option/g) || []).length;
                            if(count > 2){
                              $(".subjenis").css("display", "block");
                              $(".turunanDua").css("display", "block");
                              $('.turunanDua').html(e);
                            }else{console.log('asd')}
                          });
                        }
                    });
                } else if ($('#ppu').val() == 2) {
                    $('.labelku').text(' T.E.U Pengarang');
                    $('.labellamp').text(' Lampiran');
                    $('#step2p').show();
                    $('#step3').show();
                    $('#step4').show();
                    $('#step4a').hide();
                    $('#step4b').hide();
                    $('#step4c').hide();
                    $('#step5').show();
                    $('#step5a').hide();
                    $('#step2').hide();
                    $('#divdivan').hide();
                    $('#divdivanah').hide();
                    $('#divdivanmh').show();
                    $('#divdivanpp').hide();
                    $(".turunanSatu2").css("display", "block");
                    $('.turunanSatu2').html(e);
                    $('.btnstep1').show();
                    $('#theadteup tbody').empty();
                    $('.turunanSatu2').change(function () {
                      $(".subjenis").css("display", "none");
                        if ($('.turunanSatu2').val() != "") {
                          $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu2').val()}, function (e) {
                            var count = (e.match(/option/g) || []).length;
                            if(count > 2){
                              $(".subjenis").css("display", "block");
                              $(".turunanDua2").css("display", "block");
                              $('.turunanDua2').html(e);
                            }else{console.log('asd')}
                          });
                        }
                    });
                } else if ($('#ppu').val() == 3) {
                    if ($('#ppu').val() != 3) {
                        $('#kokwok')[0].reset();
                    }
                    $('.labelku').text(' T.E.U Pengarang');
                    $('.labellamp').text(' Lampiran');
                    $('#step2p').show();
                    $('#step3').show();
                    $('#step4').show();
                    $('#step4a').hide();
                    $('#step4b').hide();
                    $('#step4c').hide();
                    $('#step5').show();
                    $('#step5a').hide();
                    $('#divdivan').hide();
                    $('#divdivanmh').hide();
                    $('#divdivanah').show();
                    $('#divdivanpp').hide();
                    $(".turunanSatu3").css("display", "block");
                    $('.turunanSatu3').html(e);
                    $('.btnstep1').show();
                    $('#theadteup tbody').empty();
                    $('.turunanSatu3').change(function () {
                      $(".subjenis").css("display", "none");
                        if ($('.turunanSatu3').val() != "") {
                          $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu3').val()}, function (e) {
                            var count = (e.match(/option/g) || []).length;
                            if(count > 2){
                              $(".subjenis").css("display", "block");
                              $(".turunanDua3").css("display", "block");
                              $('.turunanDua3').html(e);
                            }else{console.log('asd')}
                          });
                        }
                    });
                } else if ($('#ppu').val() == 4) {

                    if ($('#ppu').val() != 4) {
                        $('#kokwok')[0].reset();
                    }
                    $('.labelku').text(' T.E.U Badan');
                    $('.labellamp').text(' Dokumen Putusan');
                    $('#step2p').show();
                    $('#step3').show();
                    $('#step4').show();
                    $('#step4a').hide();
                    $('#step4b').hide();
                    $('#step4c').hide();
                    $('#step5').hide();
                    $('#step5a').show();
                    $('#divdivan').hide();
                    $('#divdivanmh').hide();
                    $('#divdivanah').hide();
                    $('#divdivanpp').show();
                    $(".turunanSatu4").css("display", "block");
                    $('.turunanSatu4').html(e);
                    $('.btnstep1').show();
                    $('#theadteup tbody').empty();
                    $('.turunanSatu4').change(function () {
                        $(".subjenis").css("display", "none");
                      // console.log($('.turunanSatu').val());
                        if ($('.turunanSatu4').val() != "") {
                          $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu4').val()}, function (e) {
                            var count = (e.match(/option/g) || []).length;
                            if(count > 2){
                              $(".subjenis").css("display", "block");
                              $(".turunanDua4").css("display", "block");
                              $('.turunanDua4').html(e);
                            }else{console.log('asd')}
                          });
                        }else{console.log('asd');

                        }
                    });
                } else if ($('#ppu').val() == 0) {
                    $('#step2p').hide();
                    $('#step3').hide();
                    $('#step4').hide();
                    $('#step4a').hide();
                    $('#step4b').hide();
                    $('#step4c').hide();
                    $('#step5').hide();
                    $('#step5a').hide();
                    $('#divdivan').hide();
                    $('#divdivanmh').hide();
                    $('#divdivanah').hide();
                    $('#divdivanpp').hide();
                    $('#step2p').hide();
                    $('#step2').hide();
                    $('.btnstep1').hide();
                    $('#theadteup tbody').empty();
                    $('#theadteu tbody').empty();
                    $('.turunanSatu').change(function () {
                      $(".subjenis").css("display", "block");
                        if ($('.turunanSatu').val() != "") {
                          $.get('{{ URL::to('docHirarki') }}', {id: $('.turunanSatu').val()}, function (e) {
                            $(".turunanDua").css("display", "block");
                            $('.turunanDua').html(e);
                          });
                        }
                    });
                }
            });
        }
    });

    //hirarki daerah
    $('#provinsiku').on('change', function () {
        var json = null;
        var id = this.value;

        $.get('{{URL::to("getkab")}}/' + id.slice(0, 2), function (data) {
            $('#kabupatenku').val(null).trigger('change');
            json = JSON.parse(data);
            var test = null;
            // console.log("##PANJANGNYA =" + json.length)
            test =
                "<option class='' disabled='' selected='' value='0'>-PILIH KABUPATEN-</option>";
            for (i = 0; i < json.length; i++) {

                test += "<option  class='' value='" + json[i].id +
                    "'>" + json[i].name + "</option>";

            }
            $('#kabupatenmu').show();
            $('#kabupatenku').html(test);
            $('#kabupatenku').trigger('change');
        });

    });

    $('#kabupatenku').on('change', function () {
        var json = null;
        var idku = this.value;
        $.get('{{URL::to("getkec")}}/' + idku, function (data) {
            $('#kecamatanku').val(null).trigger('change');
            json = JSON.parse(data);
            var test = null;
            // console.log("##PANJANGNYA =" + json.length)
            test =
                "<option class='' disabled='' selected='' value='0'>-PILIH KECAMATAN-</option>";
            for (i = 0; i < json.length; i++) {

                test += "<option  class='' value='" + json[i].id +
                    "'>" + json[i].name + "</option>";

            }
            $('#kecamatanmu').show();
            $('#kecamatanku').html(test);
            $('#kecamatanku').trigger('change');
        });
    });

    $("#imgInp").change(function () {
        readURL(this);
    });

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            };

            reader.readAsDataURL(input.files[0]);
        }
    }
</script>
@include('footer')