@extends('root')
@section('content')

<section class="bg-05 page-hero-section division">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="hero-txt white-color">
                    <h3 class="h3-xs">Persyaratan Dasar Akreditasi Penerbit Ilmiah</h3>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="categories-1" class="categories-section division">
    <div class="container">
        <div class="col-md-12">
            <div id="login-form">
                <form name="persyaratanForm" class="row register-form validate-form" id="main-form">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <div class="col-md-12">
                        <p style="font-size: 1rem; line-height: 1.5">Apakah memiliki aspek legalitas usaha penerbitan?*</p>
                        <div class="ml-20">
                            <ul class="txt-list">
                                <li>Penerbit ilmiah dari instansi pemerintah harus berbadan hukum yang disahkan pejabat berwenang, paling rendah setingkat eselon II. Jika berbentuk Badan Layanan Umum (BLU) harus memiliki izin usaha dari instansi pemerintah yang berwenang.</li>
                                <li>Penerbit ilmiah swasta harus berbadan hukum Perseroan Komanditer (CV) atau Perseroan Terbatas (PT) yang disahkan berdasarkan Akta Notaris.</li>
                            </ul>
                        </div>

                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="legalitas" id="legalitasya" value="YA">
                                <label class="form-check-label" for="legalitasya">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="legalitas" id="legalitastidak" value="TIDAK">
                                <label class="form-check-label" for="legalitastidak">TIDAK</label>
                            </div>
                        </div>

                        <div class="ml-30 mt-2" id="relfile_legalitas" style="display: none;">
                            <span>Upload Bukti Pendukung* : </span> <input type="file" name="file_legalitas" id="file_legalitas">
                        </div>

                        <hr />

                        <p style="font-size: 1rem; line-height: 1.5">Apakah mencantumkan struktur organisasi serta jenis usaha atau kegiatan penerbitan buku ilmiah dalam anggaran dasar dan/atau izin usahanya?*</p>
                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="struktur" id="strukturya" value="YA">
                                <label class="form-check-label" for="strukturya">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="struktur" id="strukturtidak" value="TIDAK">
                                <label class="form-check-label" for="strukturtidak">TIDAK</label>
                            </div>
                        </div>

                        <div class="ml-30 mt-2" id="relstruktur" style="display: none;">
                            <span>Upload Bukti Pendukung* : </span> <input type="file" name="file_struktur" id="file_struktur">
                        </div>

                        <hr />

                        <p style="font-size: 1rem; line-height: 1.5">Apakah tergabung dalam keanggotaan Ikatan Penerbit Indonesia (IKAPI) yang ditunjukkan dengan sertifikat keanggotaan?*</p>
                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="ikapi" id="ikapiya" value="YA">
                                <label class="form-check-label" for="ikapiya">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="ikapi" id="ikapitidak" value="TIDAK">
                                <label class="form-check-label" for="ikapitidak">TIDAK</label>
                            </div>
                        </div>

                        <div class="ml-30 mt-2" id="relikapi" style="display: none;">
                            <span>Upload Bukti Pendukung* : </span> <input type="file" name="file_ikapi" id="file_ikapi">
                        </div>


                        <hr />

                        <p style="font-size: 1rem; line-height: 1.5">Apakah telah menerbitkan paling kurang 5 (lima) judul buku ilmiah ber-ISBN (International Standard Book Number) yang masing-masing paling sedikit berisi 48 (empat puluh delapan) halaman dalam bentuk tercetak dan/atau elektronik setara dengan ukuran kertas A5 dipublikasikan kepada masyarakat luas, baik melalui toko buku dan/atau website?*</p>
                        <div class="ml-20">
                            <ul class="txt-list">
                                <li>Sekurang kurangnya satu dari lima judul buku diatas, diterbitkan dalam satu tahun terakhir dihitung mundur dari tanggal pengajuan permohonan akreditasi.</li>
                            </ul>
                        </div>

                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="buku" id="bukuya" value="YA">
                                <label class="form-check-label" for="bukuya">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="buku" id="bukutidak" value="TIDAK">
                                <label class="form-check-label" for="bukutidak">TIDAK</label>
                            </div>
                        </div>

                        <div class="mt-3" id="relbuku" style="display: none;">
                            <table class="table mt-3">
                                <tr>
                                    <th>No</th>
                                    <th style="width: 40% !important">Judul Buku*</th>
                                    <th style="width: 18% !important">Tahun Terbit*</th>
                                    <th>ISBN*</th>
                                    <th style="width: 18% !important">Jumlah Halaman*</th>
                                </tr>

                                @for($i = 1; $i <=5 ; $i++) <tr>
                                    <th style="vertical-align:middle;">{{ $i }}.</th>
                                    <td class="has-feedback">
                                        <input type="text" name="judul[]" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="tahun[]" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="isbn[]" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="halaman[]" class="form-control">
                                    </td>
                                    </tr>
                                    <tr>
                                        <td style="border-top:none; padding-top:0px"></td>
                                        <td colspan="4" style="border-top:none; padding-top:0px">
                                            <span>Upload Bukti Pendukung*: </span><input type="file" name="file_buku[]">
                                        </td>
                                    </tr>

                                    @endfor
                            </table>
                        </div>

                        <hr />

                        <p style="font-size: 1rem; line-height: 1.5">Apakah mempunyai alamat kantor yang jelas serta mempunyai karyawan tetap ditunjukkan dengan surat keterangan penugasan dari penerbit ilmiah yang diakreditasi?*</p>
                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="alamat" id="alamatya" value="YA">
                                <label class="form-check-label" for="alamatya">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="alamat" id="alamattidak" value="TIDAK">
                                <label class="form-check-label" for="alamattidak">TIDAK</label>
                            </div>
                        </div>

                        <div class="ml-30 mt-2" id="relalamat" style="display: none;">
                            <span>Upload Bukti Pendukung* : </span> <input type="file" name="file_alamat" id="file_alamat">
                        </div>

                        <hr />

                        <p style="font-size: 1rem; line-height: 1.5">Apakah memiliki situs Web Penerbit Ilmiah yang memberikan informasi paling sedikit berupa: <br/>
                            a.	profil Penerbit Ilmiah; <br/>
