@extends('Utama.master')
@section('sidebar')
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link"></a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link"></a>
</li>
@stop
@section('content')
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<h3 style="margin-left : 10px;"> NIP : <span id="nip">-</span>/<span id="nama">-</span> </h3>
<!-- left column -->
<div class="col-md-12">
<!-- jquery validation -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Perbarui User Staff</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<form id="quickForm">
<div class="card-body">
<div class="form-group">
<label for="exampleInputEmail1">N.I.P</label>
<input type="text" name="nip" class="form-control" id="nip" placeholder="Nomor Induk Pegawai" >
</div>
<div class="form-group">
<label for="exampleInputPassword1">N.I.K</label>
<input type="text" name="nik" class="form-control" id="nik" placeholder="Nomor Induk Keluarga">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Nama Lengkap</label>
<input type="text" name="nama_lengkap" class="form-control" id="nama_lengkap" placeholder="Nama Lengkap">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Tempat Lahir</label>
<input type="text" name="tempat_lahir" class="form-control" id="tempat_lahir" placeholder="Tempat Lahir">
</div>
<div class="form-group">
<label for="example">Tanggal Lahir</label>
<input type="date" name="tanggal_lahir" class="form-control" id="tanggal_lahir" placeholder="date">
</div>
<div class="form-group">
<label for="example">Jenis Kelamin</label>
<div class="form-group clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary1" name="jenis_kelamin" value="Laki-laki">
<label for="radioPrimary1">Laki-Laki</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary2" name="jenis_kelamin" value="Perempuan">
<label for="radioPrimary2">Perempuan</label>
</div>
</div>
</div>
<div class="form-group">
<label>Agama</label>
<select class="form-control select2" name="agama" id="agama" style="width: 100%;">
<option selected="selected">Kristen</option>
<option>Islam</option>
<option>Katolik</option>
<option>Hindu</option>
<option>Budha</option>
<option>Konghucu</option>
</select>
</div>
<div class="form-group">
<label for="example">Suku</label>
<input type="text" name="suku" class="form-control" id="suku" placeholder="suku">
</div>
<div class="form-group">
<label for="example">Warga Negara</label>
<div class="form-group clearfix">
<div class="icheck-primary d-inline ">
<input type="radio" id="radioPrimary5" name="warga_negara" value="WNI">
<label for="radioPrimary5">WNI</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary6" name="warga_negara" value="WNA">
<label for="radioPrimary6">WNA</label>
</div>
</div>
</div>
<div class="form-group">
<label>Golongan Darah</label>
<select class="form-control select2" name="gol_darah" style="width: 100%;">
<option selected="selected">Kristen</option>
<option>A</option>
<option>B</option>
<option>AB</option>
<option>O</option>
</select>
</div>
<div class="form-group">
<label>Status Nikah</label>
<select class="form-control select2" name="status_nikah" id="status_nikah" style="width: 100%;">
<option selected="selected">Menikah</option>
<option>Belum Menikah</option>
</select>
</div>
<div class="form-group">
<label for="example">Pasangan Bekerja di UKIT</label>
<div class="form-group clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary3" name="pasangan_bekerja_UKIT" value="Ya">
<label for="radioPrimary3">Ya</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary4" name="pasangan_bekerja_UKIT" value="Tidak">
<label for="radioPrimary4">Tidak</label>
</div>
</div>
</div>
<div class="form-group">
<label>Tanggungan Anak</label>
<select class="form-control select2" name="tanggungan_anak" id="tanggungan_anak" style="width: 100%;">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>

<div class="form-group">
<label for="example">Upload KTP</label>
<input type="file" name="upload_ktp" id="upload_ktp" class="form-control  ">
</div>

<div class="form-group">
<label for="example">Alamat</label>
<input type="text" name="alamat" id="alamat" class="form-control" placeholder="Alamat">
</div>
<div class="form-group">
<label for="example">Kelurahan</label>
<input type="text" name="kelurahan" id="kelurahan" class="form-control" placeholder="Kelurahan">
</div>
<div class="form-group">
<label for="example">Kecamatan</label>
<input type="text" name="kecamatan" id="kecamatan" class="form-control" placeholder="Kecamatan">
</div>
<div class="form-group">
<label for="example">Kota/Kabupaten</label>
<input type="text" name="kota_kabupaten" id="kota_kabupaten" class="form-control"  placeholder="Kota/Kabupaten">
</div>
<div class="form-group">
<label for="example">Provinsi</label>
<input type="text" name="provinsi" id="provinsi" class="form-control" placeholder="Provinsi">
</div>
<div class="form-group">
<label for="example">Kode Pos</label>
<input type="text" name="kodepos" id="kodepos" class="form-control" placeholder=">Kode Pos">
</div>

