@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 -->
            <div class="col-md-12">
                <!-- jquery validation -->
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Perbarui Gaji Dosen</h3>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form id="quickForm">
                        <input type="hidden" name="id_user" value="{{$_GET['id_user']}}">
                        <input type="hidden" name="tanggal" value="{{$_GET['tanggal']}}">
                        <div class="card-body" id="data-output">
                 
                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Perbarui</button>
                        </div>
                    </form>
                </div>
                <!-- /.card -->
            </div>
            <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']}}";
    var tanggal = "{{$_GET['tanggal']}}";
     $(document).ready(function(){
    load_data(); //panggil fungsi untuk ambil data
});

  function load_data(){ //ambil data
      $.ajax({
      url: url_api+"item-gaji/getData?groupBy=kelompok", //url api untuk data karyawan (inner join cuti)
      method:"GET",
      data:{
        _token : "{{csrf_token()}}",
        id_user:id_user,
        tanggal:tanggal,
        data:"update"
    },
    headers: {"Authorization": "Bearer " + getCookie("passport_token")},
    success:function(data){
        $('#data-output').html(data);
        
    },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown); //pesan error
    }
});
  }


   
    quickForm.onsubmit = async (e) => {
    e.preventDefault();
    let response = await fetch(url_api+'history-gaji/update/all', {
      method: 'POST',
      headers:{
        Authorization : "Bearer " + getCookie("passport_token"),
      },
      body: new FormData(quickForm)
    });

    let result = await response.json();
    alert(result.message); //pesan berhasil / error
    if(result.status == "OK"){
    location.href = url+"PenggajianDetail?bulan="+tanggal.substr(5,2)+"&tahun="+tanggal.substr(0,4);
    }
  };
</script>
@endpush