@php
    $siteBreadcumb = [
        ["url"=>"/realisasi-pendapatan","label"=>$siteTitle],
    ];   
@endphp

@extends('layouts.empty')

@section('styles')
@endsection

@section('content')
<div class="card card-secondary">
    <div class="card-header">
        <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> {{ $sitesubTitle }}</h2>
        <div class="card-tools">
            <button class="btn btn-tool" onclick="location.href='{{ url('/realisasi-pendapatan') }}'"><i class="fa fa-arrow-left"></i>  Kembali</button>
        </div>
    </div>
    <div id="detail_realisasi_pendapatan" class="card-body">
        @include('realisasi_pendapatan.form')
    </div>
</div>
<div class="card card-secondary">
    <div class="card-header">
        <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> STS / SP2T</h2>
    </div>
    <div class="card-body">
        <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="rinci-tab" data-toggle="pill" href="#rinci-tabs" role="tab" aria-controls="custom-tabs-four-profile" aria-selected="false">Rekap</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="submit-tab" data-toggle="pill" href="#submit-tabs" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">Input STS / SP2T</a>
            </li>
        </ul>
        <div class="tab-content pt-2" id="custom-tabs-four-tabContent">
            <div class="tab-pane fade p-3" id="submit-tabs" role="tabpanel" aria-labelledby="submit-tabs">
                <form id="frmrealisasipendapatan" action="{{ $baseUrl }}/realisasi-pendapatan/{{ $realisasi_pendapatan->id }}/sts" method="POST" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group row">
                        <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_no_sts">No. STS / SP2T</label>
                        <div class="col-md-10 col-sm-10 ">
                            <input id="rkud_no_sts" name="rkud_no_sts" class="{{ (Auth::user()->can("Input STS DBH Realisasi Pendapatan"))?"form-control":"form-control-plaintext" }}" placeholder="" {{ (Auth::user()->can("Input STS DBH Realisasi Pendapatan")) ?"":"disabled" }} required></select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_tgl">Tanggal</label>
                        <div class="col-md-10 col-sm-10 ">
                            <input id="rkud_tgl" name="rkud_tgl" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_kode_akun">Kode Akun</label>
                        <div class="col-md-10 col-sm-10 ">
                            <input id="rkud_kode_akun" name="rkud_kode_akun" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-2 col-sm-2 label-align" for="rkud_nama_akun">Nama Akun</label>
                        <div class="col-md-10 col-sm-10 ">
                            <input id="rkud_nama_akun" name="rkud_nama_akun" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-2 col-sm-2 label-align" for="txt_simtrad4_bersih">Jumlah</label>
                        <div class="col-md-10 col-sm-10 ">
                            <input id="rkud_jumlah" name="rkud_jumlah" class="form-control number-separator-indo" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-md-2 col-sm-2 label-align" for="txt_simtrad4_bersih">File STS / SP2T</label>
                        <div class="col-md-10 col-sm-10 ">
                            <?php if(Auth::user()->can("Input STS DBH Realisasi Pendapatan")){ ?>
                                <input type="file" name="file_sts" required>
                            <?php } ?>
                        </div>
                    </div>
                    <?php if(Auth::user()->can("Input STS DBH Realisasi Pendapatan")){ ?>
                        <hr>
                        <div class="form-group">
                            <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i> Simpan</button>
                        </div>
                    <?php } ?>
                </form>
            </div>
            <div class="tab-pane fade p-3 active show" id="rinci-tabs" role="tabpanel" aria-labelledby="rinci-tabs">
                <table class="table table-striped table-bordered">
                    <thead>
                        <th class="text-center">No</th>
                        <th class="text-center">Tanggal</th>
                        <th class="text-center">No. STS / SP2T</th>
                        <th class="text-center">Kode Akun</th>
                        <th>Nama Akun</th>
                        <th class="text-center">Jumlah</th>
                        <th class="text-center">Sisa STS / SP2T</th>
                        <th class="text-center">File STS / SP2T</th>
                        <?php if(Auth::user()->can("Input STS DBH Realisasi Pendapatan")){ ?>
                        <th class="text-center"></th>
                        <?php } ?>
                    </thead>
                    <tbody>
                        @foreach($realisasi_pendapatan->hasSts as $key=>$rowSts)
                            <tr>
                                <td class="text-center">{{ ($key+1) }}</td>
                                <td class="text-center">{{ date("d/m/Y",strtotime($rowSts->rkud_tgl)) }}</td>
                                <td class="text-center">{{ $rowSts->rkud_no_sts }}</td>
                                <td class="text-center">{{ $rowSts->rkud_kode_akun }}</td>
                                <td>{{ $rowSts->rkud_nama_akun }}</td>
                                <td class="text-right">{{ separateNumberIndo($rowSts->rkud_jumlah) }}</td>
                                <td class="text-right">{{ separateNumberIndo($rowSts->sisa_sts) }}</td>
                                <td class="text-center"><?= "<a target='_blank' href='".URL::to("/realisasi-pendapatan/$rowSts->id_pendapatan_realisasi/download-sts")."'>".$rowSts->file_sts."</a>" ?></td>
                                <?php if(Auth::user()->can("Input STS DBH Realisasi Pendapatan")){ ?>
                                    <td class="text-center">
                                        <form class='form-delete' action='{{ $baseUrl }}/realisasi-pendapatan/sts-delete/{{ $rowSts->id }}' method='POST'>
                                            <input type='hidden' name='_token' id='csrf-token' value='{{ Session::token() }}' />
                                            <input type='hidden' name='_method' value='DELETE'>
                                            <button class="btn btn-sm btn-danger" href="#">x</button>
                                        </form>
                                    </td>
                                <?php } ?>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="loading" style="display: none;"></div>
