@extends('layout')


@section('title')
    {{ l('{0}', Inflector::humanize(f('controller')->getClass())) . ' Create' }}
@stop

@section('page.breadcumb.section')
    <li>
        <a href="{{ f('controller.url') }}" >{{ l('{0}', Inflector::humanize(f('controller')->getClass())) }}</a>
        <i class="fa fa-circle"></i>
    </li>
    <li>
        <span>Create</span>
    </li>
@stop

@section('fields')

    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        @section('caption')
                        <i class="icon-user font-green"></i>
                        <span class="caption-subject font-green bold uppercase"> Create {{ l('{0}', Inflector::humanize(f('controller')->getClass())) }} </span>
                        @show
                        <!-- <span class="caption-helper">demo form...</span> -->
                    </div>
                    <!-- <div class="tools">
                        <a href="javascript:;" class="collapse"> </a>
                        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                        <a href="javascript:;" class="reload"> </a>
                        <a href="javascript:;" class="remove"> </a>
                    </div> -->
                </div>

                <div class="portlet-body form">
                    <!-- BEGIN FORM-->
                    <form method="post" id="createform" class="read form-document" enctype="multipart/form-data">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#tab-data-utama" data-toggle="tab" aria-expanded="true"> Data Utama </a>
                            </li>
                            <li class="pengarang">
                                <a href="#tab-pengarang" data-toggle="tab" aria-expanded="false"> T.E.U Orang / Pengarang </a>
                            </li>
                            <li class="">
                                <a href="#tab-subyek" data-toggle="tab" aria-expanded="false"> Subjek </a>
                            </li>
                            <li class="">
                                <a href="#tab-lampiran-berkas" data-toggle="tab" aria-expanded="false"> Lampiran </a>
                            </li>
                            <li class="">
                                <a href="#tab-status-peraturan" data-toggle="tab" aria-expanded="false"> Status </a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane fade active in" id="tab-data-utama">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="portlet box blue ">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-gift"></i>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="" class="collapse"> </a>
                                                    </div>
                                                </div>

                                                <div class="portlet-body">
                                                    <div class="row">
                                                        <div class="col-md-6 tipe_dokumen">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Tipe Dokumen</label>
                                                                {{ $entry->format('tipe_dokumen', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 jenis_peraturan" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label label-jenis">Jenis / Bentuk Monografi</label>
                                                                <select name="jenis_peraturan" class="lookup-document-type" style="width: 100%;"></select>

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 bidang_hukum" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Bidang Hukum</label>
                                                                {{ $entry->format('bidang_hukum', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 judul" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Judul</label>
                                                                {{ $entry->format('judul', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 nomor_peraturan" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label label-nomor">Nomor Peraturan / Putusan</label>
                                                                {{ $entry->format('nomor_peraturan', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 tahun_terbit" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Tahun Peraturan</label>
                                                                {{ $entry->format('tahun_terbit', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 nomor_panggil" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Nomor Panggil</label>
                                                                {{ $entry->format('nomor_panggil', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 singkatan_bentuk" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label label-singkatan">Singkatan Jenis/Bentuk Peraturan/Putusan</label>
                                                                {{ $entry->format('singkatan_bentuk', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 edisi" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Edisi</label>
                                                                {{ $entry->format('edisi', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 tempat_terbit" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label label-tempat">Tempat Terbit</label>
                                                                <select name="tempat_terbit" class="select2reference select22 form-control">
                                                                    <option></option>
                                                                    @foreach($tempat_terbit as $tempat)
                                                                        <option value="{{ $tempat['$id'] }}">{{ $tempat['name'] }}</option>
                                                                    @endforeach
                                                                </select>

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 penerbit" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Penerbit</label>
                                                                <select name="penerbit" class="select2reference select22 form-control">
                                                                    <option></option>
                                                                    @foreach($data_penerbit as $penerbit)
                                                                        <option value="{{ $penerbit['$id'] }}">{{ $penerbit['name'] }}</option>
                                                                    @endforeach
                                                                </select>

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 tanggal_penetapan" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label label-tanggal">Tanggal Penetapan</label>
                                                                {{ $entry->format('tanggal_penetapan', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 deskripsi_fisik" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Deskripsi Fisik</label>
                                                                {{ $entry->format('deskripsi_fisik', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 isbn" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">ISBN</label>
                                                                {{ $entry->format('isbn', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 bahasa" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Bahasa</label>
                                                                {{ $entry->format('bahasa', 'input') }}
                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 nomor_induk_buku" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Nomor Induk Buku</label>
                                                                {{ $entry->format('nomor_induk_buku', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 sumber" style="display: none;">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Sumber</label>
                                                                <!-- {{ $entry->format('sumber', 'input') }} -->
                                                                <textarea class="form-control" name="sumber"></textarea>
                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Khusus monografi mulai dari sini -->
                                        <div class="col-md-12 khusus-monografi" style="display: none;">
                                            <div class="portlet box blue ">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-gift"></i>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="" class="collapse"> </a>
                                                    </div>
                                                </div>

                                                <div class="portlet-body">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Tipe Koleksi</label>
                                                                {{ $entry->format('tipe_koleksi_nomor_eksemplar', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Pola Nomor Eksemplar</label>
                                                                {{ $entry->format('pola_nomor_eksemplar', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Jumlah Eksemplar</label>
                                                                {{ $entry->format('jumlah_eksemplar', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12 khusus-monografi" style="display: none;">
                                            <div class="portlet box blue ">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-gift"></i>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="" class="collapse"> </a>
                                                    </div>
                                                </div>

                                                <div class="portlet-body">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Kala Terbit</label>
                                                                {{ $entry->format('kala_terbit', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Tanggal Dibacakan</label>
                                                                {{ $entry->format('tanggal_dibacakan', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>



                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Pernyataan Tanggung Jawab</label>
                                                                {{ $entry->format('pernyataan_tanggung_jawab', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">GMD</label>
                                                                {{ $entry->format('gmd', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Judul Seri</label>
                                                                {{ $entry->format('judul_seri', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Klasifikasi</label>
                                                                {{ $entry->format('klasifikasi', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Label</label>
                                                                {{ $entry->format('label', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Info Detil Spesifik</label>
                                                                {{ $entry->format('info_detil_spesifik', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Abstrak / Catatan</label>
                                                                {{ $entry->format('abstrak', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Gambar Sampul</label>
                                                                {{ $entry->format('gambar_sampul', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12 khusus-monografi" style="display: none;">
                                            <div class="portlet box blue ">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-gift"></i>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="" class="collapse"> </a>
                                                    </div>
                                                </div>

                                                <div class="portlet-body">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Sembunyikan Di OPAC</label>
                                                                {{ $entry->format('sembunyikan_di_opac', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="form-group form-md-line-input">
                                                                <label class="control-label">Promosikan Ke Beranda</label>
                                                                {{ $entry->format('promosikan_ke_beranda', 'input') }}

                                                                <div class="form-control-focus"> </div>
                                                                <span class="help-block"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Khusus monografi selesai sampai disini -->
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="tab-pengarang">
                                <!-- Form Input -->
                                <div class="modal fade template" id="modal-form-pengarang" role="basic" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h4 class="modal-title">T.E.U Orang / Pengarang</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <h4>Nama</h4>
                                                        <select class="select2reference select22 form-control nama-pengarang">
                                                            <option></option>
                                                            @foreach($data_pengarang as $pengarang)
                                                                <option value="{{ $pengarang['$id'] }}">{{ $pengarang['name'] }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Tipe</h4>
                                                        <select class="select2reference select2 form-control tipe-pengarang">
                                                            @foreach($data_tipe_pengarang as $tipe_pengarang)
                                                                @if($tipe_pengarang['orders'] == '1')
                                                                    <option selected="selected" value="{{ $tipe_pengarang['$id'] }}">{{ $tipe_pengarang['name'] }}</option>
                                                                @else
                                                                    <option value="{{ $tipe_pengarang['$id'] }}">{{ $tipe_pengarang['name'] }}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Jenis</h4>
                                                        <select class="select2reference select2 form-control jenis-pengarang">
                                                            <option></option>
                                                            @foreach($data_jenis_pengarang as $jenis_pengarang)
                                                                <option value="{{ $jenis_pengarang['$id'] }}">{{ $jenis_pengarang['name'] }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn btn-outline dark">Cancel</button>
                                                <button type="button" class="btn green add-pengarang">Add</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Listing Data -->
                                <div class="portlet light bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-social-dribbble font-green"></i>
                                            <span class="caption-subject font-green bold uppercase">T.E.U Orang / Pengarang</span>
                                        </div>
                                        <div class="actions">
                                            <a id="tambah-pengarang" class="btn btn-default" data-toggle="modal" href="#modal-form-pengarang">
                                                <i class="icon-plus"></i> Tambah
                                            </a>
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="table-scrollable">
                                            <table id="table-pengarang" class="table table-hover">
                                                <thead>
                                                    <tr>
                                                        <th> Nama </th>
                                                        <th> Tipe </th>
                                                        <th> Jenis </th>
                                                        <th> Action </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="data-pengarang">
                                                    <tr class="empty-data-pengarang">
                                                        <td colspan="4"><center>Data belum tersedia</center></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="tab-subyek">
                                <!-- Form Input -->
                                <div class="modal fade template" id="modal-form-subyek" role="basic" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h4 class="modal-title">Subjek</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <h4>Nama</h4>
                                                        <select class="select2reference select22 form-control subyek">
                                                            <option value=""></option>
                                                            @foreach($data_subyek as $subyek)
                                                                <option value="{{ $subyek['subyek'] }}">{{ $subyek['subyek'] }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Tipe</h4>
                                                        <select class="select2reference select2 form-control tipe-subyek">
                                                            <option></option>
                                                            @foreach($data_tipe_kata_kunci as $tipe_kata_kunci)
                                                                <option value="{{ $tipe_kata_kunci['$id'] }}">{{ $tipe_kata_kunci['name'] }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Jenis</h4>
                                                        <select class="select2reference select2 form-control jenis-subyek">
                                                            <option></option>
                                                            <option value="primary">Primary</option>
                                                            <option value="additional">Additional</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn btn-outline dark">Cancel</button>
                                                <button type="button" class="btn green add-subyek">Add</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Listing Data -->
                                <div class="portlet light bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-social-dribbble font-green"></i>
                                            <span class="caption-subject font-green bold uppercase">Subjek</span>
                                        </div>
                                        <div class="actions">
                                            <a id="tambah-subyek" class="btn  btn-default" data-toggle="modal" href="#modal-form-subyek">
                                                <i class="icon-plus"></i> Tambah
                                            </a>
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="table-scrollable">
                                            <table class="table table-hover">
                                                <thead>
                                                    <tr>
                                                        <th> Nama </th>
                                                        <th> Tipe </th>
                                                        <th> Jenis </th>
                                                        <th> Action </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="data-subyek">
                                                    <tr class="empty-data-subyek">
                                                        <td colspan="4"><center>Data belum tersedia</center></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="tab-lampiran-berkas">
                                <!-- Form Input -->
                                <div class="modal fade template" id="modal-form-berkas" role="basic" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h4 class="modal-title">Lampiran</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <h4>Judul</h4>
                                                        <!-- <input type="text" class="form-control judul-lampiran"> -->
                                                        <select class="form-control lookup-lampiran judul-lampiran" style="width: 100%;"></select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Berkas Untuk Dilampirkan</h4>
                                                        <input type="file" id="upload-berkas" class="form-control" data-url="{{ URL::site('admin/document/upload_document') }}">
                                                        <input type="hidden" id="hidden-upload-berkas">
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>URL</h4>
                                                        <input type="text" class="form-control url-lampiran">
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Deskripsi</h4>
                                                        <textarea class="form-control deskripsi-lampiran" cols="30" rows="10"></textarea>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Akses</h4>
                                                        <select class="select2reference select2 form-control akses-lampiran">
                                                            <option></option>
                                                            <option value="publik">Publik</option>
                                                            <option value="tertutup">Tertutup</option>
                                                        </select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Pembatasan Akses Berdasarkan Tipe Keanggotaan</h4>
                                                        <div class="icheck-list">
                                                            <label>
                                                                <input type="checkbox" value="1" class="icheck pembatasan-lampiran"> Standard
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn btn-outline dark">Cancel</button>
                                                <button type="button" class="btn green add-lampiran">Add</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Listing Data  -->
                                <div class="portlet light bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-social-dribbble font-green"></i>
                                            <span class="caption-subject font-green bold uppercase">Lampiran</span>
                                        </div>
                                        <div class="actions">
                                            <a id="tambah-lampiran" class="btn  btn-default" data-toggle="modal" href="#modal-form-berkas">
                                                <i class="icon-plus"></i> Tambah
                                            </a>
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="table-scrollable">
                                            <table class="table table-hover">
                                                <thead>
                                                    <tr>
                                                        <th> Judul </th>
                                                        <th> Berkas Lampiran </th>
                                                        <th> URL </th>
                                                        <th> Deskripsi </th>
                                                        <th> Akses </th>
                                                        <th> Pembatasan Akses </th>
                                                        <th> Action </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="data-lampiran">
                                                    <tr class="empty-data-lampiran">
                                                        <td colspan="7"><center>Data belum tersedia</center></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="tab-status-peraturan">
                                <!-- Form Input -->
                                <div class="modal fade template" id="modal-form-status-peraturan" role="basic" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h4 class="modal-title">Status</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <h4>Judul Dokumen Saat Ini</h4>
                                                        <input type="text" id="reflector-judul" disabled="true">
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Status</h4>
                                                        <select class="select2reference select2 form-control status-peraturan">
                                                            <option></option>
                                                            <option value="mencabut">Mencabut</option>
                                                            <option value="mencabut_sebagian">Mencabut Sebagian</option>
                                                            <option value="dicabut">Dicabut</option>
                                                            <option value="dicabut_sebagian">Dicabut Sebagian</option>
                                                            <option value="mengubah">Mengubah</option>
                                                            <option value="diubah">Diubah</option>
                                                        </select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Judul Dokumen (Target)</h4>
                                                        <select name="jenis_peraturan" class="form-control id-dokumen-target lookup-document" style="width: 100%;"></select>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <h4>Catatan</h4>
                                                        <textarea class="form-control catatan-status-peraturan" cols="30" rows="10"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn btn-outline dark">Cancel</button>
                                                <button type="button" class="btn green add-status-peraturan">Add</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Listing Data  -->
                                <div class="portlet light bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-social-dribbble font-green"></i>
                                            <span class="caption-subject font-green bold uppercase">Status</span>
                                        </div>
                                        <div class="actions">
                                            <a id="tambah-status" class="btn  btn-default" data-toggle="modal" href="#modal-form-status-peraturan">
                                                <i class="icon-plus"></i> Tambah
                                            </a>
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="table-scrollable">
                                            <table class="table table-hover">
                                                <thead>
                                                    <tr>
                                                        <th> Status </th>
                                                        <th> Judul Dokumen (Target) </th>
                                                        <th> Catatan </th>
                                                        <th> Action </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="data-status-peraturan">
                                                    <tr class="empty-data-status-peraturan">
                                                        <td colspan="4"><center>Data belum tersedia</center></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-actions">
                            <div class="btn-set pull-left">
                                <input type="button" value="Submit" class="btn green" onclick="$('#createform').submit ()">
                            </div>
                            <div class="pull-right">
                                <a href="{{ f('controller.url') }}" class="btn blue"><i class="fa fa-arrow-left"></i> Back </a>
                            </div>
                        </div>
                    </form>
                    <!-- END FORM-->
                </div>
            </div>
        </div>
    </div>
@stop

@section('quick.nav')
@stop

@section('customjs')
    <!-- Custom JS -->
    <script src="