@extends('layout.master')
@section('parentPageTitle', 'Peneliti Asing')
@section('title', 'Tambah Akun Peneliti Asing')


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form id="frm_add_peneliti_asing" action="">
                    @csrf
                        <div class="row clearfix">
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="gelar_depan" class="col-sm-12 col-form-label">Gelar Depan</label>
                                    <input type="text" name="gelar_depan" class="form-control col-sm-12" placeholder="Gelar Depan">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="fullname" class="col-sm-12 col-form-label">Fullname<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="fullname" class="form-control col-sm-12" placeholder="Fullname">
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <div class="form-group">
                                    <label for="gelar_belakang" class="col-sm-12 col-form-label">Gelar Belakang</label>
                                    <input type="text" name="gelar_belakang" class="form-control col-sm-12" placeholder="Gelar Belakang">
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-12">
                                <div class="form-group">
                                <label for="all_kelamin" class="col-sm-12 col-form-label">Jenis Kelamin<span class="required" style="color: red;"> *</span></label>
                                    <select name="jenis_kelamin" class="form-control col-sm-12">
                                        <option selected disabled>-- Silahkan pilih jenis kelamin --</option>
                                        <option value="Laki-laki">Laki-laki</option>
                                        <option value="Perempuan">Perempuan</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="no_ktp" class="col-sm-12 col-form-label">No Identitas Peneliti Asing</label>
                                    <input type="text" name="no_ktp" class="form-control col-sm-12 tipenumber" placeholder="No Identitas">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="asal_negara" class="col-sm-3 col-form-label">Asal Negara</label>
                                    <input type="text" name="asal_negara" class="form-control col-sm-10" placeholder="Asal Negara">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="lama_tinggal" class="col-sm-3 col-form-label">Lama Tinggal</label>
                                    <input type="text" name="lama_tinggal" class="form-control col-sm-10 num" placeholder="Lama Tinggal">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="nidn" class="col-sm-3 col-form-label">NIDN<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="nidn" class="form-control col-sm-10 tipenumber" placeholder="NIDN">
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                <label for="all_jenjang">Jenjang Pendidikan<span class="required" style="color: red;"> *</span></label>
                                    <select name="jenjang_pendidikan" class="form-control col-sm-12">
                                        <option selected disabled>-- Silahkan pilih jenjang pendidikan --</option>
                                        <option value="S-1">S-1</option>
                                        <option value="S-2">S-2</option>
                                        <option value="S-3">S-3</option>
                                        <option value="D-4">D-4</option>
                                        <option value="Profesi">Profesi</option>
                                        <option value="Non Pendidikan Tinggi">Non Pendidikan Tinggi</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                <label for="all_jabatan">Jabatan Fungsional<span class="required" style="color: red;"> *</span></label>
                                    <select name="jabatan_fungsional" class="form-control col-sm-12">
                                        <option selected disabled>-- Silahkan pilih jabatan --</option>
                                        <option value="Asisten Ahli">Asisten Ahli</option>
                                        <option value="Lektor">Lektor</option>
                                        <option value="Lektor Kepala">Lektor Kepala</option>
                                        <option value="Guru Besar">Guru Besar</option>
                                        <option value="Tidak Punya">Tidak Punya</option>
                                    </select>
                                </div>
                            </div>
                            @if ($fakultas_id != null)
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                <label for="prodi">Program Studi<span class="required" style="color: red;"> *</span></label>
                                    <select name="prodi" id="prodi" class="form-control col-sm-10">
                                        @foreach($prodi_fakultas as $key)
                                        <option value="{{ $key['prodi_id'] }}">{{ $key['nama_prodi'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @else
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                <label for="all_fakultas">Fakultas<span class="required" style="color: red;"> *</span></label>
                                    <select name="fakultas" id="fakultas" class="form-control col-sm-10">
                                        <option value="" disabled selected>-- Silahkan pilih fakultas --</option>
                                    @foreach($all_fakultas as $key => $value)
                                        <option value="{{ $key }}">{{ $value }}</option>
                                    @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                <label for="prodi">Program Studi<span class="required" style="color: red;"> *</span></label>
                                    <select name="prodi" id="prodi" class="form-control col-sm-10">
                                        <option value="" disabled selected>-- Silahkan pilih program studi --</option>
                                    </select>
                                </div>
                            </div>
                            @endif
                            <div class="col-lg-10 col-md-6 col-sm-12">
                                <div class="form-group">
                                <label for="all_bidang">Bidang Ilmu</label>
                                    <select class="selectpicker form-control pr-50" id="bid_ilmu" name="bidang_ilmu_array" multiple data-selected-text-format="count > 2" data-live-search="true">
                                        @foreach($grouped as $key => $value)
                                        <optgroup label="{{$key}}" id="{{$key}}">
                                            @foreach($grouped[$key] as $data => $value)
                                                <option value="{{$value[1]}}">{{$value[0]}}</option>
                                            @endforeach
                                        </optgroup>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="kepakaran" class="col-sm-3 col-form-label">Kepakaran</label>
                                    <input type="text" name="kepakaran" class="form-control col-sm-10" placeholder="Kepakaran">
                                </div>
                            </div>
                            <!-- <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="no_hp" class="col-sm-3 col-form-label">No. HP<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="no_hp" class="form-control col-sm-10" placeholder="No Handphone">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="alamat" class="col-sm-3 col-form-label">Alamat<span class="required" style="color: red;"> *</span></label>
                                    <textarea type="text" name="alamat" class="form-control col-sm-10" placeholder="Alamat"></textarea>
                                </div>
                            </div> -->
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="web_personal" class="col-sm-3 col-form-label">Website Personal</label>
                                    <input type="text" name="web_personal" class="form-control col-sm-10" placeholder="Website Personal">
                                </div>
                            </div>

                            <div class="col-10">
                                <div align="right">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="history.back();">Kembali</button>
                                    <button type="submit" class="btn btn-primary">Simpan</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>            
    </div>
@stop

@section('page-styles')
<link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.min.css') }}">
@stop

@section('page-script')
<script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>

<script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/core.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
<script>
    function get_prodi() {
            var id = $('#fakultas option:selected').val();
            var url = "/setting/dosen/prodi/" + id;
            var my_html = "";

            url = url.replace(':id', id);
            $.ajax({
                type: 'GET',
                url: url,
                dataType: 'json',
                success: function(data) {
                    if (data.length !== 0) {
                        data.forEach(element => {
                            var prodi_id = element.prodi_id;
                            var nama_prodi = element.nama_prodi;
                            my_html += '<option value=' + prodi_id + '>' + nama_prodi + '</option>';
                        });
                        $("#prodi").html(my_html);
                    }
                },
                error: function() {
                    console.log('Failed');
                }
            });
        }

        get_prodi();

        $("#fakultas").change(function() {
            get_prodi();
        });
    </script>
@stop