@extends('layout.master')
@section('parentPageTitle', 'Dosen')
@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_dosen" action="" enctype="multipart/form-data">
                    @csrf
                        <div class="row clearfix">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="media mb-0">
                                    @php
                                        $pp = $data->profile_picture;
                                    @endphp
                                    @if(empty($pp))
                                    <img id="photo_profile"class="rounded mr-3" src="{{asset('assets/images/gallery/user-default.png')}}" alt="" style="width: 30%; height: 10%;">
                                    @else
                                    <img id="photo_profile"class="rounded mr-3" src="{{asset('upload/profile_picture/'.$pp)}}" alt="" style="width: 30%; height: 10%;">
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="profile_picture" class="col-sm-3 col-form-label"></label>
                                    <input type="file" id="post_profile_picture" name="profile_picture" class="form-control col-sm-10" onChange="uploadFoto()">
                                </div>
                            </div>
                            <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-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="email" class="col-sm-3 col-form-label">Email<span class="required" style="color: red;"> *</span></label>
                                    <input type="email" name="email" class="form-control col-sm-10" placeholder="Email" value="{{ $data->email }}" disabled>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="username" class="col-sm-3 col-form-label">Username<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="username" class="form-control col-sm-10" placeholder="Username" value="{{ $data->username }}" disabled>
                                </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 KTP<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="no_ktp" class="form-control col-sm-12" 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="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 }}">
                                </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>
                            <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>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                <label for="all_bidang">Bidang Ilmu</label>
                                <div class="form-control col-sm-10">
                                    <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>
                            </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="{{ $data->no_hp }}">
                                </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">{{ $data->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>
                        </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