b.	susunan dewan editor;  <br/>
c.	persyaratan pengusulan naskah; dan  <br/>
d.	kejelasan tahapan dan waktu Penerbitan Ilmiah;  <br/>

                            ?*</p>
                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="web_penerbit_ilmiah" id="web_penerbit_ilmiah" value="YA">
                                <label class="form-check-label" for="web_penerbit_ilmiahYA">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="web_penerbit_ilmiah" id="web_penerbit_ilmiah" value="TIDAK">
                                <label class="form-check-label" for="web_penerbit_ilmiahTIDAK">TIDAK</label>
                            </div>
                        </div>

                        <div class="ml-30 mt-2" id="resitusWebPenerbit" style="display: none;">
                            <span>Upload Bukti Pendukung* : </span> <input type="file" name="file_web_penerbit_ilmiah" id="file_web_penerbit_ilmiah">
                        </div>

                        <hr />

                        <p style="font-size: 1rem; line-height: 1.5">Apakah memiliki sistem Penerbitan Ilmiah dalam jaringan (online) yang memuat informasi progres usulan suatu naskah. *</p>
                        <div class="ml-30 mt-15">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="sitem_penerbit_ilmiah" id="sitem_penerbit_ilmiah" value="YA">
                                <label class="form-check-label" for="sitem_penerbit_ilmiahYA">YA</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="sitem_penerbit_ilmiah" id="sitem_penerbit_ilmiah" value="TIDAK">
                                <label class="form-check-label" for="sitem_penerbit_ilmiahIDAK">TIDAK</label>
                            </div>
                        </div>

                        <div class="ml-30 mt-2" id="resistemPenerbitanIlmiah" style="display: none;">
                            <span>Upload Bukti Pendukung* : </span> <input type="file" name="file_sitem_penerbit_ilmiah" id="file_sitem_penerbit_ilmiah">
                        </div>

                        <hr />

                    </div>
                    <div class="col-md-12">
                        <div class="col-md-12 form-btn mt-20 text-right">
                            <button type="button" id="submit-form" class="btn btn-md btn-rose tra-black-hover submit">Simpan Data</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

