@extends('admin.root')
@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">{{$menu}}</span> - {{$sub_menu}}</h4>
                <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
            </div>
        </div>
    </div>
    <div class="content pt-0">
        <div class="card">
            <div class="card-body">
                <ul class="nav nav-tabs nav-tabs-solid nav-justified bg-light">
                    <li class="nav-item">
                        <a href="#profil" class="nav-link active" data-toggle="tab">Profil</a>
                    </li>
                    <li class="nav-item">
                        <a href="#formulir-a1" class="nav-link" data-toggle="tab">Persyaratan Dasar</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="profil">
                        <form id="form" action="#" class="form-horizontal" novalidate="novalidate">
                            <section class="card">
                                <div class="card-body">
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Nama Penerbit</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="namalengkap" class="form-control" value="{{ $profile->namalengkap }}" readonly>
                                        </div>
                                    </div>

                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Nama Pimpinan Tertinggi</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="namalengkap" class="form-control" value="{{ $detail->pimpinan_penerbit }}" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Email Penerbit</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <input type="email" name="email" class="form-control" value="{{ $profile->email }}" readonly="">
                                            </div>
                                        </div>
                                        <div class="col-sm-9"></div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">No. Telepon Penerbit</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="fullname" class="form-control" value="{{ $profile->telepon }}" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Alamat Penerbit</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control" name="alamat" id="alamat" readonly>{{ $detail->alamat_penerbit }}</textarea>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Lingkup Buku Ilmiah</label>
                                        <div class="col-sm-9">
                                            <ul class="mt-2 ml-0">
                                                @foreach($lingkup_buku as $lb)
                                                @if(in_array($lb->id, $lingkup_penerbit))
                                                <li>{{ $lb->lingkup }}</li>
                                                @endif
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Nama Narahubung</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="fullname" class="form-control" value="{{ $detail->nama_narahubung }}" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Jabatan Narahubung</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="fullname" class="form-control" value="{{ $detail->jabatan_narahubung }}" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">Email Narahubung</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="fullname" class="form-control" value="{{ $detail->email_narahubung }}" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">No. Telp Narahubung</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="fullname" class="form-control" value="{{ $detail->telepon_narahubung }}" readonly>
                                        </div>
                                    </div>
                                    <div class="form-group row has-error">
                                        <label class="col-sm-3 control-label text-sm-right pt-2">No. HP Narahubung</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="fullname" class="form-control" value="{{ $detail->hp_narahubung }}" readonly>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="formulir-a1">
                        <!-- <center>
                            <div class="col-lg-6">
                                <div class="alert alert-default">
                                    {{ $dasar->validasi }}
                                </div>
                            </div>
                        </center> -->

                        <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="row">
                                    <div class="col-md-2 font-size-lg">
                                        Jawaban : <b>{{ $dasar->legalitas_usaha }}</b>
                                    </div>
                                    @if($dasar->legalitas_usaha == 'YA')
                                    <div class="col-md-3">
                                        <p class="download-file">
                                            <i class="icon-file-download mr-1"></i>
                                            <a href="{{ url($dasar->file_legalitas_usaha) }}" download>Download File</a>
                                        </p>
                                    </div>
                                    @endif
                                </div>
                            </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="row">
                                    <div class="col-md-2 font-size-lg">
                                        Jawaban : <b>{{ $dasar->struktur_organisasi }}</b>
                                    </div>
                                    @if($dasar->struktur_organisasi == 'YA')
                                    <div class="col-md-3">
                                        <p class="download-file">
                                            <i class="icon-file-download mr-1"></i>
                                            <a href="{{ url($dasar->file_struktur_organisasi) }}" download>Download File</a>
                                        </p>
                                    </div>
                                    @endif
                                </div>
                            </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="row">
                                    <div class="col-md-2 font-size-lg">
                                        Jawaban : <b>{{ $dasar->tegabung_ikapi }}</b>
                                    </div>
                                    @if($dasar->tegabung_ikapi == 'YA')
                                    <div class="col-md-3">
                                        <p class="download-file">
                                            <i class="icon-file-download mr-1"></i>
                                            <a href="{{ url($dasar->file_tegabung_ikapi) }}" download>Download File</a>
                                        </p>
                                    </div>
                                    @endif
                                </div>
                            </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="col-md-2 font-size-lg">
                                Jawaban : <b>{{ $dasar->menerbitkan_buku }}</b>
                            </div>

                            <div class="mt-3">
                                <table class="table mt-3">
                                    <tr>
                                        <th>No</th>
                                        <th>Judul Buku</th>
                                        <th>Tahun Terbit</th>
                                        <th>ISBN</th>
                                        <th>Jumlah Halaman</th>
                                        <th>Bukti Pendukung</th>
                                    </tr>

                                    @foreach($buku as $i=>$b)
                                    <tr>
                                        <td>
                                            {{ $i + 1 }}
                                        </td>
                                        <td>
                                            {{ $b->judul_buku }}
                                        </td>
                                        <td>
                                            {{ $b->tahun }}
                                        </td>
                                        <td>
                                            {{ $b->isbn }}
                                        </td>
                                        <td>
                                            {{ $b->jumlah_halaman }}
                                        </td>
                                        <td>
                                            <p class="download-file">
                                                <i class="icon-file-download mr-1"></i>
                                                <a href="{{ url($b->file) }}" download>Download File</a>
                                            </p>
                                        </td>
                                    </tr>

                                    @endforeach
                                </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="row">
                                    <div class="col-md-2 font-size-lg">
                                        Jawaban : <b>{{ $dasar->alamat_kantor_jelas }}</b>
                                    </div>
                                    @if($dasar->alamat_kantor_jelas == 'YA')
                                    <div class="col-md-3">
                                        <p class="download-file">
                                            <i class="icon-file-download mr-1"></i>
                                            <a href="{{ url($dasar->file_alamat_kantor) }}" download>Download File</a>
                                        </p>
                                    </div>
                                    @endif
                                </div>
                            </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="row">
                                    <div class="col-md-2 font-size-lg">
                                        Jawaban : <b>{{ $dasar->web_penerbit_ilmiah }}</b>
                                    </div>
                                    @if($dasar->web_penerbit_ilmiah == 'YA')
                                    <div class="col-md-3">
                                        <p class="download-file">
                                            <i class="icon-file-download mr-1"></i>
                                            <a href="{{ url($dasar->file_web_penerbit_ilmiah) }}" download>Download File</a>
                                        </p>
                                    </div>
                                    @endif
                                </div>
                            </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="row">
                                    <div class="col-md-2 font-size-lg">
                                        Jawaban : <b>{{ $dasar->sitem_penerbit_ilmiah }}</b>
                                    </div>
                                    @if($dasar->sitem_penerbit_ilmiah == 'YA')
                                    <div class="col-md-3">
                                        <p class="download-file">
                                            <i class="icon-file-download mr-1"></i>
                                            <a href="{{ url($dasar->file_sitem_penerbit_ilmiah) }}" download>Download File</a>
                                        </p>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            <hr />

                        </div>
                        <form method="POST" id="main-form">
                            @csrf
                            <input type="hidden" name="id" value="{{$dasar->id}}" id="id">
                            <input type="hidden" name="user" value="{{$dasar->user}}" id="user">

                            @if($dasar->status_validasi != 3 )
                            <div class="form-group">
                                <textarea id="komentar" name="komentar" class="form-control" rows="6" placeholder="Komentar Perbaikan"></textarea>
                            </div>

                            @endif <div class="form-group">
                                <center>
                                    <a href="{{url('/')}}/admin/penerbit" class="btn btn-default">Kembali</a>

                                    @if($dasar->status_validasi != 3 )
                                    <button type="button" style="width: 160px" class="btn btn-primary" id="submit-form" onclick="_submit()">Review</button>
                                    <button type="button" style="width: 100px" class="btn btn-success" id="submit-confirm"> Validasi </button>
                                    @endif
                                </center>
                            </div>
                            @if(sizeof($listkomentar) > 0)
                            <div class="form-group" style="padding-top: 3em">
                                <ul class="list-unstyled search-results-list" style="max-width: 100%">
                                    <div class="card">
                                        <div class="card-header bg-white header-elements-inline">
                                            <h6 class="card-title">Riwayat Komentar</h6>
                                            <div class="header-elements">
                                                <div class="list-icons">
                                                    <a href="#" class="list-icons-item"><i class="icon-cog3"></i></a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card-body">
                                            @foreach($listkomentar as $val)
                                            <ul class="media-list">
                                                <li class="media">
                                                    <div class="mr-3">
                                                        <img src="{{ url('assets') }}/global/images/placeholders/placeholder.jpg" class="rounded-circle" width="36" height="36" alt="">
                                                    </div>
                                                    <div class="media-body">
                                                        <div class="d-flex justify-content-between">
                                                            <a href="#">Administrator LAPI-PPI</a>
                                                            <span class="font-size-sm text-muted">{{ date('d M Y', strtotime($val->created_at)) }}</span>
                                                        </div>
                                                        <p class="description">{{$val->komentar}}</p>
                                                    </div>
                                                </li>
                                            </ul>

                                            @endforeach
                                        </div>
                                    </div>
                                </ul>
                            </div>
                            @endif
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
</div>
</div>
</div>

