@extends('layout.master')
@section('parentPageTitle', 'Peneliti Asing')
@section('title', $title_page)


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form id="frm_edit_peneliti_asing" action="" enctype="multipart/form-data">
                    @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" value="{{ $data->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" value="{{ $data->nama_dosen }}">
                                </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" value="{{ $data->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" {{ $data->jenis_kelamin == "Laki-laki" ? "selected" : "" }}>Laki-laki</option>
                                        <option value="Perempuan" {{ $data->jenis_kelamin == "Perempuan" ? "selected" : "" }}>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<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="no_ktp" class="form-control col-sm-12" minlength="16" maxlength="16" placeholder="No KTP" value="{{ $data->no_ktp }}">
                                </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" value="{{ $data->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" value="{{ $data->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" placeholder="NIDN" value="{{ $data->nidn }}" readonly>
                                </div>
                            </div>
                            <!-- <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="sinta_id" class="col-sm-3 col-form-label">Sinta ID</label>
                                    <input type="text" name="sinta_id" class="form-control col-sm-10" placeholder="Sinta ID" value="{{ $data->sinta_id }}">
                                </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" {{ $data->jenjang_pendidikan == "S-1" ? "selected" : "" }}>S-1</option>
                                        <option value="S-2" {{ $data->jenjang_pendidikan == "S-2" ? "selected" : "" }}>S-2</option>
                                        <option value="S-3" {{ $data->jenjang_pendidikan == "S-3" ? "selected" : "" }}>S-3</option>
                                        <option value="D-4" {{ $data->jenjang_pendidikan == "D-4" ? "selected" : "" }}>D-4</option>
                                        <option value="Profesi" {{ $data->jenjang_pendidikan == "Profesi" ? "selected" : "" }}>Profesi</option>
                                        <option value="Non Pendidikan Tinggi" {{ $data->jenjang_pendidikan == "Non Pendidikan Tinggi" ? "selected" : "" }}>Non Pendidikan Tinggi</option>
                                    </select>
                                </div>
                            </div>
                            @php
                                $role_id = Session::get('role_id');
                            @endphp
                            <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" {{ ($role_id == "1" || $role_id == "2" || $role_id == "3") ? "" : "disabled" }}>
                                        <option selected disabled>-- Silahkan pilih jabatan --</option>
                                        <option value="Asisten Ahli" {{ $data->jabatan_fungsional == "Asisten Ahli" ? "selected" : "" }}>Asisten Ahli</option>
                                        <option value="Lektor" {{ $data->jabatan_fungsional == "Lektor" ? "selected" : "" }}>Lektor</option>
                                        <option value="Lektor Kepala" {{ $data->jabatan_fungsional == "Lektor Kepala" ? "selected" : "" }}>Lektor Kepala</option>
                                        <option value="Guru Besar" {{ $data->jabatan_fungsional == "Guru Besar" ? "selected" : "" }}>Guru Besar</option>
                                        <option value="Tidak Punya" {{ $data->jabatan_fungsional == "Tidak Punya" ? "selected" : "" }}>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 }}" {{ ($data->fakultas_id == $key) ? "selected" : "" }}>{{ $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>
                                    @foreach($all_prodi as $key => $value)
                                        <option value="{{ $key }}" {{ ($data->prodi_id == $key) ? "selected" : "" }}>{{ $value }}</option>
                                    @endforeach
                                    </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" id="bid_ilmu" name="bidang_ilmu" multiple data-selected-text-format="count > 4" data-live-search="true">
                                        @foreach($grouped as $key => $value)
                                        <optgroup class="form-control col-sm-10" label="{{$key}}" id="{{$key}}">
                                            @foreach($grouped[$key] as $keys => $values)
                                                <option value="{{$values[1]}}">{{$values[0]}}</option>
                                            @endforeach
                                        </optgroup>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <input type="hidden" name="bidang_ilmu_selected" value="{{$json}}" id="bidilmu_selected">
                            <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" value="{{ $data->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" value="">
                                </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" value="{{ $data->web_personal }}">
                                </div>
                            </div>
                            <input type="hidden" name="flag" id="flag" value="{{ $flag }}">

                            @if( $flag == 0)
                                @if(sizeof($roles) > 1)
                                    <div class="col-sm-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th><b>Role</b></th>
                                                        <th><b>Dafult Role</b></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($roles as $role)
                                                    <tr>
                                                        <td>{{ $role->role_name }}</td>
                                                        <td>
                                                            <div class="custom-control custom-radio custom-control-inline">
                                                                <input type="radio" id="default_role{{$role->role_id}}" value="{{ $role->role_id }}" name="default_role" class="custom-control-input roles" {{ ($role->is_default == 1) ? "checked" : "" }}>
                                                                <label class="custom-control-label" for="default_role{{$role->role_id}}"></label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @php
                                                        $dflt_role = Session::get('role_default');
                                                    @endphp
                                                    <input type="hidden" id="role_default_change" name="default_role_id" value="{{ $dflt_role->role_id }}"/>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                @endif
                            @endif

                            <div class="col-10">
                                <div align="right">
                                    <input type="hidden" name="dosen_id" id="valId" value="{{$data->dosen_id}}">
                                    <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>

    <div class="modal fade" id="bidang_ilmu_list" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Syarat Mengikuti Hibah ini</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 class="row clearfix">
                        <div class="col-12">
                            <div class="form-group mt-2 mb-3">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-default" id="btnbatalsyarat">Batal</button> -->
                    <button type="button" id="btnsimpansyarat" class="btn btn-primary">Simpan</button>
                </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>
    
    $(document).ready(function() {
        var options = JSON.parse($('#bidilmu_selected').val());

        $("#bid_ilmu").val(options).selectpicker("refresh");
        console.info('options', options);
    });

    $(document).on('change',".roles", function() {
        $("#role_default_change").val($(this).val());
    });

    function uploadFoto(){
        event.preventDefault();
        var formData = new FormData($("#frm_edit_dosen")[0]);
        console.log(formData);

        var getUrl = window.location;
        var baseUrl = getUrl.protocol + "//" + getUrl.host;
        var val = "assets/images/loading.gif";
        var baseUrlImg = baseUrl + "/" + val;
        var path = baseUrl+"/upload/profile_picture/";

        window.swal({
            title: "Please wait",
            text: "File sedang diproses...",
            imageUrl: baseUrlImg,
            showConfirmButton: false,
            allowOutsideClick: false
        });

        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/profile/postfoto',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(result) {
                console.log(result);
                if (result.status == 'success') {
                    swal("Success", result.message, "success");
                    $("#photo_profile").attr("src", path+result.photo);
                    $("#profile_picture_header").attr("src", path+result.photo);

                } else {
                    swal("Warning", result.message, "warning");
                }
            },
            error: function(data) {
                console.log(data);
            }
        });
    }
</script>
@stop