@extends('Utama.master')
@section('sidebar')
<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;margin-top:10px"> Bulan : <span id="bulan">-</span>/<span id="tahun">-</span> </h3>
          <button type="button" onclick="myFunction()" style="margin-left : 11px; margin-bottom:10px;" style="color:white" class="btn btn-primary">Unduh Slip Gaji</button>
          </div>
        </div>
      <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
              <h3 class="card-title">Kelola Penggajian Dosen</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>Item Gaji</th>
                      <th>Jumlah</th>
                    </tr>
                  </thead>
                  <tbody id="data-output-penerimaan">
                  </tbody>
                </table><br><br>
                <table class="table table-sort table-arrows table-striped table-bordered table-sm">
                  <thead>
                    <tr>
                      <th>No</th>
                      <th>Item Gaji</th>
                      <th>Jumlah</th>
                    </tr>
                  </thead>
                  <tbody id="data-output-potongan">
                  </tbody>
                </table><br>
                <b><div style="margin-left : 28px;">Total Gaji <span id="total-gaji"></span></div><br></b>
              </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 url_asset_api = "http://103.77.207.53:8000/storage/";
  var nip = "{{$_GET['nip']}}";
  var tanggal = "{{$_GET['tanggal']}}";
  var bulan = "{{$_GET['bulan']}}";
  var tahun = "{{$_GET['tahun']}}";
  var _total_penerimaan = 0;
  var _total_potongan = 0;
  $(document).ready(function(){
    load_data_penerimaan();
    
    $('#bulan').html(bulan);
    $('#tahun').html(tahun);
    
  });

  function load_data_penerimaan(){ //ambil data
      total_penerimaan = 0;
       $.ajax({
      url: url_api+"history-gaji/getData",
      method:"GET",
      data:{
        _token : "{{csrf_token()}}",
        nip : nip,
        tanggal : tanggal,
        bulan :bulan,
        tahun:tahun,
        kelompok:"Penerimaan"
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
        var output = "";
         $.each(data,function(k,v){
          total_penerimaan += parseInt(v.jumlah);
          output += '<tr>' +
                      '<td>'+ (k+1) +'</td>' +
                      '<td>'+ v.item+'</td>' +
                      '<td style="text-align:right">'+v.jumlah+'</td>' +
                    '</tr>' 
         });
         output += '<tr>'+
         '<td colspan="2">Total Penerimaan</td>'+'<td style="text-align:right">'+formatRupiah(total_penerimaan,"Rp. ")+'</td>'+
         '</tr>';
         _total_penerimaan = total_penerimaan;
         $('#data-output-penerimaan').html(output);
         load_data_potongan();
      },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown);
      }
    });

    }
    function load_data_potongan(){ //ambil data
      total_potongan = 0;
       $.ajax({
      url: url_api+"history-gaji/getData",
      method:"GET",
      data:{
        _token : "{{csrf_token()}}",
        nip : nip,
        tanggal : tanggal,
        bulan :bulan,
        tahun:tahun,
        kelompok:"Potongan"
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
        var output = "";
        
         $.each(data,function(k,v){
          total_potongan += parseInt(v.jumlah);
          output += '<tr>' +
                      '<td>'+ (k+1) +'</td>' +
                      '<td>'+ v.item+'</td>' +
                      '<td style="text-align:right">'+v.jumlah+'</td>' +
                    '</tr>' 
         });
         output += '<tr>'+
         '<td colspan="2">Total Potongan</td>'+'<td style="text-align:right">'+formatRupiah(total_potongan,"Rp. ")+'</td>'+
         '</tr>';
         $('#data-output-potongan').html(output);
         $('#total-gaji').html(formatRupiah(_total_penerimaan - total_potongan,"Rp. "));
      },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown);
      }
    });


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

  function myFunction() {
  window.open("http://sdm.ukitoraja.ac.id:8000/api/print-slip-gaji?nip={{$_GET['nip']}}&tanggal={{$_GET['tahun'].'-'.$_GET['bulan'].'-'.$_GET['tanggal']}}");
}
</script>
@endpush