@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="row">
      <div class="col-12">
      <h3 style="margin-left : 10px;"> Bulan : <span id="bulan">-</span>/<span id="tahun">-</span> </h3>
      </div>
    </div>
      <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">Penggajian</h3>

                <div class="card-tools">
                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body table-responsive p-0" style="height: 500px;">
                <table class="table table-sort table-arrows table-striped table-bordered table-sm">
                  <thead>
                    <tr>
                      <th>No</th>
                      <th>NIP</th>
                      <th>Nama Lengkap</th>
                      <th>Gaji</th>
                      <th>Tanggal</th>
                      <th>Aksi</th>
                    </tr>
                  </thead>
                  <tbody id="data-output">
                   <!--  <tr>
                      <td>1</td>
                      <td>2017001</td>
                      <td>Widodo</td>
                      <td><a href="PenggajianTambah">Detail</a></td>
                    </tr> -->
                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
        </div>
    </section>
    <!-- /.content -->
@stop 
@push('js')
<script type="text/javascript">
  // var url_api = "http://103.77.207.53:8000/api/";
    var url_api = "https://apisdm.ukitoraja.ac.id/api/"; 
  var bulan = "{{$_GET['bulan']}}";
  var tahun = "{{$_GET['tahun']}}";
  $(document).ready(function(){
    load_data(); //panggil fungsi untuk ambil data

    $('#bulan').html(bulan);
    $('#tahun').html(tahun);
  });

  function load_data(){ //ambil data
       $.ajax({
      url: url_api+"user/getData?data=gaji", //url api untuk data karyawan (inner join cuti)
      method:"GET",
      data:{
        _token : "{{csrf_token()}}",
        bulan : bulan,
        tahun : tahun
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
        var output = "";
        var total_gaji = 0;
         $.each(data,function(k,v){
          if(v.gaji != 0 ){
          tanggal_bulan_tahun = v.tanggal+'/'+bulan+'/'+tahun;
        }else{
          tanggal_bulan_tahun = "-";
        }
        total_gaji += parseInt(v.gaji);
          output += '<tr>' +
                      '<td>'+ (k+1) +'</td>' +
                      '<td>'+ v.nip +'</td>' +
                      '<td>'+ v.nama_lengkap+'</td>'+
                      '<td>'+ formatRupiah(v.gaji,"Rp. ") +'</td>'+
                      '<td>'+ tanggal_bulan_tahun +'</td>';

          if(v.tanggal != null){
         
          output+= '<td><button type="button" class="btn btn-info"><a style="color:white" href="/PenggajianHistory?nip='+v.nip+'&tanggal='+v.tanggal+'&bulan='+bulan+'&tahun='+tahun+'">Detail</a></button>';
          //kalo masih gak bisa | https://bobbyhadz.com/blog/javascript-wait-promise-resolve-before-returning#:~:text=You%20can%20use%20the%20async,next%20line%20of%20the%20function.
          if(_role != "user" && _role != ""){
          output +=  '  <button type="button" class="btn btn-success"><a style="color:white" href="/PenggajianUpdate?id_user='+v.id_user+'&tanggal='+tahun+'-'+bulan+'-'+v.tanggal+'">Update</a></button>';
         }
          output+='</td>' +
            '</tr>' ;
          }else{
            if(total_gaji == 0 && _role == "user"){
              
            }else{
              output+= '<td><button type="button" class="btn btn-primary"><a style="color:white" href="/PenggajianCreateData">Tambah</a></button></td>' +
                    '</tr>' ;
            }
          }
          });
         output += '<tr>'+
         '<td colspan="5"><b>Total Rp.</b></td>'+'<td><b>'+formatRupiah(total_gaji,"Rp. ")+'</b></td>'
         '</tr>'
         $('#data-output').html(output);
      },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown); //pesan error
      }
    });
    }

    function formatRupiah(angka, prefix) {
		//var number_string = angka.replace(/[^,\d]/g, '').toString();
		var number_string = angka.toString();
		var split = number_string.split('.');
		var sisa = split[0].length % 3;
		var rupiah = split[0].substr(0, sisa);
		var ribuan = split[0].substr(sisa).match(/\d{3}/gi);
		if (ribuan) {
			separator = sisa ? '.' : '';
			rupiah += separator + ribuan.join('.');
		}
		rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah + ',00';
		return prefix == undefined ? rupiah : (rupiah ? 'Rp. ' + rupiah : '');
	}
</script>
@endpush