@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">
        <section class="card">
            <header class="card-header">
                <h4 class="card-title">Formulir Pendaftaran Asesor Baru</h4>
            </header>
            <div class="card-body">
                <form action="#" id="main-form" method="POST">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Nama Lengkap<span class="text-danger">*</span></label>
                            <input type="text" required class="form-control" placeholder="E.g. Samsul Nur Huda" name="nama" />
                        </div>
                        <div class="form-group">
                            <label>Nama Institusi / Badan Usaha<span class="text-danger">*</span></label>
                            <input type="text" required class="form-control" placeholder="E.g. Badan Riset dan Inovasi Nasional" name="institusi" />
                        </div>
                        <div class="form-group">
                            <label>Alamat Institusi / Badan Usaha</label>
                            <textarea class="form-control" placeholder="E.g. Gedung B.J. Habibie, Jl. M.H. Thamrin No. 8, Jakarta Pusat" name="alamat"></textarea>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Jabatan</label>
                            <input type="text" class="form-control" placeholder="E.g. Peneliti Ahli Utama" name="jabatan" />
                        </div>
                        <div class="form-group">
                            <label>Email<span class="text-danger">*</span></label>
                            <input type="email" required class="form-control" placeholder="E.g. samsul.huda@brin.go.id" name="email" />
                        </div>
                        <div class="form-group">
                            <label>Telepon<span class="text-danger">*</span></label>
                            <input type="text" required class="form-control" placeholder="E.g. 081234567889" name="telepon" />
                        </div>
                    </div>

                    <div class="col-md-12 mt-3">
                        <div class="text-center">
                            <a href="{{url('admin/penilai')}}" class="btn btn-default">Kembali</a>
                            <button type="button" style="width: 160px" class="btn btn-primary" id="submit-form"> Simpan</button>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </section>
    </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 text-danger">PERINGATAN<i class=""></i></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('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>
    $("#main-form").validate({
        errorClass: 'error'
        , successClass: 'validation-valid-label'
        , highlight: function(element, errorClass) {
            $(element).removeClass('is-invalid');
        }
        , unhighlight: function(element, errorClass) {
            $(element).removeClass('is-invalid');
        }
        , errorPlacement: function(error, element) {
            element.addClass('is-invalid');
        }
        , validClass: "validation-valid-label"
        , success: function(label) {

        }
        , rules: {}
        , messages: {}
    });

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

    function _submit() {
        var pushdata = $("#main-form").serializeArray();
        var post = $.ajax({
            url: baseurl + '/admin/penilai/save'
            , 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) {
                    window.location.href = baseurl + '/admin/penilai/terverifikasi';
                } else {
                    $("#warningerror").modal('show');
                    $("#pesan").html(json.response.Message);
                }
            }
            , error: function(xhr) {
                $.unblockUI();
            }
        , });
    }

</script>
@endsection