@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">
                        <!-- left column -->
                        
<h3 style="margin-left : 10px;"> NIP : <span id="nip">-</span>/<span id="nama">-</span> </h3>
                        <div class="col-md-12">
                            <!-- jquery validation -->
                            <div class="card card-primary">
                                <div class="card-header">
                                <h3 class="card-title">Kelola Jabatan Struktural Dosen</h3>
                                </div>
                                <!-- /.card-header -->
                                <!-- form start -->
                                <form id="quickForm">
                                    <input type="hidden" name="id_jabatan_struktural" id="id_jabatan_struktural" >
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Tanggal TMT</label>
                                            <input type="date" name="tgl_tmt" class="form-control" id="tgl_tmt" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Tangal</label>
                                            <input type="date" name="tanggal" class="form-control" id="tanggal" placeholder="Tangal">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Unit Kerja</label>
                                            <select name="unit_kerja" class="form-control" id="unit_kerja" placeholder="Unit Kerja">
                                            
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Jabatan Struktural</label>
                                            <select name="jabatan_struktural" class="form-control" id="jabatan_struktural" placeholder="Jabatan Struktural">
                                            
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Nomor SK</label>
                                            <input type="text" name="no_sk" class="form-control" id="no_sk" placeholder="Nomor SK">
                                        </div>
                                        <div class="form-group">
                                            <label for="example">File SK</label>
                                            <input type="file" name="file_sk">
                                            
                                        </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 id_user = "{{$_GET['id_user']}}";

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


  
   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);
      }
  });
  }

  function load_data_JS(){
    $.ajax({
        url : url_api+'jabatan-struktural/getData?id={{$_GET["id"]}}',
        method : "GET",
        data:{
            _token : "{{csrf_token()}}"
        },
        headers: {"Authorization": "Bearer " + getCookie("passport_token")},
        success:function(result){
            console.log(result);
            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
                        quickForm.elements[key].value = result[key];
                        
                    }
                }
            }
        },error:function(){
            
        }
    });
}




    //ambil data  untuk diisi ke form edit
//     window.onload = async(e) => {
//      let response = await fetch(url_api+'jabatan-struktural/getData?id={{$_GET["id"]}}', {
//       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
//                 quickForm.elements[key].value = result[key];

//             }
//         }
//     }
// }

quickForm.onsubmit = async (e) => {
    e.preventDefault();
    let response = await fetch(url_api+'jabatan-struktural/update/{{$_GET["id"]}}', {
        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+"JabatanStruktural";
    }
};



function load_unit(){
       $.ajax({
      url: url_api+"daftar-unit/getData",
      method:"GET",
      data:{
        _token : "{{csrf_token()}}"
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
          console.log("daftar unit");
          console.log(data);
        var output = "";
         $.each(data,function(k,v){
          output += '<option value="'+v.nama_unit+'">'+v.nama_unit+'</option>'
         });
         $('#unit_kerja').html(output);
      },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown);
      }
    });
    }


    function load_kerja(){
       $.ajax({
      url: url_api+"daftar-js/getData",
      method:"GET",
      data:{
        _token : "{{csrf_token()}}"
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
        var output = "";
         $.each(data,function(k,v){
          output += '<option value="'+v.nama_js+'">'+v.nama_js+'</option>'
         });
         $('#jabatan_struktural').html(output);
         load_data_JS();
      },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown);
      }
    });
    }

</script>
@endpush