@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>Detil Remunerasi</h1>
@stop

@section('content')

<div class="row">
  <div class="col-12">
    <!-- Default box -->
    <div class="card">
      <div class="card-header bg-gradient-info">
        <h3 class="card-title">Remunerasi Bulan {{bulan($model->bulan)}} Tahun {{$model->tahun}}</h3>
		
      </div>
      <div class="card-body">
      <a href="{{url('/remunerasi/export/'.$model->tahun.'/'.$model->bulan)}}" type="button" class="btn btn-sm btn-danger" target="_blank"><i class="fa fa-file-pdf"></i> Export PDF</a>
        <center>
        	<img src="{{ asset(config('adminlte.logo_img')) }}" height="50">
            <p>MAHKAMAH AGUNG RI</p>
            <p>BADAN LITBANG DIKLAT HUKUM DAN PERADILAN</p>
        </center>
        
        <div class="row">
  			<div class="col-5">
  				<table class="table table-sm">
  					<tr><td>Bulan Gaji</td><td>:</td><td>{{bulan($model->bulan)}}, {{$model->tahun}}</td></tr>
  					<tr><td>Nama Lengkap</td><td>:</td><td>{{$model->employee->nmpeg}}</td></tr>
  					<tr><td>NIP</td><td>:</td><td>{{$model->employee->nip}}</td></tr>
  					<tr><td>Pangkat</td><td>:</td><td>{{$model->employee->golongan->nmgol1}}</td></tr>
  					<tr><td>Jabatan</td><td>:</td><td>{{$model->employee->jabatan($model->employee->kdjab)}}</td></tr>
  				</table>
  			</div>
  			<div class="col-2">
  			</div>
  			<div class="col-5">
  				<table class="table table-sm">
  					<tr><td>Nomor Urut</td><td>:</td><td></td></tr>
  					<tr><td>Unit Kerja</td><td>:</td><td></td></tr>
  					<tr><td>Nomor Rekening</td><td>:</td><td>{{$model->employee->rekening}}</td></tr>
  					<tr><td>NPWP</td><td>:</td><td>{{$model->employee->npwp}}</td></tr>
  				</table>
  			</div>
		</div>
		<div class="row">
  			<div class="col-6">
  				<table class="table table-sm table-bordered ">
  				<thead">
  					<tr class="bg-gradient-primary"><td colspan="3">Penghasilan</td></tr>
  				</thead>
  				<tbody>
  					<tr><td>1</td><td>Besaran Remunerasi</td><td class="pull-right">{{rupiah($model->tunjangan)}}</td></tr>
  					<tr><td>2</td><td>Tunjangan PPH 21</td><td class="pull-right">{{rupiah($model->pph)}}</td></tr>
  					<tr><td>&nbsp;</td><td>&nbsp;</td><td class="pull-right">&nbsp;</td></tr>
  					<tr><th colspan="2">Jumlah Kotor</th><th>Rp {{rupiah($model->tunjangan+$model->jumlah_potongan)}}</th></tr>
  					
  				</tbody>
  				
  				</table>
  			</div>
  			<div class="col-6">
  				
  				<table class="table table-sm table-bordered ">
  				<thead">
  					<tr class="bg-gradient-primary"><td colspan="3">Potongan</td></tr>
  				</thead>
  				<tbody>
  					<tr><td>1</td><td>Persentase Potongan</td><td class="pull-right">{{rupiah($model->potongan)}} %</td></tr>
  					<tr><td>2</td><td>Besaran Potongan</td><td class="pull-right">Rp {{rupiah($model->jumlah_potongan)}}</td></tr>
  					<tr><td>3</td><td>Potongan PPH 21</td><td class="pull-right">Rp {{rupiah($model->pph)}}</td></tr>
  					<tr><th colspan="2">Total Potongan</th><th>Rp {{rupiah($model->pph+$model->pph)}}</th></tr>
  					
  				</tbody>
  				
  				</table>
  			</div>
		</div>
		<div class="row">
          <div class="col-md-4">
            <table class="table table-bordered">
            	<tr class="bg-gradient-warning"><td>Remunerasi diterima : Rp {{rupiah($model->tunjangan-$model->jumlah_potongan)}}</td></tr>
            </table>
          </div>
          <!-- /.col -->
        </div>
      </div>
      <!-- /.card-body -->
      <div class="card-footer">
        Footer
      </div>
      <!-- /.card-footer-->
    </div>
    <!-- /.card -->
  </div>
</div>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
<script>
    console.log('Hi!'); 
</script>
@stop