<div class="form-group">
<label for="example">Nama Ibu</label>
<input type="text" name="nama_ibu" id="nama_ibu" class="form-control" placeholder="Nama Ibu">
</div>
<div class="form-group">
<label for="example">Alamat</label>
<input type="text" name="alamat_ibu" id="alamat_ibu" class="form-control" placeholder="Alamat">
</div>

<div class="form-group">
<label>Jenis Staff</label>
<select class="form-control select2" name="jenis_staff" id="jenis_staff" style="width: 100%;">
<option selected="selected">Tenaga Pendidik</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<label for="example">Nomer HP</label>
<input type="text" name="nomor_hp" id="nomor_hp" class="form-control" placeholder="Nomer HP">
</div>
<div class="form-group">
<label for="example">Email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<label for="example">Kode Dosen</label>
<input type="text" name="kode_dosen" id="kode_dosen" class="form-control" placeholder="Kode Dosen">
</div>
<div class="form-group">
<label for="example">NIDN</label>
<input type="text" name="nidn" id="nidn" class="form-control" placeholder="NIDN">
</div>

<div class="form-group">
<label for="example">NPWP</label>
<input type="text" name="npwp" id="npwp" class="form-control" placeholder="NPWP">
</div>
<div class="form-group">
<label for="example">Upload NPWP</label>                
<input type="file" name="upload_npwp" id="upload_npwp" class="form-control  " >
</div>
<div class="form-group">
<label for="example">E-FIN</label>
<input type="text" name="e_fin" id="e_fin" class="form-control" placeholder="E-FIN">
</div>
<div class="form-group">
<label for="example">Status Pajak</label>
<input type="text" name="status_pajak" id="status_pajak" class="form-control" placeholder="Status Pajak">
</div>
<div class="form-group">
<label for="example">Gaji Pokok</label>
<input type="number" name="gaji_pokok" id="gaji_pokok" class="form-control" placeholder="Gaji Pokok">
</div>
<div class="form-group">
<label for="example">Nomor Rekening Gaji</label>
<input type="text" name="norek_gaji" id="norek_gaji" class="form-control" placeholder="Nomor Rekening Gaji">
</div>
<div class="form-group">
<label for="example">Atas Nama Nomor Rekening Gaji</label>
<input type="text" name="norek_nama" id="norek_nama" class="form-control" placeholder="Atas Nama Nomor Rekening Gaji">
</div>
<div class="form-group">
<label for="example">Bank Transfer Gaji</label>
<input type="text" name="bank_tf_gaji" id="bank_tf_gaji" class="form-control" placeholder="Bank Transfer Gaji">
</div>
<div class="form-group">
<label for="example">Upload Info Buku Tabungan</label>
<input type="file" name="info_buku_tabungan" id="info_buku_tabungan" class="form-control  " >

</div>
<div class="form-group">
<label for="example">Kepala Keluarga</label>
<div class="form-group clearfix">
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary7" name="kepala_keluarga" value="Ya">
<label for="radioPrimary7">Ya</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="radioPrimary8" name="kepala_keluarga" value="Tidak">
<label for="radioPrimary8">Tidak</label>
</div>
</div>
</div>

<div class="form-group">
<label for="example">No. Rekening Pensiun</label>
<input type="text" name="norek_pensiun" id="norek_pensiun" class="form-control" placeholder="No. Rekening Pensiun">
</div>

<div class="form-group">
<label for="example">No BPJS Kesehatan</label>
<input type="text" name="no_bpjs_kesehatan" id="no_bpjs_kesehatan" class="form-control" placeholder="No BPJS Kesehatan">
</div>
<div class="form-group">
<label for="example">Upload BPJS Kesehatan</label>
<input type="file" name="upload_bpjs_kesehatan" id="upload_bpjs_kesehatan" class="form-control  " >
</div>
<div class="form-group">
<label for="example">No BPJS Ketenaga kerjaan</label>
<input type="text" name="no_bpjs_tenagakerja" id="no_bpjs_tenagakerja" class="form-control" placeholder="No BPJS Ketenaga kerjaan">
</div>
<div class="form-group">
<label for="example">Upload BPJS Ketenaga kerjaan</label>
<input type="file" name="upload_bpjs_tenagakerja" id="upload_bpjs_tenagakerja" class="form-control  " >
</div>

