@extends('asessor.root')
@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('asessor/dashboard') }}"><i class="icon-home2 mr-2"></i></a></li>
        <li class="breadcrumb-item active" aria-current="page">Detail Data Asesor</li>
    </ol>
</nav>
@endsection

@section('content')

<div class="content">
    <div class="mb-3">
        <h6 class="mb-0 font-weight-semibold">Detail Data Asesor</h6>
        <span class="text-muted d-block">Lembaga Akreditasi Penerbit Ilmiah</span>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">

                <div class="col-md-12">

                    @if($profile->verifikasi == 99)
                    <div class="alert alert-danger" role="alert">
                        Profile Anda belum lengkap, silahkan isi dengan lengkap Profile Anda.
                    </div>
                    @elseif($profile->verifikasi == 0)
                    <div class="alert alert-warning" role="alert">
                        Profile Anda belum di verfikasi oleh Administrator.
                    </div>
                    @endif

                    <div id="profil" class="form-container user-profile" style="position: relative; margin-top: 0px">
                        <div style="width: 100%;">

                            {!! Form::open(['files' => true, 'id' => 'main-form']) !!}
                            <div class="form-group">
                                {!! Form::label('namalengkap', 'Nama Lengkap', ['class' => "form-label required-label"]) !!}
                                {!! Form::text('namalengkap', $profile->namalengkap, ['class' => 'form-control', 'placeholder' => 'E.g. Abdul Haris' ]) !!}
                                {!! $errors->first('namalengkap', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="form-group">
                                {!! Form::label('telepon', 'Telepon', ['class' => "form-label required-label"]) !!}
                                {!! Form::text('telepon', $profile->telepon, ['class' => 'form-control', 'placeholder' => 'E.g. 085274086080' ]) !!}
                                {!! $errors->first('telepon', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="form-group">
                                {!! Form::label('jabatan', 'Jabatan', ['class' => "form-label required-label"]) !!}
                                {!! Form::text('jabatan', $profile->jabatan, ['class' => 'form-control', 'placeholder' => 'E.g. Pustakawan' ]) !!}
                                {!! $errors->first('telepon', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="form-group">
                                {!! Form::label('institusi', 'Nama Institusi / Badan Usaha', ['class' => "form-label required-label"]) !!}
                                {!! Form::text('institusi', $profile->institusi, ['class' => 'form-control', 'placeholder' => 'E.g. Lembaga Ilmu Pengetahuan Indonesia' ]) !!}
                                {!! $errors->first('institusi', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="form-group">
                                {!! Form::label('alamat', 'Alamat Institusi / Badan Usaha', ['class' => "form-label required-label"]) !!}
                                {!! Form::textarea('alamat', $profile->alamat_institusi, ['class' => 'form-control', 'placeholder' => 'E.g. Jl. Gatot Subroto, Jakarta', 'rows' => 3 ]) !!}
                                {!! $errors->first('alamat', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="form-group">
                                {!! Form::label('email', 'Email', ['class' => "form-label required-label"]) !!}
                                {!! Form::email('email', $profile->email, ['class' => 'form-control', 'placeholder' => 'E.g. abdulharis@gmail.com','readonly' => '' ]) !!}
                                {!! $errors->first('email', '<p class="help-block">:message</p>') !!}
                            </div>
                            <br />
                            <div class="form-group">
                                {!! Form::label('sertifikat', 'Upload Setifikat', ['class' => 'form-label required-label']) !!}
                                {!! Form::file('sertifikat', ['accept' => '.pdf']) !!}
                                <br />
                                @if($profile->sertifikat != null && $profile->sertifikat != "")
                                <a href="{{url('/')}}/{{$profile->sertifikat}}" target="_blank">Lihat Sertifikat</a>
                                @endif
                            </div>
                            <hr>
                            <div class="form-group">
                                <center>
                                    <button type="button" class="btn btn-primary" id="submit-form">SIMPAN DATA</button>
                                </center>
                            </div>
                            {!! Form::close() !!}
                        </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">Informasi</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>

@endsection

@section('styles')

<link href="{{ url('/') }}/assets/global/css/component.css" rel="stylesheet">
@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">
    var sertifikat = null;

    $("input[name=sertifikat]").on("change", function() {
        _convertBase64(this);
    });

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

    jQuery.validator.addMethod("cekfile", function(value, element) {
        if (typeof element.files[0] !== 'undefined' && (this.optional(element) || (element.files[0].size <= 2098576))) return true;
        else if (value == "" || value == null)
            return true;
        else
            return false;
    }, "Max Upload 2MB");

    jQuery.validator.addMethod("cekpdf", function(value, element) {
        if (typeof element.files[0] !== 'undefined' && element.files[0].name.substr((element.files[0].name.lastIndexOf('.') + 1)) == "pdf")
            return true;
        else if (value == "" || value == null)
            return true;
        else
            return false;
    }, "File Upload Harus PDF");

    $("#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) {
            error.insertAfter(element);
        }
        , validClass: "validation-valid-label"
        , success: function(label) {}
        , rules: {
            namalengkap: {
                required: true
            }
            , institusi: {
                required: true
            }
            , alamat: {
                required: true
            }
            , jabatan: {
                required: true
            }
            , telepon: {
                required: true
                , digits: true
            }
            , sertifikat: {
                cekpdf: true
                , cekfile: true
            }
        }
        , messages: {
            namalengkap: {
                required: "Nama Lengkap Harus Diisi"
            }
            , institusi: {
                required: "Nama Institusi / Badan Usaha Harus Diisi"
            }
            , alamat: {
                required: "Alamat Institusi / Badan Usaha Harus Diisi"
            }
            , jabatan: {
                required: "Jabatan Harus Diisi"
            }
            , telepon: {
                required: "Telepon Harus Diisi"
                , digits: "Telepon Harus Angka"
            }
            , sertifikat: {
                required: "Sertifikat Harus Diisi"
            }
        }
    });

    function _submit() {
        var pushdata = $("#main-form").serializeArray();
        pushdata.push({
            name: 'sertifikat_base64'
            , value: sertifikat
        });

        var post = $.ajax({
            url: baseurl + '/asessor/update-profile'
            , type: "POST"
            , data: pushdata
            , beforeSend: function() {
                $.blockUI({
                    message: '<img src="' + baseurl + '/assets/global/images/busy.gif" /> Memproses Data...'
                });
            }
            , success: function(json) {

                if (json.response.Status === 0) {
                    location.reload();
                    $.unblockUI();
                } else {
                    $.unblockUI();
                    $("#warningerror").modal('show');
                    $("#pesan").html(json.response.Message);
                }
            }
            , error: function(xhr) {
                $.unblockUI();
                $("#warningerror").modal('show');
                $("#pesan").html('Terjadi kesalah pada jaringan Internet, periksa kembali Internet Anda.');
            }
        , });
    }

    function _convertBase64(file) {
        var reader = new FileReader();
        reader.readAsDataURL(file.files[0]);
        reader.onload = function() {
            sertifikat = reader.result.replace(/^[^,]*,/, '');
        };
        reader.onerror = function(error) {

        };
    }

</script>
@endpush