@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">Informasi Akun Anda</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="registerForm" class="row register-form validate-form" id="main-form">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">

                    <!-- INI UNTUK PENERBIT -->

                    <div class="col-md-6">
                        <div class="col-md-12">
                            <p>Nama Penerbit*</p>
                            <input name="namalengkap" type="text" id="namalengkap" class="form-control" placeholder="Nama Penerbit*" value="{{ $profile->namalengkap }}">
                        </div>

                        <div class="col-md-12">
                            <p>Nama Pimpinan Tertinggi*</p>
                            <input name="pimpinan_penerbit" type="text" id="pimpinan_penerbit" class="form-control" placeholder="Nama Pimpinan Tertingg*" value="{{ empty($detail->pimpinan_penerbit) ? '' : $detail->pimpinan_penerbit }}">
                        </div>

                        <div class="col-md-12">
                            <p>Email Penerbit*</p>
                            <input name="email" type="email" id="email" class="form-control" placeholder="Masukan Email Penerbit*" value="{{ $profile->email }}">
                        </div>

                        <div class="col-md-12">
                            <p>No. Telepon Penerbit*</p>
                            <input name="telepon" type="text" autocomplete="off" id="telepon" class="form-control" placeholder="Masukkan No. Telepon Penerbit*" value="{{ $profile->telepon }}">
                        </div>

                        <div class="col-md-12">
                            <p>Alamat Penerbit*</p>
                            <textarea class="form-control" name="alamat" id="alamat">{{empty($detail->alamat_penerbit) ? '' : $detail->alamat_penerbit }}</textarea>
                        </div>

                        <div class="col-md-12">
                            <p>Lingkup Buku Ilmiah*</p>
                            <select class="form-control" multiple="true" name="lingkup[]">
                                @foreach($lingkup_buku as $lb)
                                <option {{ in_array($lb->id, $lingkup_penerbit) ? 'selected' : '' }} value="{{ $lb->id }}">{{ $lb->lingkup }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="col-md-6">
                        <div class="col-md-12">
                            <p>Nama Narahubung*</p>
                            <input name="cp" type="text" autocomplete="off" id="cp" class="form-control" placeholder="Masukkan Nama Narahubung*" value="{{ $detail->nama_narahubung }}">
                        </div>

                        <div class="col-md-12">
                            <p>Jabatan Narahubung*</p>
                            <input name="jabatan_cp" type="text" autocomplete="off" id="jabatan_cp" class="form-control" placeholder="Masukkan Jabatan Narahubung*" value="{{ $detail->jabatan_narahubung }}">
                        </div>

                        <div class="col-md-12">
                            <p>Email Narahubung*</p>
                            <input name="email_cp" type="email" autocomplete="off" id="email_cp" class="form-control" placeholder="Masukkan mail Narahubung*" value="{{ $detail->email_narahubung }}">
                        </div>

                        <div class="col-md-12">
                            <p>No. Telp Narahubung*</p>
                            <input name="telepon_cp" type="text" autocomplete="off" id="telepon_cp" class="form-control" placeholder="Masukkan No. Telp Narahubung*" value="{{ $detail->telepon_narahubung }}">
                        </div>
                        <div class="col-md-12">
                            <p>No. HP Narahubung*</p>
                            <input name="hp_cp" type="text" autocomplete="off" id="hp_cp" class="form-control" placeholder="Masukkan No. HP Narahubung*" value="{{ $detail->hp_narahubung }}">
                        </div>
                    </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">Perbaharui 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">
    $("#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);
            $('#panel-message').html('');
        }
        , unhighlight: function(element, errorClass) {
            $(element).removeClass(errorClass);
            $('#panel-message').html('');
        }
        , errorPlacement: function(error, element) {
            if (element.parents('div').hasClass('has-feedback') || element.hasClass('select2-hidden-accessible')) {
                error.appendTo(element.parent());
            } else
                error.insertAfter(element);
        }
        , validClass: "validation-valid-label"
        , success: function(label) {}
        , rules: {
            namalengkap: {
                required: true
            }
            , telepon: {
                required: true
                , digits: true
            }
            , pimpinan_penerbit: {
                required: true
            }
            , alamat_penerbit: {
                required: true
            }
            , "lingkup[]": {
                required: true
            }
            , cp: {
                required: true
            }
            , jabatan_cp: {
                required: true
            }
            , email_cp: {
                required: true
            }
            , telepon_cp: {
                required: true
                , digits: true
            }
            , hp_cp: {
                required: true
                , digits: true
            }
        }
        , messages: {
            namalengkap: {
                required: "Nama Penerbit harus diisi"
            }
            , telepon: {
                required: "No. Telepon Penerbit harus diisi"
                , digits: "No. Telepon harus angka"
            }
            , pimpinan_penerbit: {
                required: "Nama Pimpinan Tertinggi harus diisi"
            }
            , alamat_penerbit: {
                required: "Alamat Penerbit harus diisi"
            }
            , "lingkup[]": {
                required: "Lingkup Buku Ilmiah harus dipilih minimal 1"
            }
            , cp: {
                required: "Nama Narahubung harus diisi"
            }
            , jabatan_cp: {
                required: "Jabatan Narahubung harus diisi"
            }
            , email_cp: {
                required: "Email Narahubung harus diisi"
            }
            , telepon_cp: {
                required: "No. Telp Narahubung harus diisi"
                , digits: "No. Telepon harus angka"
            }
            , hp_cp: {
                required: "No. HP Narahubung harus diisi"
                , digits: "No. HP harus angka"
            }
        }
    });

    function _submit() {
        var pushdata = $("#main-form").serializeArray();
        var post = $.ajax({
            url: baseurl + '/penerbit/update-profile'
            , type: "POST"
            , data: pushdata
            , 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.');
            }
            , error: function(xhr) {
                $.unblockUI();
                notif('error', 'Error!', 'Terjadi kesalahan, periksa koneksi internet Anda.');
            }
        , });
    }

</script>
@endpush