<div class="form-group">
<label for="example">Upload Pas Foto</label>
<input type="file" name="upload_foto" id="upload_foto" class="form-control">
</div>

<div class="form-group">
<label for="example">Username SIM SDM</label>
<input type="text" name="username_sim_sdm" id="username_sim_sdm" class="form-control" placeholder="Username SIM SDM">
</div>
<div class="form-group">
<label for="example">Password</label>
<input type="text" name="password" id="password" class="form-control" placeholder="Retype Password">
</div>
<div class="form-group">
<label for="example">Retype Password</label>
<input type="text" name="reTypePassword" id="reTypePassword" class="form-control" placeholder="Retype Password">
</div>

<div class="form-group mb-0">
</div>
</div>
<!-- /.card-body -->
<div class="card-footer">
<button type="submit" class="btn btn-primary">Perbarui</button>
</div>
</form>
</div>
<!-- /.card -->
</div>
<!--/.col (left) -->
<!-- right column -->
<div class="col-md-6">

</div>
<!--/.col (right) -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
@stop 

@push('js')
<script type="text/javascript">
var url = "{{url('')}}/";
// var url_api = "http://103.77.207.53:8000/api/";
    var url_api = "https://apisdm.ukitoraja.ac.id/api/";
var url_asset_api = "http://103.77.207.53:8000/storage/";
var id_user = "{{$_GET['id_user']}}";

$(document).ready(function(){
    load_data_karyawan();
});

function load_data_karyawan(){
    // alert("load data nama & foto user yang login ");
    $.ajax({
        url: url_api+"user/getData", 
        method:"GET",
        data:{
            _token : "{{csrf_token()}}",
            id_user : id_user
        },
        headers: {"Authorization": "Bearer " + getCookie("passport_token")},
        success:function(data){
            $('#nip').html(data.nip);
            $('#nama').html(data.nama_lengkap);
            //dikasih link aja kalo diteken lihat nanti new tab
        }
    });
}





//ambil data  untuk diisi ke form edit
window.onload = async(e) => {
    let response = await fetch(url_api+'user/getData?id_user={{$_GET["id_user"]}}', {
        method: 'GET',
        headers:{
            Authorization : "Bearer " + getCookie("passport_token"),
        }
    });
    let result = await response.json(); //data form edit
    
    //looping untuk masukan data json ke form
    for(key in result)
    {
        
        if(result.hasOwnProperty(key)){
            //cek ada form dengan name = nama_attribute_json 
            
            
            
            if(quickForm.elements[key] != undefined){
                //kalau ada isi value dengan data json
                //if(quickForm.elements[key].nodeName == "RadioNodeList"){
                if(quickForm.elements[key].type == undefined){
                    for (let i = 0; i < quickForm.elements[key].length; i++) {
                    let item = quickForm.elements[key][i];
                    item.disabled = true;
                    }
                }
                if((_role == "user" || _role == "") && key != "reTypePassword" && key != "password"){
                    quickForm.elements[key].disabled = true;
                }
                if(quickForm.elements[key].type != "file"){
                    if( $(quickForm.elements[key]).hasClass('link-preview')){
                        $(quickForm.elements[key]).replaceWith('<div><a href="'+url_asset_api + result[key]+'" target="_blank"> Lihat </a></div>');
                    }else{
                        quickForm.elements[key].value = result[key];
                    }
                }
            }
            
        }
    }
}

quickForm.onsubmit = async (e) => {
    e.preventDefault();
    let response = await fetch(url_api+'user/update/{{$_GET["id_user"]}}', {
        method: 'POST',
        headers:{
            Authorization : "Bearer " + getCookie("passport_token"),
        },
        body: new FormData(quickForm)
    });
    
    let result = await response.json();
    alert(result.message);
    if(result.status == "OK"){
        location.href = url+"DataStaff";
    }   
};
</script>
@endpush