@stop
@section('scripts2')
    @php
        $raw_string = $realisasi_pendapatan->kode_rekening_sps . '|' . $realisasi_pendapatan->nama_rekening_sps;
        // Replace all types of newlines with a single space or just remove them
        $clean_string = str_replace(array("\n", "\r", "\r\n"), ' ', $raw_string);
        // NEW: Clean the uraian string too (HIGHLY RECOMMENDED)
        $clean_uraian = str_replace(array("\n", "\r", "\r\n"), ' ', $realisasi_pendapatan->simtrad4_uraian);
        // NEW: Clean the sp2d_bun string just in case
        $clean_sp2d_bun = str_replace(array("\n", "\r", "\r\n"), ' ', $realisasi_pendapatan->simtrad4_sp2d_bun);
    @endphp                                 
    <script type="text/javascript">
        $(document).ready(function(){
            var noSts = "";
            $("#btn_save_realisasi_pendapatan").remove();
            $("#btn_cancel").remove();

            let $newOption = $("<option selected='selected'></option>")
                .val("{{ $realisasi_pendapatan->kode_rekening_sps }}")
                // Use the cleaned variable here
                .text(JSON.parse('{!! json_encode($clean_string) !!}'));

            $("#txt_rek_sps").val(JSON.parse('{!! json_encode($clean_string) !!}'));
            $("#txt_id_sps").append($newOption).trigger('change');
            $("#txt_ta").val("{{ $realisasi_pendapatan->tahun }}");
            // Apply the json_encode fix to any potentially multi-line/special character string:
            $("#txt_simtrad4_uraian").val(JSON.parse('{!! json_encode($clean_uraian) !!}'));
            $("#txt_simtrad4_sp2d_bun").val(JSON.parse('{!! json_encode($clean_sp2d_bun) !!}'));
            $("#txt_simtrad4_tgl_sp2d_bun").val("{{ date('d/m/Y',strtotime($realisasi_pendapatan->simtrad4_tgl_sp2d_bun)) }}");
            $("#txt_simtrad4_kotor").val("{{ separateNumberIndo($realisasi_pendapatan->simtrad4_kotor) }}");
            $("#txt_simtrad4_potongan").val("{{ separateNumberIndo($realisasi_pendapatan->simtrad4_potongan) }}");
            $("#txt_simtrad4_bersih").val("{{ separateNumberIndo($realisasi_pendapatan->simtrad4_bersih) }}");
            $("#txt_retur").val("{{ separateNumberIndo($realisasi_pendapatan->retur) }}");
            $("#txt_bersih").val("{{ separateNumberIndo($realisasi_pendapatan->bersih) }}");
            $("#tw").val("{{ $realisasi_pendapatan->tw }}");
            $("#bulan").val("{{ $realisasi_pendapatan->bulan }}");
            $("#gelombang").val("{{ $realisasi_pendapatan->gelombang }}");
            $("#potongan_pph").val("{{ separateNumberIndo($realisasi_pendapatan->potongan_pph) }}");
            $("#potongan_jkn").val("{{ separateNumberIndo($realisasi_pendapatan->potongan_jkn) }}");
            showRinciDBH("{{ $realisasi_pendapatan->kode_rekening_sps }}");

            let validasi = ()=>{

                if ($("#rkud_tgl").val() == ""){
                    Swal.fire("Data STS belum lengkap !", '', 'error');
                    return false;
                } 

                let tamsilTPG = ["{{ implode('","',getAkunTamsilTpg()) }}"];
                if (tamsilTPG.includes($("#rkud_kode_akun").val()) == false) {
                    if ($("#rkud_jumlah").val()!=$("#txt_simtrad4_bersih").val()){
                        Swal.fire("Jumlah pada STS harus sama dengan Rencana !", '', 'error');
                        return false;
                    }
                }

                return true;
            }

            getSTS = () =>{
                if ($("#rkud_no_sts").val()==""){
                    Swal.fire("Harap isi nomor STS!", '', 'error');
                    return false;
                }else{
                    $(".loading").show();
                    let stat = false;
                    $.ajax({
                        url: '{{ $baseUrl }}/item-search-sts?no_skprd='+$("#rkud_no_sts").val()+'&kode_akun='+$("#txt_id_sps").val(),
                        dataType: 'json',
                        async: false,
                        success: function (data) {
                            if (Object.keys(data).length == 0){
                                Swal.fire("Data STS tidak ditemukan, Atau sudah digunakan", '', 'error');
                                $("#rkud_tgl").val(""); 
                                $("#rkud_kode_akun").val("");
                                $("#rkud_nama_akun").val("");
                                $("#rkud_jumlah").val("");
                            }else{
                                $("#rkud_tgl").val(data.tgl_validasi); 
                                $("#rkud_kode_akun").val(data.kode_bas);
                                $("#rkud_nama_akun").val(data.n_akun);
                                $("#rkud_jumlah").val(data.nilai_bayar);
                            }
                            stat = true;
                        },
                        complete: function(){
                            $('.loading').hide();
                        }
                    });
                    return stat;
                }
            }

            $("#rkud_no_sts").on("keypress", function(e){
                if (e.keyCode == 13){
                    e.preventDefault();
                    getSTS();
                }
            });

            $("#rkud_no_sts").on("blur", function(e){
                if (noSts!=$(this).val()){
                    getSTS();
                    noSts=$(this).val();
                }
            });

            $("#frmrealisasipendapatan").on("submit",function(e){
                e.preventDefault();
                Swal.fire({
                    title: 'Data akan disimpan?',
                    showDenyButton: true,
                    showCancelButton: false,
                    confirmButtonText: 'Ya',
                    denyButtonText: "Tidak",
                    icon: "warning",
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (validasi()){
                            return e.currentTarget.submit();
                        }
                    }
                })
            });

            // $(".form-control-plaintext").removeClass().addClass("form-control");
            // $("#detail_realisasi_pendapatan input, #detail_realisasi_pendapatan select, #detail_realisasi_pendapatan textarea").addClass("form-control");
            $("#detail_realisasi_pendapatan .form-control").removeClass();
            $("#detail_realisasi_pendapatan input, #detail_realisasi_pendapatan select, #detail_realisasi_pendapatan textarea").addClass("form-control-plaintext");
            $("#detail_realisasi_pendapatan input, #detail_realisasi_pendapatan select, #detail_realisasi_pendapatan textarea").attr("disabled", true);
            $("span.select2").hide();
        });
    </script>
@endsection