@extends('admin.master.adminmaster')
@section('sidebar')
<li class="nav-item d-none d-sm-inline-block">
  <a href="/crudItemGajiTambah" class="nav-link">Tambah Item Gaji</a>
</li>
@stop
@section('content')
<!-- Main content -->
<section class="content">
                <div class="container-fluid">
                    <div class="row">
                        <!-- left column -->
                        <div class="col-md-12">
                            <!-- jquery validation -->
                            <div class="card card-primary">
                                <div class="card-header">
                                <h3 class="card-title">Kelola Item Gaji</h3>
                                </div>
                                <!-- /.card-header -->
                                <!-- form start -->
                                <form   id="quickForm">
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="kelompok">Kelompok</label>
                                            <input type="text" name="kelompok" class="form-control" id="kelompok" placeholder="Kelompok">
                                        </div>
                                        <div class="form-group">
                                            <label for="item">Item</label>
                                            <input type="text" name="item" class="form-control" id="item" placeholder="Item Gaji">
                                        </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>
@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/";

    //ambil data  untuk diisi ke form edit
    window.onload = async(e) => {
     let response = await fetch(url_api+'item-gaji/getItem?id={{$_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
                quickForm.elements.namedItem(key).value = result[key];

            }
        }
    }
}

quickForm.onsubmit = async (e) => {
    e.preventDefault();
    let response = await fetch(url_api+'item-gaji/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+"crudHrd";
    }
};
</script>
@endpush