</div>
</div>

</div>
</div>

<div class="modal fade" id="warningerror" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Peringatan</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="pesan"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="warningconfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Peringatan</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Apakah Anda Yakin Mevalidasi Persyaratan Dasar {{ $profile->namalengkap }}?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Batalkan</button>
                <button type="button" class="btn btn-danger" id="confirm">Konfirmasi</button>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    var submit = '';

    $(document).ready(function() {

        $("#komentar").prop('required', true);

        $("#submit-confirm").on("click", function() {
            $("#komentar").prop('required', false);
            $('#warningconfirm').modal('show');
        })

        $("#confirm").on("click", function() {
            $('#warningconfirm').modal('hide');
            submit = 'confirm';
            _submit();
        })

        let url = location.href.replace(/\/$/, "");

        if (location.hash) {
            const hash = url.split("#");
            $('#myTab a[href="#' + hash[1] + '"]').tab("show");
            url = location.href.replace(/\/#/, "#");
            history.replaceState(null, null, url);
            setTimeout(() => {
                $(window).scrollTop(0);
            }, 400);
        }

        $('a[data-toggle="tab"]').on("click", function() {
            let newUrl;
            const hash = $(this).attr("href");
            if (hash == "#home") {
                newUrl = url.split("#")[0];
            } else {
                newUrl = url.split("#")[0] + hash;
            }
            newUrl += "";
            history.replaceState(null, null, newUrl);
        });

    });

    function _submit() {
        var pushdata = $("#main-form").serializeArray();
        pushdata.push({
            name: 'submit'
            , value: submit
        });
        var post = $.ajax({
            url: baseurl + '/admin/formulir-a-1'
            , type: "POST"
            , data: pushdata
            , beforeSend: function() {
                $.blockUI({
                    message: '<img src="' + baseurl + '/assets/global/images/busy.gif" /> Memproses Data...'
                });
            }
            , success: function(json) {
                $.unblockUI();
                if (json.response.Status == 0) {
                    $("#warningerror").modal('show');
                    $("#pesan").html(json.response.Message);
                } else {
                    $("#warningerror").modal('show');
                    $("#pesan").html('Komentar Perbaikan tidak boleh kosong.');
                }
            }
            , error: function(xhr) {
                $.unblockUI();
            }
        , });

    }

</script>
@endsection