@endsection

@push('scripts')
<script type="text/javascript" src="{{ url('assets/global/js/validate.min.js') }}"></script>
<script type="text/javascript" src="{{ url('assets/global/js/blockui.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('input[type=radio][name=legalitas]').change(function() {
            if (this.value == 'YA')
                $('#relfile_legalitas').show(500);
            else
                $('#relfile_legalitas').hide(500);
        });

        $('input[type=radio][name=struktur]').change(function() {
            if (this.value == 'YA')
                $('#relstruktur').show(500);
            else
                $('#relstruktur').hide(500);
        });

        $('input[type=radio][name=ikapi]').change(function() {
            if (this.value == 'YA')
                $('#relikapi').show(500);
            else
                $('#relikapi').hide(500);
        });

        $('input[type=radio][name=buku]').change(function() {
            if (this.value == 'YA')
                $('#relbuku').show(500);
            else
                $('#relbuku').hide(500);
        });

        $('input[type=radio][name=alamat]').change(function() {
            if (this.value == 'YA')
                $('#relalamat').show(500);
            else
                $('#relalamat').hide(500);
        });
        $('input[type=radio][name=web_penerbit_ilmiah]').change(function() {
            if (this.value == 'YA')
                $('#resitusWebPenerbit').show(500);
            else
                $('#resitusWebPenerbit').hide(500);
        });
        $('input[type=radio][name=sitem_penerbit_ilmiah]').change(function() {
            if (this.value == 'YA')
                $('#resistemPenerbitanIlmiah').show(500);
            else
                $('#resistemPenerbitanIlmiah').hide(500);
        });
    });

    $("#submit-form").on("click", function() {
        if ($("#main-form").valid()) {
            _submit();
        }
    });

    $("#main-form").validate({
        errorClass: 'validation-error-label'
        , successClass: 'validation-valid-label'
        , highlight: function(element, errorClass) {
            $(element).removeClass(errorClass);
        }
        , unhighlight: function(element, errorClass) {
            $(element).removeClass(errorClass);
        }
        , errorPlacement: function(error, element) {
            error.insertBefore(element.parent());
        }
        , validClass: "validation-valid-label"
        , success: function(label) {}
        , rules: {
            legalitas: {
                required: true
            }
            , struktur: {
                required: true
            , }
            , ikapi: {
                required: true
            }
            , buku: {
                required: true
            }
            , alamat: {
                required: true
            }
        }
        , messages: {
            legalitas: "Harus dipilih salah satu"
            , struktur: "Harus dipilih salah satu"
            , ikapi: "Harus dipilih salah satu"
            , buku: "Harus dipilih salah satu"
            , alamat: "Harus dipilih salah satu"
        }
    });

    function _submit() {
        var formData = new FormData($("#main-form")[0]);

        var post = $.ajax({
            url: baseurl + '/penerbit/persyaratan-dasar'
            , type: "POST"
            , enctype: 'multipart/form-data'
            , processData: false
            , contentType: false
            , cache: false
            , data: formData
            , beforeSend: function() {
                $.blockUI({
                    message: '<img src="' + baseurl + '/assets/global/images/busy.gif" /> Processing...'
                });
            }
            , success: function(json) {
                $.unblockUI();

                if (json.response.Status == 1)
                    notif('error', 'Peringatan!', 'Gagal menyimpan, semua data dengan tanda * harus diisi.');
                else {
                    notif('success', 'Sukses!', 'Data berhasil disimpan.');
                    location.reload();
                }
            }
            , error: function(xhr) {
                $.unblockUI();
                notif('error', 'Error!', 'Terjadi kesalahan, periksa koneksi internet Anda.');
            }
        , });
    }

</script>
@endpush