@include('header')
<div class="padding">
    <div class="row">
        <div class="col-md-12">
            @if(session()->has('status'))
                {{ session('status') }}
            @endif
            <form id="kokwok" method="POST" action="{{route('dokumen.storedocppu')}}"
                  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" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab2p">
                            <i class="fa fa-plus-circle"></i>&#160;<label class="labelku"></label>
                        </a>
                        <a id="step3" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab3">
                            <i class="fa fa-plus-circle"></i> Subjek
                        </a>
                        <a id="step4" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab4">
                            <i class="fa fa-plus-circle"></i>&#160;<label class="labellamp"></label>
                        </a>
                        <a id="step4a" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab4a">
                            <i class="fa fa-plus-circle"></i> Peraturan Terkait
                        </a>
                        <a id="step4b" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab4b">
                            <i class="fa fa-plus-circle"></i> Dokumen Terkait
                        </a>
                        <a id="step4c" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab4c">
                            <i class="fa fa-plus-circle"></i> Hasil Uji Materi
                        </a>
                        <a id="step5" style="display: none;" class="nav-link" data-toggle="tab" data-target="#tab5">
                            <i class="fa fa-plus-circle"></i> Status
                        </a>
                        <a id="step5a" style="display: none;" class="nav-link" 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 id="iddokuman" name="iddokuman" type="hidden">
                                        <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 }}
                                                    - {{ $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 id="jenis_peraturan1" class="form-control turunanSatu select2"
                                                            style="display: none;width:100%;" name="jenis_peraturan1">
                                                    </select>
                                                    <br>
                                                    <div class="subjenis" style="display: none;">
                                                      <label>Sub Jenis Peraturan</label>
                                                      <select id="jenis_peraturan1a" 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="singkatan_bentuk1" type="text" class="form-control"
                                                           name="singkatan_bentuk1" required="">
                                                    <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" onInput="judulIni()"
                                                           class="form-control" name="judul1"
                                                           required="">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Nomor Peraturan</label>
                                                    <input id="nomor_peraturan1" type="text" class="form-control"
                                                           name="nomor_peraturan1" required="">
                                                    <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="tahun_terbit1" type="text" class="form-control"
                                                           name="tahun_terbit1" required="">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Bidang Hukum</label>
                                                    <select id="bidang_hukum1" class="form-control select2"
                                                            name="bidang_hukum1" style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbd as $bd)
                                                            <option value="{{ $bd->name}}">{{ $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 Penetapan</label>
                                                    <select id="tempat_terbit1" class="form-control tepenpen"
                                                            name="tempat_terbit1" style="width:100%;">
                                                    </select>
                                                </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="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 id="tanggal_pengundangan" type="text" class="form-control" name="tanggal_pengundangan" required="" id="tapeng">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Sumber</label>
                                                    <input id="sumber1" type="text" class="form-control" name="sumber1"
                                                           required="">
                                                </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">
                                                </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">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                  <label>Bahasa</label>
                                                  <select id="bahasa1" 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 }}
                                                              - {{ $bd->name }}</option>
                                                      @endforeach
                                                  </select>
                                                  <br><br>
                                                  <label>Promosikan Ke Beranda</label>
                                                  <select id="promosikan_ke_beranda1" class="form-control select2"
                                                          name="promosikan_ke_beranda1" style="width:100%;">
                                                      <option selected="selected" value="" disabled>-- Silahkan Pilih --
                                                      </option>
                                                      <option value="1">Yes</option>
                                                      <option value="2">No</option>
                                                  </select>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                  <label>Urusan Pemerintahan</label>
                                                  <select id="urusan_pemerintahan" class="form-control select2" name="urusan_pemerintahan"
                                                          style="width:100%;">
                                                      <option selected="selected" value="">-- Silahkan Pilih --
                                                      </option>
                                                      @foreach($durp as $bd)
                                                          <option value="{{ $bd->id }}">{{ $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 Bentuk Monografi</label>
                                                        <select class="form-control select2 turunanSatu2"
                                                                id="jenis_peraturan2"
                                                                style="display: none;width:100%;"
                                                                name="jenis_peraturan2">
                                                        </select>
                                                        <div class="subjenis" style="display: none;">
                                                          <label>Sub Jenis Peraturan</label>
                                                          <select class="form-control turunanDua2 select2" id="jenis_peraturan2a"
                                                                  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="">
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-sm-5">
                                                        <label>Tahun</label>
                                                        <input id="tahun_terbit2" type="text" class="form-control"
                                                                name="tahun_terbit2" required="">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Nomor Panggil</label>
                                                        <input id="nomor_panggil" type="text" class="form-control"
                                                               name="nomor_panggil" required="">
                                                        <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="">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Tempat Terbit</label>
                                                         <select id="tempat_terbit2" class="form-control tepenpen"
                                                                 name="tempat_terbit2" style="width:100%;">
                                                         </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <!-- mindystart -->
                                                    <div class="form-group col-sm-5">
                                                        <label>Penerbit</label>
                                                        <select id="penerbit" class="form-control penerbitajax"
                                                                name="penerbit" style="width:100%;">
                                                        </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                    <!-- mindyend -->
                                                    <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="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="">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Bahasa</label>
                                                        <select id="bahasa2" class="form-control select2" name="bahasa2"
                                                                style="width:100%;">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            @foreach($dbh as $bd)
                                                                <option value="{{ $bd->id }}">{{ $bd->id }}
                                                                    - {{ $bd->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div id="mono2">
                                        <div class="box">
                                            {{-- <div class="alert alert-success" id="success-alert">
                                                <button type="button" class="close" style="display: none;" data-dismiss="alert">x</button>
                                                <strong>Success! </strong> Eksemplar has added.
                                            </div> --}}
                                            <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%;">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            @foreach($dtk as $bd)
                                                            @if($bd->id != 1)
                                                                <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                                            @endif
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <br>
                                                        <a class="btn btn-success" id="create-eksemplar" onclick="masukEksemplar()">
                                                            <font color="white"><i class="fa fa-plus-circle"></i> Tambah</font></a>
                                                    </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">

                                                    </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="pernyataan_tanggung_jawab" type="text" class="form-control"
                                                               name="pernyataan_tanggung_jawab" required="">
                                                    </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%;">
                                                            <option selected="selected" value="" disabled>-- Silahkan Pilih --
                                                            </option>
                                                            @foreach($dgmd as $bd)
                                                            @if($bd->id != 1)
                                                                <option value="{{ $bd->id }}">{{ $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>Klasifikasi</label>
                                                        <select id="klasifikasi" 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 }}">{{ $bd->name }}</option>
                                                            @endif
                                                            @endforeach
                                                        </select>
                                                        <div class="form-control-focus"></div>
                                                        <span class="help-block"></span>
                                                    </div>
                                                    <div class="col-md-1"></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="">
                                                    </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"></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"></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" alt="your image"/>
                                                        </div>
                                                        <input id="gambar_sampul" 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="sembunyikan_di_opac" class="form-control select2"
                                                                name="sembunyikan_di_opac" style="width:100%;">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            <option value="1">Yes</option>
                                                            <option value="2">No</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="form-group col-sm-5">
                                                        <label>Promosikan Ke Beranda</label>
                                                        <select id="promosikan_ke_beranda2" class="form-control select2"
                                                                name="promosikan_ke_beranda2" style="width:100%;">
                                                            <option selected="selected" value="">-- Silahkan Pilih --
                                                            </option>
                                                            <option value="1">Yes</option>
                                                            <option value="2">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 Bentuk Peraturan</label>
                                                    <select class="form-control select2 turunanSatu3" id="jenis_peraturan3"
                                                            style="display: none;width:100%;" name="jenis_peraturan3">
                                                    </select>
                                                    <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" id="jenis_peraturan3a">
                                                      </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Bidang Hukum</label>
                                                    <select id="bidang_hukum3" class="form-control select2"
                                                            name="bidang_hukum3" style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbd as $bd)
                                                            <option value="{{ $bd->name }}">{{ $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="">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Tahun</label>
                                                    <input id="tahun_terbit3" type="text" class="form-control"
                                                           name="tahun_terbit3" required="">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Bahasa</label>
                                                    <select id="bahasa3" class="form-control select2" name="bahasa3"
                                                            style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbh as $bd)
                                                            <option value="{{ $bd->id }}">{{ $bd->id }}
                                                                - {{ $bd->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <br> <br>
                                                    <label>Promosikan Ke Beranda</label>
                                                    <select id="promosikan_ke_beranda3" class="form-control select2"
                                                            name="promosikan_ke_beranda3" style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        <option value="1">Yes</option>
                                                        <option value="2">No</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Sumber</label>
                                                    <input id="sumber3" type="text" class="form-control" name="sumber3"
                                                           required="">
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-sm-5">
                                                    <label>Kala Terbit</label>
                                                    <select id="kala_terbit" class="form-control select2"
                                                            name="kala_terbit" style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dkt as $bd)
                                                            <option value="{{ $bd->name }}">{{ $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="judul_seri" type="text" class="form-control"
                                                           name="judul_seri" required="">
                                                </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 Putusan</label>
                                                    <select class="form-control select2 turunanSatu4" id="jenis_peraturan4"
                                                            style="display: none;width:100%;" name="jenis_peraturan4">
                                                    </select>
                                                    <div class="subjenis" style="display: none;">
                                                      <label>Sub Jenis Peraturan</label>
                                                      <select id="jenis_peraturan4a" 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 Putusan</label>
                                                    <input id="singkatan_bentuk4" type="text" class="form-control"
                                                           name="singkatan_bentuk4" required="">
                                                    <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>Pokok Perkara</label>
                                                    <input type="text" id="juduldatautamapp" onInput="judulIni()"
                                                           class="form-control" name="judul4"
                                                           required="">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                    <label>Nomor Putusan</label>
                                                    <input id="nomor_peraturan4" type="text" class="form-control"
                                                           name="nomor_peraturan4" required="">
                                                    <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="bidang_hukum4" class="form-control select2" name="bidang_hukum4" 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>
                                                        <!-- @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="tempat_terbit4" class="form-control tepenpen"
                                                            name="tempat_terbit4" style="width:100%;">
                                                    </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="tanggal_dibacakan4">
                                                    <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="bahasa4" class="form-control select2" name="bahasa4"
                                                            style="width:100%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dbh as $bd)
                                                            <option value="{{ $bd->id }}">{{ $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="sumber4" type="text" class="form-control" name="sumber4"
                                                           required="">
                                                </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="">
                                                </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="">
                                                </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="">
                                                </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="">
                                                </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="">
                                                </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%;">
                                                        <option selected="selected" value="">-- Silahkan Pilih --
                                                        </option>
                                                        @foreach($dklas as $bd)
                                                        @if($bd->id != 1)
                                                            <option value="{{ $bd->id }}">{{ $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="">
                                                </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="">
                                                </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="">
                                                </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="">
                                                </div>
                                                <div class="col-md-1"></div>
                                                <div class="form-group col-sm-5">
                                                  <label>Promosikan Ke Beranda</label>
                                                  <select id="promosikan_ke_beranda4" class="form-control select2"
                                                          name="promosikan_ke_beranda4" style="width:100%;">
                                                      <option selected="selected" value="">-- Silahkan Pilih --
                                                      </option>
                                                      <option value="1">Yes</option>
                                                      <option value="2">No</option>
                                                  </select>
                                                </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="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">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <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 draft2p"><i
                                                class="fa fa-arrow-right" name="submit" value="draft2p"></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">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <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 draft3" name="submit" value="draft3"><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%">
                                                    <!-- <h5 style="color:white;">Judul</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-addlampiran"><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 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">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row" id="button_lampiran">
                                {{-- <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 draft4" name="submit" value="draft4"><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"><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">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-sm-6">
                                  <button id="submit" type="submit" class="btn btn-success btn-sm pull-right" style="background-color: #293a80; border-color: #293a80;" 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 draft4a" name="submit" value="draft4a"><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"><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: 45%">
                                                    <center>Document</center>
                                                </th>
                                                <th style="width: 45%">
                                                    <center>Catatan</center>
                                                </th>
                                                <th>
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tabledocter">

                                            </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-5">
                                    <button id="btnstep4b" type="button" class="btn btn-primary btn-sm pull-right draft4b" name="submit" value="draft4b"><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: 45%">
                                                    <center>Hasil Uji Materi</center>
                                                </th>
                                                <th style="width: 45%">
                                                    <center>Catatan</center>
                                                </th>
                                                <th>
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tablehasum">

                                            </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-5">
                                    <button id="btnstep4c" type="button" class="btn btn-primary btn-sm pull-right draft4c" name="submit" value="draft4c"><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"><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">

                                            </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"><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>Banding</center>
                                                </th>
                                                <th style="width: 8%">
                                                    <center>Action</center>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody id="tableputer">

                                            </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">
			           <form id="addeksemplar" method="" action=""
                      class="form-horizontal form-label-left">
                    <div class="modal-content">
                        <div class="modal-header" style="background-color: #452d3a;">
                        <div style="width: 90%;"><h5 class="modal-title" style="color: #ffffff;">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" style="color: #452d3a;">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" style="color: #452d3a;">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" style="color: #452d3a;">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 style="color: #452d3a;" 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="submit" class="btn btn-success" id="btn-eks" value="add" data-dismiss="modal">Simpan</button>
                        </div>
                    </div><!-- /.modal-content -->
                </form>
            </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-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-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 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-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-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-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;">
                        <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-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="juduldoksaat" 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="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="add-eksemplar" 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;">Add 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="" id="id" 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" 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"  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" id="ide" name="ide">

                                </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="button" 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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<script type="text/javascript">

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

    $(document).ready(function () {
        $('.select2').select2();

        $("#success-alert").hide();
        $("#create-eksemplar").click(function showAlert() {
            $("#success-alert").fadeTo(2000, 500).slideUp(500, function() {
            $("#success-alert").slideUp(500);
            });
        });

        flatpickr("#tanggal_penetapan, #tanggal_pengundangan, #tanggal_dibacakan2, #tanggal_dibacakan4, #tapeng", {
            altInput: true,
            altFormat: "d/m/Y",
            dateFormat: "Y-m-d"
        });

        flatpickr(".tanggal", {
            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');
            });
          });
        });

        $('.salah').on('click',function(e){
          e.preventDefault();
          var form_data = new FormData();
        	if($('#ppu').val() == 1){

                form_data.append('iddokuman',$('#iddokuman').val());
                form_data.append('tipe_dokumen',$('#ppu').val());
        		form_data.append('jenis_peraturan1',$('#jenis_peraturan1').val());
        		form_data.append('jenis_peraturan1a',$('#jenis_peraturan1a').val());
                form_data.append('singkatan_bentuk1',$('#singkatan_bentuk1').val());
                form_data.append('judul1',$('#juduldatautama').val());
        		form_data.append('nomor_peraturan1',$('#nomor_peraturan1').val());
        		form_data.append('tahun_terbit1',$('#tahun_terbit1').val());
        		form_data.append('bidang_hukum1',$('#bidang_hukum1').val());
        		form_data.append('tempat_terbit1',$('#tempat_terbit1').val());
        		form_data.append('tanggal_penetapan',$('#tanggal_penetapan').val());
        		form_data.append('daerah',$('#kecamatanku').val());
        		form_data.append('tanggal_pengundangan',$('#tanggal_pengundangan').val());
        		form_data.append('sumber1',$('#sumber1').val());
        		form_data.append('pemrakarsa',$('#pemrakarsa').val());
        		form_data.append('penandatanganan',$('#penandatanganan').val());
        		form_data.append('bahasa1',$('#bahasa1').val());
        		form_data.append('promosikan_ke_beranda1',$('#promosikan_ke_beranda1').val());
        		form_data.append('urusan_pemerintahan',$('#urusan_pemerintahan').val());
        		// form_data.append('nama_pengarangm',arrNamaPengarang);
        		// form_data.append('tipe_pengarang',arrTipePengarang);
        		// form_data.append('urusan_pemerintahan',arrJenisPengarang);
        	}else if($('#ppu').val() == 2){
        		//mono1
                var x = $('#polno')
                form_data.append('iddokuman',$('#iddokuman').val());
                form_data.append('tipe_dokumen',$('#ppu').val());
        		form_data.append('jenis_peraturan2',$('#jenis_peraturan2').val());
        		form_data.append('jenis_peraturan2a',$('#jenis_peraturan2a').val());
        		form_data.append('judul2',$('#juduldatautamamh').val());
        		form_data.append('tahun_terbit2',$('#tahun_terbit2').val());
        		form_data.append('nomor_panggil',$('#nomor_panggil').val());
        		form_data.append('edisi',$('#edisi').val());
        		form_data.append('tempat_terbit2',$('#tempat_terbit2').val());
        		form_data.append('penerbit',$('#penerbit').val());
        		form_data.append('deskripsi_fisik',$('#deskripsi_fisik').val());
        		form_data.append('isbn',$('#isbn').val());
        		form_data.append('bahasa2',$('#bahasa2').val());
        		form_data.append('nomor_induk_buku',$('#nomor_induk_buku').val());
        		//mono2
        		form_data.append('tipkoleks',$('#tipe_koleksi_nomor_eksemplar').val());
        		form_data.append('pola_nomor_eksemplar',$('#polnomeks').val());
        		form_data.append('jeks',$('#jumlah_eksemplar').val());
        		//mono3
        		form_data.append('kala_terbit',$('#kala_terbit').val());
        		form_data.append('tanggal_dibacakan2',$('#tanggal_dibacakan2').val());
        		form_data.append('pernyataan_tanggung_jawab',$('#pernyataan_tanggung_jawab').val());
        		form_data.append('gmd',$('#gmd').val());
        		form_data.append('judul_seri',$('#judul_seri').val());
        		form_data.append('klasifikasi',$('#klasifikasi').val());
        		form_data.append('label',$('#label').val());
        		form_data.append('info_detil_spesifik',$('#info_detil_spesifik').val());
        		form_data.append('abstrak',$('#abstrak').val());
        		form_data.append('gambar_sampul',$('#gambar_sampul').prop('files')[0]);
        		//mono4
        		form_data.append('sembunyikan_di_opac',$('#sembunyikan_di_opac').val());
        		form_data.append('promosikan_ke_beranda2',$('#promosikan_ke_beranda2').val());
        	}else if($('#ppu').val() == 3){
                form_data.append('iddokuman',$('#iddokuman').val());
                form_data.append('tipe_dokumen',$('#ppu').val());
        		form_data.append('jenis_peraturan3',$('#jenis_peraturan3').val());
        		form_data.append('jenis_peraturan3a',$('#jenis_peraturan3a').val());
        		form_data.append('bidang_hukum3',$('#bidang_hukum3').val());
        		form_data.append('judul3',$('#juduldatautamaah').val());
        		form_data.append('tahun_terbit3',$('#tahun_terbit3').val());
        		form_data.append('bahasa3',$('#bahasa3').val());
        		form_data.append('promosikan_ke_beranda3',$('#promosikan_ke_beranda3').val());
        		form_data.append('sumber3',$('#sumber3').val());
        	}else{
                form_data.append('iddokuman',$('#iddokuman').val());
                form_data.append('tipe_dokumen',$('#ppu').val());
        		form_data.append('jenis_peraturan4',$('#jenis_peraturan4').val());
        		form_data.append('jenis_peraturan4a',$('#jenis_peraturan4a').val());
        		form_data.append('singkatan_bentuk4',$('#singkatan_bentuk4').val());
        		form_data.append('judul4',$('#juduldatautamapp').val());
        		form_data.append('nomor_peraturan4',$('#nomor_peraturan4').val());
        		form_data.append('bidang_hukum4',$('#bidang_hukum4').val());
        		form_data.append('tempat_terbit4',$('#tempat_terbit4').val());
        		form_data.append('tanggal_dibacakan4',$('#tanggal_dibacakan4').val());
        		form_data.append('bahasa4',$('#bahasa4').val());
        		form_data.append('sumber4',$('#sumber4').val());
        		form_data.append('tahun_terbit4',$('#tahun_terbit4').val());
        		form_data.append('lemper',$('#lemper').val());
        		form_data.append('pempen',$('#pempen').val());
        		form_data.append('terter',$('#terter').val());
        		form_data.append('klaspp',$('#klaspp').val());
        		form_data.append('subklaspp',$('#subklaspp').val());
        		form_data.append('amstat',$('#amstat').val());
        		form_data.append('berak',$('#berak').val());
        		form_data.append('promosikan_ke_beranda4',$('#promosikan_ke_beranda4').val());
        	}
          $.ajaxSetup({
        	  headers:
        	  {
        		  'X-CSRF-Token': '{{csrf_token()}}'
        	  }
          });
          $.ajax({
        	  method: "POST",
        	  url: "{{route('dokumen.draftdokumen')}}",
        	  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){
            $('#iddokuman').val(z);
          });
        });

        $('.draft2p-dierrorin').on('click',function(e){
          e.preventDefault();
          arrNamaPengarang = [];
          arrTipePengarang = [];
          arrJenisPengarang = [];
          $('input[id="nama_pengarang"]').each(function(index, member){
          	var value = $(member).val();
          	arrNamaPengarang.push(value);
          });
          $('input[id="tipe_pengarang"]').each(function(index, member){
          	var value = $(member).val();
          	arrTipePengarang.push(value);
          });
          $('input[id="jenis_pengarang"]').each(function(index, member){
          	var value = $(member).val();
          	arrJenisPengarang.push(value);
          });
          var form_data = new FormData();
          form_data.append('rowteum', $('.rowteum').length);
          form_data.append('iddokuman', $('#iddokuman').val());
          form_data.append('nama_pengarangm',arrNamaPengarang);
      		form_data.append('tipe_pengarang',arrTipePengarang);
      		form_data.append('jenis_pengarang',arrJenisPengarang);
          $.ajaxSetup({
        	  headers:
        	  {
        		  'X-CSRF-Token': '{{csrf_token()}}'
        	  }
          });
          $.ajax({
        	  method: "POST",
        	  url: "{{route('dokumen.draftpengarang')}}",
        	  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){
            // $('#iddokuman').val(z);
          });
        });

        $('.draft3-dierrorin').on('click',function(e){
          e.preventDefault();
          arrNamaSubjek = [];
          arrTipeSubjek = [];
          arrJenisSubjek = [];
          $('input[id="subyek"]').each(function(index, member){
          	var value = $(member).val();
          	arrNamaSubjek.push(value);
          });
          $('input[id="tipe_subyek"]').each(function(index, member){
          	var value = $(member).val();
          	arrTipeSubjek.push(value);
          });
          $('input[id="jenis_subyek"]').each(function(index, member){
          	var value = $(member).val();
          	arrJenisSubjek.push(value);
          });
          var form_data = new FormData();
          form_data.append('rowsubyek', $('.rowsubyek').length);
          form_data.append('iddokuman', $('#iddokuman').val());
          form_data.append('subyek',arrNamaSubjek);
      		form_data.append('tipe_subyek',arrTipeSubjek);
      		form_data.append('jenis_subyek',arrJenisSubjek);
          $.ajaxSetup({
        	  headers:
        	  {
        		  'X-CSRF-Token': '{{csrf_token()}}'
        	  }
          });
          $.ajax({
        	  method: "POST",
        	  url: "{{route('dokumen.draftsubjek')}}",
        	  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){
            // $('#iddokuman').val(z);
          });
        });

        $('#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({
            // tags: true,
            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();
          }
        });

        $('.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
            }
        });

        $('.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.id
                            }
                        })
                    };
                },
                cache: true
            }
        });

        $('.tepenpen').select2({
            tags: true,
            placeholder: 'Cari...',
            ajax: {
                url: "{{url('caritepen')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });
        // mindystart
        $('.penerbitajax').select2({
          tags: true,
          placeholder: 'Cari...',
          ajax: {
              url: "{{url('caripenerbit')}}",
              dataType: 'json',
              delay: 250,
              processResults: function (data) {
                  return {
                      results: $.map(data, function (item) {
                          return {
                              text: item.name,
                              id: item.id
                          }
                      })
                  };
              },
              cache: true
            }
        });
        // mindyend
        navbut1();
        navbut2p();
        navbut3();
        navbut4();
        navbut4a();
        navbut4b();
        navbut4c();
        navbut5();
        navbut5a();
        step1();
        step2p();
        step3();
        step4();
        step4a();
        step4b();
        step4c();

        // $('#tablestatus').sortable();

        $("#nomor_induk_buku").change(function(){
            var NomorIndukBuku =  $('#nomor_induk_buku').val();
            $.ajax({
                type : "get",
                url: "carinomorindukubuku/" + NomorIndukBuku,
                dataType : "json",
                success: function(data){
                    console.log(data[0]);
                    if(data[0].status == '1'){
                        swal("Oops", data[0].nib + ' - ' + data[0].message, "error");
                    }
                }
            });
        });
    });

    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;
        }else if(b == 2){
            document.getElementById("juduldoksaat").value = c;
            document.getElementById("juduldocter").value = c;
            document.getElementById("judulperter").value = c;
            document.getElementById("judulhasum").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;
        }else if(b == 4){
            document.getElementById("juduldoksaat").value = e;
            document.getElementById("juduldocter").value = e;
            document.getElementById("judulperter").value = e;
            document.getElementById("judulhasum").value = e;
        }
    }

    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 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;
    }

    var n = 1;
    function masukEksemplar() {
        

        var judulbuku = $('#juduldatautamamh').val();

        var tipekoleksival = $('#tipkoleks').val();
        var tipekoleksi = $('#tipkoleks').select2('data')[0].text;

        var Nomorpanggil = $('#nomor_panggil').val();

        var html = '';
        if(judulbuku == ""){
            alert("Judul Buku Tidak Boleh Kosong");
            return false;
        }

        if(tipekoleksival == ""){
            alert("Tipe Koleksi Tidak Boleh Kosong");
            return false;
        }

        if(Nomorpanggil == ""){
            alert("Nomor Panggil Tidak Boleh Kosong");
            return false;
        }

        var i = n++;

        
        html += '<tr class="roweksemplar" id="hadeuh' + i + '">' +
                        '<td>' +
                            '<center>'+
                                '<input id="judul_eks" type="hidden" name="judul_eks[]" value="' + judulbuku + '">' + judulbuku + 
                                '<input type="hidden" id="nopanggil" name="nopanggil[]" value="">'+
                            '</center>'+
                        '</td>'+
                        '<td>'+
                            '<center>'+
                                '<input type="hidden" id="kodeinventaris" name="kodeinventaris[]" value="">'+
                                '<input type="hidden" id="lokasi" name="lokasi[]" value="">'+
                                '<input type="hidden" id="lokasirak" name="lokasirak[]" value="">'+
                                '<input type="hidden" id="tipekoleksi" name="tipekoleksi[]" value="'+tipekoleksival+'">'+ tipekoleksi +
                                '<input type="hidden" id="status" name="status[]" value="">'+
                                '<input type="hidden" id="nomorpemesan" name="nomorpemesan[]" value="">'+
                                '<input type="hidden" id="tglpemesanan" name="tglpemesanan[]" value="">'+
                                '<input type="hidden" id="tglpenerimaan" name="tglpenerimaan[]" value="">'+
                                '<input type="hidden" id="agen" name="agen[]" value="">'+
                                '<input type="hidden" id="sumberperolehan" name="sumberperolehan[]" value="">'+
                                '<input type="hidden" id="faktur" name="faktur[]" value="">'+
                                '<input type="hidden" id="tglfaktur" name="tglfaktur[]" value="">'+
                                '<input type="hidden" id="harga" name="harga[]" value="">'+
                            '</center>'+
                        '</td>'+
                        '<td>'+
                            '<center>'+
                                '<input type="hidden" id="item_codes" name="item_codes[]" value="">' + 
                            '</center>'+
                        '</td>'+
                        '<td>'+
                            '<center>'+
                                '<a class="btn btn-warning open-EditEksemplar" data-toggle="modal" href="#editEksemplaDialog" data-juduleks="'+ judulbuku + '" data-id="'+i+'" data-tipekoleksival="'+tipekoleksival+'" data-nopanggileks="'+Nomorpanggil+'" data data-tipekoleksi="'+tipekoleksi+'">'+
                                    '<font color="">edit</font>'+
                                '</a>&nbsp;'+
                                '<a class="btn btn-danger" onclick="hapusam(' + i + ')">'+
                                    '<font color="">X</font>'+
                                '</a>'+
                            '<center>'+
                        '</td>'+
                    '</tr>';
       
        $('#tableeksemplar').append(html);
    }

    var temp_kode_eksemplar = [];

    $(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');

        $("#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);

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

        $('#nomorpemesaneks').val(nomorpemesaneks);
        $('#tglpemesananeks').val(tglpemesananeks);
        $('#tglpenerimaaneks').val(tglpenerimaaneks);

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

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

        $('#faktureks').val(faktureks);
        $('#tglfaktureks').val(tglfaktureks);
        $('#hargaeks').val(hargaeks);

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

    });

    $('#btn-simpan-eks').on('click',function(e){
        var id = $('#ide').val();
        var judul = $('#judulEks').val();
        var patterneks = $('#patterneks').val();

        var tipekoleksivaleks = $("#tipekoleksieks").val();
        var tipekoleksi = $("#tipekoleksieks option:selected").text();

        var nopanggileks = $("#nopanggileks").val();
        var kodeinventariseks = $("#kodeinventariseks").val();
        var lokasieks = $("#lokasieks").val();
        var lokasirakeks = $("#lokasirakeks").val();

        var statuseks = $("#statuseks").val();
        var nomorpemesaneks = $("#nomorpemesaneks").val();
        var tglpemesananeks = $("#tglpemesananeks").val();
        var tglpenerimaaneks = $("#tglpenerimaaneks").val();
        var ageneks = $("#ageneks").val();
        var sumberperolehaneks = $("#sumberperolehaneks").val();
        var faktureks = $("#faktureks").val();
        var tglfaktureks = $("#tglfaktureks").val();
        var hargaeks = $("#hargaeks").val();

        var found = temp_kode_eksemplar.find(function(element) { 
            return element == patterneks; 
        });
        if(found == null){
        }else{
            swal("Oops", patterneks + ' - Sudah Ada', "error");
            return false;
        }
        
        temp_kode_eksemplar.push(patterneks);

        var check_kode_eksemplar;
        $.ajax({
            async: false,
            type : "get",
            url: "carinomorindukubuku/" + patterneks,
            dataType : "json",
            success: function(data){
                if(data[0].status == '1'){
                    check_kode_eksemplar = data[0].status;
                }else{}
            }
        });
        
        if(check_kode_eksemplar != '1'){
        }else{
            swal("Oops", patterneks + ' - Sudah Ada', "error");
            return false;
        }

        var html = '<tr class="roweksemplar" id="hadeuh' + id + '">' +
                        '<td>' +
                            '<center>'+
                                '<input id="judul_eks" type="hidden" name="judul_eks[]" value="' + judul + '">' + judul + 
                                '<input type="hidden" id="nopanggil" name="nopanggil[]" value="'+nopanggileks+'">'+
                            '</center>'+
                        '</td>'+
                        '<td>'+
                            '<center>'+
                                '<input type="hidden" id="kodeinventaris" name="kodeinventaris[]" value="'+kodeinventariseks+'">'+
                                '<input type="hidden" id="lokasi" name="lokasi[]" value="'+lokasieks+'">'+
                                '<input type="hidden" id="lokasirak" name="lokasirak[]" value="'+lokasirakeks+'">'+
                                '<input type="hidden" name="tipekoleksi[]" id="tipekoleksi" value="' + tipekoleksivaleks + '">' + tipekoleksi +
                                '<input type="hidden" id="status" name="status[]" value="'+statuseks+'">'+
                                '<input type="hidden" id="nomorpemesan" name="nomorpemesan[]" value="'+nomorpemesaneks+'">'+
                                '<input type="hidden" id="tglpemesanan" name="tglpemesanan[]" value="'+tglpemesananeks+'">'+
                                '<input type="hidden" id="tglpenerimaan" name="tglpenerimaan[]" value="'+tglpenerimaaneks+'">'+
                                '<input type="hidden" id="agen" name="agen[]" value="'+ageneks+'">'+
                                '<input type="hidden" id="sumberperolehan" name="sumberperolehan[]" value="'+sumberperolehaneks+'">'+
                                '<input type="hidden" id="faktur" name="faktur[]" value="'+faktureks+'">'+
                                '<input type="hidden" id="tglfaktur" name="tglfaktur[]" value="'+tglfaktureks+'">'+
                                '<input type="hidden" id="harga" name="harga[]" value="'+hargaeks+'">'+
                            '</center>'+
                        '</td>'+
                        '<td>'+
                            '<center>'+
                                '<input type="hidden" name="item_codes[]" id="item_codes" value="' + patterneks + '">' + 
                                patterneks +
                            '</center>'+
                        '</td>'+
                        '<td>'+
                            '<center>'+
                                '<a class="btn btn-warning open-EditEksemplar" data-toggle="modal" href="#editEksemplaDialog" data-juduleks="'+ judul + '" data-id="'+id+'" data-nopanggileks="'+nopanggileks+'" data-ideks="' + patterneks +'" data-tipekoleksival="'+tipekoleksivaleks+'" data-tipekoleksi="'+tipekoleksi+'" data-kodeinventariseks="'+kodeinventariseks+'" data-lokasieks="'+lokasieks+'" data-lokasirakeks="'+lokasirakeks+'" data-statuseks="'+statuseks+'" data-nomorpemesaneks="'+nomorpemesaneks+'" data-tglpemesananeks="'+tglpemesananeks+'" data-tglpenerimaaneks="'+tglpenerimaaneks+'" data-ageneks="'+ageneks+'" data-faktureks="'+faktureks+'" data-sumberperolehaneks="'+sumberperolehaneks+'" data-tglfaktureks="'+tglfaktureks+'" data-hargaeks="'+hargaeks+'">'+
                                    '<font color="">edit</font>'+
                                '</a>&nbsp;'+
                                '<a class="btn btn-danger" onclick="hapusam(' + id + ')">'+
                                    '<font color="">X</font>'+
                                '</a>'+
                            '<center>'+
                        '</td>'+
                    '</tr>';

        $("#hadeuh"+id).replaceWith(html);
        $('#editEksemplaDialog').modal('hide');
    });

    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 d = $('#pertertarget').select2('data')[0].text;
        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 + '">' + d + '</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 c = $('#catatandocter').val();
        var d = $('#doctertarget').select2('data')[0].text;
        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 + '">' + d + '</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');
        $('#catatandocter').val('').trigger('change');
    }

    function masukHasum() {
        var a = $('#hasumtarget').val();
        var c = $('#catatanhasum').val();
        var d = $('#hasumtarget').select2('data')[0].text;
        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 + '">' + d + '</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');
        $('#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 b = $('#dokumentarget').select2('data')[0].text;
        var c = $('#catatanstatus').val();
        var d = $('#dokumentarget').val();
        var g = Math.floor((Math.random() * 1000) + 1)
        $('#tablestatus').append('<tr id="yeah' + g + '"  class="grabable"><td><center><font><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');
    }

    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 up(idrow) {
        alert(idrow);
    }

    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();
                }
          }
    });

    //Tipe document
    $('#ppu').change(function () {
      $('.subjenis').hide();
        if ($('#ppu').val() != "") {
            $.get('{{ URL::to('docHirarki') }}', {id: $('#ppu').val()}, function (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')}
                          });
                        }
                    });
                    $('#button_lampiran').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 draft4" name="submit" value="draft4"><i class="fa fa-arrow-right"></i> Selanjutnya</button></div>');
                } 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').hide();
                    $('#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')}
                          });
                        }
                    });
                    $('#button_lampiran').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>');
                } 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').hide();
                    $('#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')}
                          });
                        }
                    });
                    $('#button_lampiran').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>');
                } 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');

                        }
                    });
                    $('#button_lampiran').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 draft4" name="submit" value="draft4"><i class="fa fa-arrow-right"></i> Selanjutnya</button></div>');
                } 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, 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');
        });
    });


    //gambar sampul
    $("#gambar_sampul").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')