@php
    $siteBreadcumb = [
        ["url"=>"/tx-skpp","label"=>$siteTitle],
        ["url"=>"/salur-dana/create","label"=>$sitesubTitle]
    ];
    $role = Auth::user()->getRoleNames();
    $role = $role[0];
@endphp

@extends('layouts.app')

@section('styles')
    <link href="cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
@endsection

@section('content')
    <div class="x_title">
        <h2><i class="fa fa-bullseye"></i> @php echo $sitesubTitle; @endphp <small>{{ $txSkpp->no_skpp }} <span style="color:red;">{{ intval($txSkpp->f_revisi) > 0 ? "REVISI":"" }}</span></small></h2>
        <ul class="nav navbar-right panel_toolbox">
            <li>
                <button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('salur-dana.index') }}'" style="float:left;"><i class="fa fa-arrow-left"></i> Kembali</a>
            </li>
            <li>
                <button class="btn btn-sm btn-primary" onclick="location.href='/salur-dana/{{ $txSkpp->id }}/download_hst'" title="Download Revisi"><i class="fa fa-download"></i></button>
            </li>
            <li>
                @if ($txSkpp->tgl_cetak == "")
                    @if(auth()->user()->can('Tambah SKPP'))
                        <button class="btn btn-warning btn-sm" onclick="location.href='/salur-dana/{{ $txSkpp->id }}/edit'" style="float:left" title="Ubah"><i class="fa fa-edit"></i></button>
                    @endif
                    @if(auth()->user()->can('Hapus SKPP') && $txSkpp->f_revisi == 0 && $role != "admin")  
                        <form class="form-delete" action="/salur-dana/{{ $txSkpp->id }}" style="float:left" method="POST">   
                            @csrf
                            @method("DELETE")    
                            <button type="submit" class="btn btn-danger btn-sm" title="Hapus"title="Hapus"><i class="fa fa-trash"></i></button>
                        </form>
                    @endif
                @else
                    @if(auth()->user()->can('Ubah SKPP')) 
                        <button class="btn btn-warning btn-sm" onclick="location.href='/salur-dana/{{ $txSkpp->id }}/revisi'" style="float:left" title="Revisi"><i class="fa fa-refresh"></i></a>
                    @endif
                @endif
                @if($role == "admin")  
                    <form class="form-delete" action="/salur-dana/{{ $txSkpp->id }}" style="float:left" method="POST">   
                        @csrf
                        @method("DELETE")    
                        <button type="submit" class="btn btn-danger btn-sm" title="Hapus"title="Hapus"><i class="fa fa-trash"></i></button>
                    </form>
                @endif
            </li>
            <li>
                <form id="frmSKPPPrint" action="/salur-dana/print" style="float:left" method="POST" target="_blank">
                    @csrf
                    <input type="hidden" name="id_skpp" value="{{ $txSkpp->id }}">
                    @if(auth()->user()->can('Cetak SKPP'))
                        <button id="btn_cetak" type="submit" class="btn btn-success btn-sm" title="Cetak"><i class="fa fa-print"></i></button>
                    @endif    
                </form>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>

    <div class="row">
        <div class="col-6">
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_nrk" >NRK <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="txt_nrk" name="personal[nrk]" value="{{$txSkpp->nrk}}" disabled required="required" class="form-control-plaintext">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_nama">Nama <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="txt_nama" name="personal[nama]" required="required" disabled class="form-control-plaintext" value="{{$txSkpp->nama}}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_nip">NIP <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="txt_nip" name="personal[nip]" required="required" disabled class="form-control-plaintext" value="{{$txSkpp->nip}}">  
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_golongan">Golongan <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="opt_golongan" name="personal[golongan_id]" disabled class="form-control-plaintext uppercase" value="{{$txSkpp->mst_golongan->nama_golongan}}"></select>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_pangkat">Pangkat <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="txt_pangkat" name="personal[pangkat]" disabled class="form-control-plaintext uppercase form-control-plaintext" value="{{$txSkpp->mst_golongan->nama_pangkat}}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_status_kepegawaian">Status Kepegawaian
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="txt_status_kepegawaian" disabled name="personal[status_kepegawaian]" class="form-control-plaintext" value="{{$txSkpp->status_pegawai==''?'-':$txSkpp->status_pegawai}}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_dinas">Dinas <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="nama_dinas" name="personal[nama_dinas]" disabled class="uppercase form-control-plaintext" value="{{$txSkpp->dinas==''?'-':$txSkpp->dinas}}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_tempat_tugas">Tempat tugas <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input id="opt_tempat_tugas" name="personal[tempat_tugas]" disabled value="{{$txSkpp->tugas}}" class="form-control-plaintext">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_penerimaan_gaji_akhir">Penerimaan Gaji Terakhir <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" name="personal[penerimaan_gaji_akhir]" disabled class="indo_date form-control-plaintext uppercase" value="{{ SetToIndoDate($txSkpp->tgl_akhir,true) }}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_penerimaan_gaji_akhir">Tgl Dibuat <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" class="indo_date form-control-plaintext uppercase" disabled value="{{ SetToIndoDate($txSkpp->created_at,false,true) }}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_kantor">Dibuat Oleh <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" disabled class="form-control-plaintext uppercase" value="{{$txSkpp->user->name}}">
                </div>
            </div>
        </div>
        <div class="col-6">
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_penerimaan_gaji_akhir">Tgl Dicetak <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" name="personal[penerimaan_gaji_akhir]" disabled class="indo_date form-control-plaintext uppercase" value="{{ SetToIndoDate($txSkpp->tgl_cetak,false,true) }}">
                </div>
            </div>
            @if ($txSkpp->f_revisi > 0)
                <div class="form-group row">
                    <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_penerimaan_gaji_akhir">Tgl Direvisi <span class="required"></span>
                    </label>
                    <div class="col-md-9 col-sm-9 ">
                        <input type="text" name="personal[penerimaan_gaji_akhir]" disabled class="indo_date form-control-plaintext uppercase" value="{{ SetToIndoDate($txSkpp->revised_at,false,true) }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_kantor">Direvisi Oleh <span class="required"></span>
                    </label>
                    <div class="col-md-9 col-sm-9 ">
                        <input type="text" disabled class="form-control-plaintext uppercase" value="{{$txSkpp->user_revisi->name}}">
                    </div>
                </div>
            @endif
            <span class="section mt-4">Kepala Kantor</span>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_kantor">Kantor <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="opt_kantor" name="personal_kepala[kantor]" disabled class="form-control-plaintext" value="{{$txSkpp->mst_kantor->nama_kantor}}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_area">Area <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" id="txt_area" name="personal_kepala[area]" disabled class="form-control-plaintext" value="{{$txSkpp->mst_kantor->wilayah}}">
                </div>
            </div>
            <span class="section mt-4">BPKD Perbendaharaan</span>
            <div class="form-group row">
                <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_kantor">Nama <span class="required"></span>
                </label>
                <div class="col-md-9 col-sm-9 ">
                    <input type="text" disabled class="form-control-plaintext" value="{{$txSkpp->mst_kpkd->nama}}">
                </div>
            </div>
            @if ($txSkpp->f_revisi > 0)
                <span class="section mt-4">Alasan Revisi</span>
                <div class="form-group row">
                    <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_kantor">Keterangan <span class="required"></span>
                    </label>
                    <div class="col-md-9 col-sm-9 ">
                        <input type="text" disabled class="form-control-plaintext" value="{{$txSkpp->revisi_remarks}}">
                    </div>
                </div>
            @endif
        </div>
    </div>
    <ul class="nav nav-tabs bar_tabs mt-5" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="family-tab" data-toggle="tab" href="#family" role="tab" aria-controls="family" aria-selected="false"><i class="fa fa-users"></i> Data Keluarga</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="keputusan-tab" data-toggle="tab" href="#keputusan" role="tab" aria-controls="keputusan" aria-selected="false"><i class="fa fa-institution"></i> Keputusan</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="gaji-tab" data-toggle="tab" href="#gaji" role="tab" aria-controls="gaji" aria-selected="false"><i class="fa fa-money"></i> Rincian Gaji</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="utang-tab" data-toggle="tab" href="#utang" role="tab" aria-controls="utang" aria-selected="false"><i class="fa fa-money"></i> Rincian Utang</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="revisi-tab" data-toggle="tab" href="#hst" role="tab" aria-controls="hst" aria-selected="false"><i class="fa fa-refresh"></i> Revisi Data</a>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active p-3" id="family" role="tabpanel" aria-labelledby="family-tab">
            <table id="tbl_family" class="table table-striped jambo_table" style="width:100%;">
                <thead>
                    <tr class="headings">
                        <th>No</th>
                        <th>Nama</th>
                        <th>Tgl Lahir</th>
                        <th>Hubungan Keluarga</th>
                    </tr>
                </thead>
                <tbody>
                    @php 
                        if(count($txSkpp->mst_keluarga)>0){
                            foreach($txSkpp->mst_keluarga as $key=>$row_keluarga){
                                $no = $key+1;
                                echo "<tr>
                                        <td width=10>".$no."</td>
                                        <td>".$row_keluarga->nama."</td>
                                        <td>".SetToIndoDate($row_keluarga->tgl_lahir,false,true)."</td>
                                        <td>".$row_keluarga->hubungan."</td>
                                    </tr>";
                            }
                        }else{
                            echo "<tr><td colspan=4 class='text-center'>Data tidak ditemukan!</td></tr>";
                        }

                    @endphp
                </tbody>
            </table>
        </div>
        <div class="tab-pane fade p-3" id="keputusan" role="tabpanel" aria-labelledby="keputusan-tab">
            <div class="row">
                <div class="col-6">
                    <span class="section">Surat Keputusan</span>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_keputusan">Keputusan <span class="required"></span>
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" id="opt_keputusan" name="keputusan[keputusan_id]" disabled class="form-control-plaintext" value="{{$txSkpp->mst_keputusan->nama_keputusan}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_keputusan_nomor">Nomor <span class="required"></span>
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" id="txt_keputusan_nomor" name="keputusan[nomor]" disabled class="form-control-plaintext" value="{{ $txSkpp->no_pen == "" ? "-" : $txSkpp->no_pen }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_keputusan_tgl">Tanggal <span class="required"></span>
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" name="keputusan[tgl]" class="form-control-plaintext" disabled value="{{ $txSkpp->tgl_pen == "" ? "-" : SetToIndoDate($txSkpp->tgl_pen, false, true)  }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="opt_hak">Hak <span class="required"></span>
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" id="opt_hak" name="keputusan[hak_id]" disabled class="form-control-plaintext" value="{{$txSkpp->mst_hak->nama_hak == "" ? "-" : $txSkpp->mst_hak->nama_hak }}"></select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_tmt">T.M.T <span class="required"></span>
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" name="keputusan[tmt]" class="form-control-plaintext indo_date" disabled value="{{ $txSkpp->tgl_tmt == "" ? "-" : SetToIndoDate($txSkpp->tgl_tmt,false,true) }}">
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <span class="section">Hak Pensiun Pindah Tugas</span>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_nama_kantor">Nama Kantor 1
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" id="txt_nama_kantor1" name="keputusan[nama_kantor1]" disabled class="form-control-plaintext " value="{{ $txSkpp->nama_kantor1 == '' ? '-':$txSkpp->nama_kantor1 }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_nama_kantor">Nama Kantor 2
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" id="txt_nama_kantor2" name="keputusan[nama_kantor2]" disabled class="form-control-plaintext" value="{{ $txSkpp->nama_kantor2 == '' ? '-':$txSkpp->nama_kantor2 }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_wilayah_kantor">Wilayah
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <input type="text" id="txt_wilayah_kantor" name="keputusan[wilayah_kantor]" disabled class="form-control-plaintext " value="{{ $txSkpp->wilayah == '' ? '-':$txSkpp->wilayah }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-3 col-sm-3 label-align" for="txt_keterangan_kantor">Keterangan
                        </label>
                        <div class="col-md-9 col-sm-9 ">
                            <textarea id="txt_keterangan_kantor" style="padding: 0;" rows=5 name="keputusan[keterangan_kantor]" disabled class="form-control-plaintext ">{{ $txSkpp->keterangan == '' ? '-':$txSkpp->keterangan }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade p-3" id="gaji" role="tabpanel" aria-labelledby="gaji-tab">
            <div class="row">
                <div class="col-12">
                    <div class="row justify-content-center">
                        <div class="col-6">
                            <span class="section">Penerimaan Gaji Kotor</span>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_gaji_pokok">Gaji Pokok <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_gaji_pokok" name="rincian_gaji[gaji_pokok]" disabled class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->ga_pok)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_suami_istri">Tunjangan Istri/Suami <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_tunjangan_suami_istri" disabled name="rincian_gaji[tunjangan_suami_istri]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->t_issum)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_anak">Tunjangan Anak <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_tunjangan_anak" disabled name="rincian_gaji[tunjangan_anak]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->t_anak)}}" >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_lain">Tunjangan Lain-lain <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_tunjangan_lain" disabled name="rincian_gaji[tunjangan_lain]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->t_lain)}}" >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_jabatan">Tunjangan Jabatan <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_tunjangan_jabatan" disabled name="rincian_gaji[tunjangan_jabatan]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->t_jab)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_beras">Tunjangan Beras <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_tunjangan_beras" disabled name="rincian_gaji[tunjangan_beras]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->t_beras)}}" >
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_pph">Tunjangan PPH <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_tunjangan_pph" disabled name="rincian_gaji[tunjangan_pph]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->tpph)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_pembulatan">Pembulatan <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_pembulatan" disabled name="rincian_gaji[pembulatan]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->bulat)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_pembulatan">Total Gaji Kotor
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_total_gaji_kotor" disabled name="rincian_gaji[gaji_kotor]" class="form-control-plaintext text-right" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <span class="section">Potongan</span>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_beras">Potongan Beras <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_potongan_beras" disabled name="rincian_gaji[potongan_beras]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->p_beras)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_iuran_pfk">Iuran PFK <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_potongan_iuran_pfk" disabled name="rincian_gaji[potongan_iuran_pfk]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->iuran)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_pph">Potongan PPH <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_potongan_pph" disabled name="rincian_gaji[potongan_pph]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->ppph)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_lain">Lain-lain <span class="required"></span>
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_potongan_lain" disabled name="rincian_gaji[potongan_lain]" class="form-control-plaintext text-right" value="{{separateNumberIndo($txSkpp->lain_2)}}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_pembulatan">Total Potongan
                                </label>
                                <div class="col-md-9 col-sm-9 ">
                                    <input type="text" id="rincian_total_potongan" disabled name="rincian_gaji[total_potongan]" class="form-control-plaintext text-right" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 pt-3"><hr></div>
                        <div class="col-4 offset-8">
                            <div class="form-group row">
                                <label class="col-form-label col-md-6 col-sm-6 label-align" for="rincian_pembulatan">Total Gaji Bersih
                                </label>
                                <div class="col-md-6 col-sm-6 ">
                                    <input type="text" id="rincian_total_gaji_bersih" disabled name="rincian_gaji[total_gaji_bersih]" class="form-control-plaintext h3 number-separator-indo" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade p-3" id="utang" role="tabpanel" aria-labelledby="utang-tab">
            <table id="tbl_utang" class="table table-striped jambo_table" style="width:100%;">
                <thead>
                    <tr class="headings">
                        <th>No</th>
                        <th>Uraian</th>
                        <th>Jumlah</th>
                    </tr>
                </thead>
                <tbody>
                    @php 
                        if(count($txSkpp->mst_utang)>0){
                            foreach($txSkpp->mst_utang as $key=>$row_utang){
                                $no = $key+1;
                                echo "<tr>
                                        <td width=10>".$no."</td>
                                        <td>".$row_utang->uraian."</td>
                                        <td align='right'>".number_format($row_utang->jumlah)."</td>
                                    </tr>";
                            }
                        }else{
                            echo "<tr><td colspan=4 class='text-center'>Data tidak ditemukan!</td></tr>";
                        }

                    @endphp
                </tbody>
            </table>
            <div class="col-5 offset-7">
                <div class="form-group row">
                    <label class="col-form-label col-md-4 col-sm-4 label-align" for="rincian_utang_total">Jumlah Utang
                    </label>
                    <div class="col-md-8 col-sm-8 ">
                        <input type="text" id="rincian_utang_total" name="rincian_utang[total]" value={{ number_format($txSkpp->total_utang) }} class="form-control-plaintext text-right" >
                    </div>
                </div>
            </div>
            <div class="col-5 offset-7">
                <div class="form-group row">
                    <label class="col-form-label col-md-4 col-sm-4 label-align" for="rincian_utang_angsur">Jumlah Utang yang sudah diangsur
                    </label>
                    <div class="col-md-8 col-sm-8 ">
                        <input type="text" id="rincian_utang_angsur" name="rincian_utang[angsur]" value={{ number_format($txSkpp->total_utang_angsur) }} class="form-control-plaintext text-right" >
                    </div>
                </div>
            </div>
            <div class="col-5 offset-7">
                <div class="form-group row">
                    <label class="col-form-label col-md-4 col-sm-4 label-align" for="rincian_utang_angsur">Sisa Utang
                    </label>
                    <div class="col-md-8 col-sm-8 ">
                        <input type="text" id="sisa_utang" name="rincian_utang[sisa_utang]" value={{ number_format($txSkpp->total_utang_sisa) }} class="form-control-plaintext text-right">
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade p-3" id="hst" role="tabpanel" aria-labelledby="hst-tab">
            <div class="table-responsive">
                <table id="tbl_revisi" class="table table-striped jambo_table" style="width:100%;">
                    <thead>
                        <tr class="headings">
                            <th>No</th>
                            <th>Nomor SKPP</th>
                            <th>Tgl Dibuat</th>
                            <th>Gaji Pokok</th>
                            <th>Tunjangan Istri/Suami</th>
                            <th>Tunjangan Anak</th>
                            <th>Tunjangan Lain</th>
                            <th>Tunjangan Jabatan</th>
                            <th>Tunjangan Beras</th>
                            <th>Tunjangan PPH</th>
                            <th>Pembulatan</th>
                            <th>Potongan Beras</th>
                            <th>Iuran PFK</th>
                            <th>Potongan PPH</th>
                            <th>Potongan Lain</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php 
                            if(count($txSkppHst)>0){
                                foreach($txSkppHst as $key=>$row_hst){
                                    $no = $key+1;
                                    echo "<tr>
                                            <td class='text-left'>".$no."</td> 
                                            <td class='text-left'>".$row_hst->no_skpp."</td>  
                                            <td class='text-left'>".date("d/m/Y",strtotime($row_hst->created_at))."</td>  
                                            <td class='text-right'>".number_format($row_hst->ga_pok)."</td>
                                            <td class='text-right'>".number_format($row_hst->t_issum)."</td>
                                            <td class='text-right'>".number_format($row_hst->t_anak)."</td>
                                            <td class='text-right'>".number_format($row_hst->t_lain)."</td>
                                            <td class='text-right'>".number_format($row_hst->t_jab)."</td>
                                            <td class='text-right'>".number_format($row_hst->t_beras)."</td>
                                            <td class='text-right'>".number_format($row_hst->tpph)."</td>
                                            <td class='text-right'>".number_format($row_hst->bulat)."</td>
                                            <td class='text-right'>".number_format($row_hst->p_beras)."</td>
                                            <td class='text-right'>".number_format($row_hst->iuran)."</td>
                                            <td class='text-right'>".number_format($row_hst->ppph)."</td>
                                            <td class='text-right'>".number_format($row_hst->lain_2)."</td>
                                        </tr>";
                                }
                            }else{
                                echo "<tr><td colspan=15 class='text-center'>Data tidak ditemukan!</td></tr>";
                            }
                        @endphp
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('scripts2')
    <script type="text/javascript">
        $(document).ready(function(){
            calculate();
        });
    </script>
@endsection