@extends('layout.master')
@section('parentPageTitle', 'Staf Pendukung')
@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_staf_pendukung" 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="nama_lengkap" class="col-sm-12 col-form-label">Nama Lengkap<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="nama_lengkap" class="form-control col-sm-12" placeholder="Nama Lengkap" value="{{ $data->nama_lengkap }}">
                                </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-5 col-sm-12">
                                <div class="form-group">
                                <label for="jenis_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-5 col-sm-12">
                                <div class="form-group">
                                    <label for="nip_nik" class="col-sm-12 col-form-label">NIP/NIK<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="nip_nik" class="form-control col-sm-12 tipenumber" placeholder="NIP/NIK" value="{{ $data->nip_nik }}">
                                </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>
                            <div class="col-md-5 col-sm-12">
                                <div class="form-group">
                                <label for="jabatan">Jabatan<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="jabatan" class="form-control col-sm-12" placeholder="Jabatan" value="{{ $data->jabatan }}">
                                </div>
                            </div>
                            <div class="col-lg-10 col-sm-12">
                                <div class="form-group">
                                    <label for="jenis_unit_kerja" class="col-sm-12 col-form-label">Jenis Unit Kerja<span class="required" style="color: red;"> *</span></label>
                                    <select id="jenis_unit_kerja" name="jenis_unit_kerja" class="form-control col-sm-12">
                                        <option value="Fakultas" {{ $data->jenis_unit_kerja == "Fakultas" ? "selected" : "" }}>Fakultas</option>
                                        <option value="Lainnya" {{ $data->jenis_unit_kerja == "Lainnya" ? "selected" : "" }}>Lainnya</option>
                                    </select>
                                </div>
                            </div>
                            @if( Session::get('fakultas_id') == null )
                            <div class="col-lg-12 col-md-6 col-sm-12 col-fakultas">
                                <div class="form-group">
                                <label for="all_fakultas">Fakultas</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>
                            @endif
                            <div class="col-md-5 col-sm-12 col-nama-unit-kerja">
                                <div class="form-group">
                                <label for="nama_unit_kerja">Nama Unit Kerja</label>
                                    <input type="text" name="nama_unit_kerja" class="form-control col-sm-12" placeholder="Nama Unit Kerja" value="{{ $data->nama_unit_kerja }}">
                                </div>
                            </div>

                            <div class="col-10">
                                <div align="right">
                                    <input type="hidden" name="staf_pendukung_id" id="valId" value="{{$data->staf_pendukung_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>
    var jenis_unit_kerja = $('#jenis_unit_kerja').val();

    $(document).ready(function(){
        if( jenis_unit_kerja == "Fakultas"){
            $('.col-fakultas').show();
            $('.col-nama-unit-kerja').hide();
        } else {
            $('.col-fakultas').hide();
            $('.col-nama-unit-kerja').show();
        }
    });
</script>
@stop