@extends('layouts.authorized')
@inject('constant', '\App\Util\Constant')
@section('title', 'Daftar Pembiayaan Produktif')

@section('headerCustom')
    @php
        $title = 'Daftar Pembiayaan Produktif';
    @endphp
@endsection

@section('cssCustom')
    <style>
        /* .simulasi-percepatan .modal-body .row div:nth-last-child(4){
                    display: flex;
                }

                .simulasi-percepatan .modal-body .row div:nth-last-child(4) p{
                    padding-left: 2rem;
                } */

        .app-container .nav-tabs {
            overflow-x: scroll;
        }

        .simulasi-percepatan .modal-body .row .col-md-4::after {
            content: ":";
            position: absolute;
            right: 0;
            top: 0;
        }
    </style>
@endsection

@section('content')
    <div class="row">
        <div class="col-xs-12">
            <ul id="listOrderStatus" class="nav nav-tabs">
                <li @if ($status == 'ALL') class="active" @endif>
                    <a href="{{ route('admin.restructureinvoices') }}">
                        Semua
                    </a>
                </li>
                @foreach ($constant::INVOICE_STATUS_VERIFICATION_APPROVAL_LABELS as $key => $label)
                    @continue($key === $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CEO || $key === $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_SCF)
                    @if ($key === $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CMO)
                        <li @if ($roleApprovalVerification === 'COMMITTEE') class="active" @endif>
                            <a
                                href="{{ route('admin.restructureinvoices', ['status' => 'VERIFICATION', 'role' => 'COMMITTEE']) }}">
                                Persetujuan Komite
                            </a>
                        </li>
                    @else
                        <li @if ($roleApprovalVerification === $key) class="active" @endif>
                            <a href="{{ route('admin.restructureinvoices', ['status' => 'VERIFICATION', 'role' => $key]) }}">
                                {{ $label }}
                            </a>
                        </li>
                    @endif
                @endforeach
                @foreach ($constant::INVOICE_STATUS_LABELS_CMS as $key => $label)
                    @continue($key === $constant::INVOICE_STATUS_VERIFICATION || $key === $constant::INVOICE_STATUS_APPROVED || $key === $constant::INVOICE_STATUS_CONFIRMED || $key === $constant::INVOICE_STATUS_RESTRUCTURED || $key === $constant::INVOICE_STATUS_REJECTED || $key === $constant::INVOICE_STATUS_CANCELLED || $key === $constant::INVOICE_STATUS_CANCELLED_SUBMISSION)
                    <li @if ($status === $key) class="active" @endif>
                        <a href="{{ route('admin.restructureinvoices', ['status' => $key]) }}">
                            {{ $label }}
                        </a>
                    </li>
                @endforeach
            </ul>
            <div class="card">
                <div class="card-header card-header-add ">
                    <span>{{ $title }}</span>
                </div>
                <div class="row" style="padding-top: 15px;">
                    <div class="col-md-12">
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <select name="payor" class="form-control" style="width: 100%" onchange="refreshDataTable()">
                                <option value="">Semua Payor</option>
                                @foreach ($payors as $payor)
                                    <option value="{{ $payor->payorName }}">{{ $payor->payorName }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <select name="risk" class="form-control" style="width: 100%" onchange="refreshDataTable()">
                                <option value="">Semua Risiko</option>
                                @foreach (GetRiskRatings() as $value)
                                    <option value="{{ $value }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <select name="statusPayment" class="form-control" style="width: 100%"
                                onchange="refreshDataTable()">
                                <option value="">Semua Status Payment</option>
                                @foreach ($constant::INVOICE_PAYMENT_STATUS_LABLES as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <select name="statusRepayment" class="form-control" style="width: 100%"
                                onchange="refreshDataTable()">
                                <option value="">Semua Status Repayment</option>
                                @foreach ($constant::INVOICE_REPAYMENT_STATUS_LABLES as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row" style="padding-top: 15px;">
                    <div class="col-md-12">
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <label>Tgl. Pengajuan</label>
                            <div class="input-group input-date-range">
                                <input name="dateFrom" type="text" class="datepickerinput custom-date-range form-control"
                                    value="{{ Carbon::now()->subMonths(1)->format('d M Y') }}">
                                <span class="input-group-addon">To</span>
                                <input name="dateTo" type="text" class="datepickerinput custom-date-range form-control"
                                    value="{{ Carbon::now()->format('d M Y') }}">
                            </div>
                        </div>
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <label>Tgl. Jatuh Tempo</label>
                            <div class="input-group input-date-range">
                                <input name="dueDateFrom" type="text"
                                    class="datepickerinput custom-date-range form-control" value="">
                                <span class="input-group-addon">To</span>
                                <input name="dueDateTo" type="text"
                                    class="datepickerinput custom-date-range form-control" value="">
                            </div>
                        </div>
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <label>Tgl. Berjalan</label>
                            <div class="input-group input-date-range">
                                <input name="confirmDateFrom" type="text"
                                    class="datepickerinput custom-date-range form-control" value="">
                                <span class="input-group-addon">To</span>
                                <input name="confirmDateTo" type="text"
                                    class="datepickerinput custom-date-range form-control" value="">
                            </div>
                        </div>
                    </div>
                </div>
                @tableconfig
                <div class="card-body no-padding table-responsive">
                    @tableajax(route('admin.restructureinvoicesData', ['status' => $status, 'role' => $roleApprovalVerification]))
                        <thead>
                            <tr>
                                <th data-column-name="invoiceNumber">No.</th>
                                <th data-column-name="parentInvoiceNumber">Ref Invoice</th>
                                <th data-column-name="loanType">Tipe Pembiayaan</th>
                                <th data-column-name="createdAt">Tgl. Pengajuan</th>
                                <th data-column-name="activeAt">Tgl. Penyaluran</th>
                                <th data-column-name="emailDueDate">Tgl. Jatuh Tempo</th>
                                <th data-column-name="businessName">Borrower</th>
                                <th data-column-name="relationshipManager">Relationship Manager</th>
                                <th data-column-name="invoiceValue">Nilai Invoice</th>
                                <th data-column-name="submissionValue">Nilai Pembiayaan</th>
                                <th data-column-name="fundingValue">Nilai Pembiayaan</th>
                                <th data-column-name="usageValue">Nilai Pemakaian</th>
                                <th data-column-name="outstandingValue">Nilai Outstanding</th>
                                <th data-column-name="payorName">Payor</th>
                                <th data-column-name="period">Tenor</th>
                                <th data-column-name="marginRate">Ujroh</th>
                                <th data-column-name="rating">Grade</th>
                                <th data-column-name="status">Status Pembiayaan</th>
                                <th data-column-name="statusPayment">Status Payment</th>
                                <th data-column-name="statusRepayment">Status Repayment</th>
                                <th data-column-name="repaymentDate">Tgl. Repayment</th>
                                <th data-column-name="id" data-sortable="false">Aksi</th>
                                @if ($status == $constant::INVOICE_STATUS_ACTIVE)
                                    <th data-column-name="outstandingDay">Hari Berjalan</th>
                                    <th data-column-name="dailyMarginAmounts">Total Ujroh Harian</th>
                                    <th data-column-name="loanTotal">Total Pengembalian</th>
                                    <th data-column-name="simulationData">Simulasi Percepatan</th>
                                @endif
                            </tr>
                        </thead>
                    @endtableajax
                </div>
            </div>
        </div>
    </div>

    <div id="modal-hitung-simulasi" class="modal fade" tabindex="-1" role="dialog"
        aria-labelledby="modal-hitung-simulasi-title" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content simulasi-percepatan">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h5 class="modal-title text-primary" id="modal-hitung-simulasi-title"><b>Simulasi Percepatan</b></h5>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <input type="hidden" name="simulasi-data">
                        <div class="col-md-4">
                            <b>
                                <p>Nilai pokok pembiayaan</p>
                            </b>
                        </div>
                        <div class="col-md-8">
                            <p>Rp. <span id="fund-val">0</span></p>
                        </div>
                        <div class="col-md-4">
                            <b>
                                <p>Total ujroh harian</p>
                            </b>
                        </div>
                        <div class="col-md-8">
                            <p>Rp. <span id="feeday-val">0</span></p>
                        </div>
                        <div class="col-md-4">
                            <b>
                                <p>Tanggal pinjaman berjalan</p>
                            </b>
                        </div>
                        <div class="col-md-8">
                            <p><span id="invoice-activeAt">-</span></p>
                        </div>
                        <div class="col-md-4">
                            <b>
                                <p>Tanggal dipercepat</p>
                            </b>
                        </div>
                        <div class="col-md-8">
                            <div class="input-group date datepickerinput expedited-date-head">
                                <input name="percepatDate" type="text"
                                    class="datepickerinput expedited-date form-control" data-date-format="YYYY-MM-DD">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                            <small id="warning-text" class="text text-sm text-danger"></small>
                            <p class="mb-0"><b><span id="accelerated-day">0</span> Hari dipercepat</b></p>
                        </div>
                        <div class="col-md-4">
                            <b>
                                <p>Hasil simulasi</p>
                            </b>
                        </div>
                        <div class="col-md-8 mt-2">
                            <b>
                                <p>Rp. <span id="simulation-val">0</span></p><b>
                        </div>
                        <div class="col-12 mt-3 text-right">
                            <a id="download-simulasi" class="btn btn-danger">Download PDF <i class="fa fa-file-pdf-o"
                                    aria-hidden="true"></i> </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-offered" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <form method="POST">
                <input type="hidden" name="offered">
                <div class="modal-content">
                    <div class="modal-header p-15">
                        <h4 class="modal-title">Pendanaan</h4>
                    </div>
                    <div class="modal-body p-15 text-center">
                        <div class="row">
                            <div class="col-md-12">
                                <b>
                                    <p>Nilai Pendanaan</p>
                                </b>
                            </div>
                            <div class="col-md-12 pb-10" style="border-bottom:1px solid rgb(234, 234, 234);">
                                <div id="investorNameId" class="col-md-1"></div>
                                <div id="investorNameList" class="col-md-5"></div>
                                <div id="investorAmountList" class="col-md-6"></div>
                                {{-- <p>Sisa Pendanaan : <span id="rest-payment"></span> <b id="rest-payment-text">Rp. 0</b></p> --}}
                                {{-- <p>Total Pendanaan : <span id="total-payment"></span> <b id="total-payment-text">Rp. 0</b></p> --}}
                                {{-- <input class="form-control text-center autonumeric" type="text" value="0" name="amount" required>
                                <small class="text-warning">Masukkan jumlah nilai minimal Rp <span id="min-val"></span>, maksimal Rp <span id="max-val"></span></small>
                                <br><br><br> --}}
                                {{-- <p>Sisa Pendanaan : <span id="rest-payment"></span> <b id="rest-percentage-text"></b></p>
                                <div class="progress">
                                    <div class="progress-bar" id="fund-percentage" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div> --}}
                                <small class="text-success" id="fundDone">Sudah Dilakukan Pendanaan</small>
                            </div>
                            <div id='methodPaymentGroup'>
                                <div class="col-md-12 mt-10 text-left">
                                    <b>
                                        <p>Metode Pendanaan</p>
                                    </b>
                                </div>
                                <div class="col-md-12 text-left">
                                    <input type="radio" name="methodPayment"
                                        value="{{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_RDI_DANAMON }}"
                                        id="method-payment-rdl" required />
                                    {{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_LABELS[$constant::INVOICE_PAYMENT_METHOD_PAYMENT_RDI_DANAMON] }}
                                    @if (empty($rdlDanamon))
                                        (Gunakan metode pembayaran RDL Danamon untuk kemudahan transkasi, daftar <a
                                            href="{{ route('lender.rdlDanamon') }}">disini</a>)
                                    @else
                                        <span id="rdl-balance"><b>(Balance : Rp
                                                {{ getPriceNumber($rdlDanamon->amount) }})</b></span>
                                    @endif
                                </div>
                                <div class="col-md-12 text-left">
                                    <input type="radio" name="methodPayment"
                                        value="{{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_VA_BNI }}"
                                        id="method-payment-va" />
                                    {{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_LABELS[$constant::INVOICE_PAYMENT_METHOD_PAYMENT_VA_BNI] }}
                                </div>
                                <div class="col-md-12 text-left">
                                    <input type="radio" name="methodPayment"
                                        value="{{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_MANUAL }}"
                                        id="method-payment-manual" />
                                    {{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_LABELS[$constant::INVOICE_PAYMENT_METHOD_PAYMENT_MANUAL] }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <button id="btnFund" class="btn btn-primary btnSubmit" type="submit">
                            Lakukan Pendanaan
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('jsCustom')
    <script>
        var detailUrl = '{!! route('admin.restructureinvoice', ['id' => '']) !!}';

        function customStyle() {
            return (row, data, dataIndex) => {
                if (parseInt(data[10].replaceAll('.', '')) >= 2000000000) {
                    $(row).addClass("bg-danger");
                }

                // console.log(data[20]);
                // if (data[3] !== 'Edited') {

                // }
            }
        }

        function customColumns() {
            return {
                21: function(data, type, row, meta) {
                    var html = '';
                    html += '<a href="' + detailUrl + '/' + data + '">';
                    html += '    <button type="button" class="btn btn-default btn-xs"> Detail</button>';
                    html += '</a>&nbsp;';
                    @if ($status == $constant::INVOICE_STATUS_OFFERED)
                        html +=
                            '<button class="btn btn-xs btn-success funds" type="button" data-toggle="modal" data-target="#modal-offered" data-ranges="' +
                            data + '">Danai</button>';
                    @endif
                    @if ($status == $constant::INVOICE_STATUS_REJECTED)
                        html +=
                            '<button type="button" class="btn btn-default btn-xs delete-button-modal" data-toggle="modal" data-target="#modal-delete-alert" data-url="{{ route('admin.restructureinvoice.delete', ['id' => '']) }}' +
                            '/' + data + '"> Hapus</button>';
                    @endif
                    return html;
                },
                25: function(data, type, row, meta) {
                    var html = '';
                    html +=
                        "<button class='btn btn-sm btn-primary simulation' type='button' data-toggle='modal' data-target='#modal-hitung-simulasi' data-simulasi='" +
                        data + "'>";
                    html += "Hitung Simulasi";
                    html += "</button>";

                    return html;
                }
            }
        }

        $(document).ready(function() {
            $('.custom-date-range').on('dp.change', function() {
                refreshDataTable();
            });

            $("table tbody").on("click", 'td button.simulation', function() {
                var data = $(this).data("simulasi");
                var fundingValue = parseInt(data['fundingVal'].replaceAll('.', ''));
                // set value modal
                $('[name=simulasi-data]').val(JSON.stringify(data));
                $('#fund-val').text(data['fundingVal']);
                $('#invoice-activeAt').text(data['activeAtFormatted']);
                $("#download-simulasi").addClass("disabled");
            });

            $("table tbody").on("click", 'td button.funds', function() {
                let data = $(this).data("ranges");
                let url = "{{ route('admin.restructureinvoice.submitPayment') }}/" + data;

                $('#modal-offered form').find('#investorNameId').empty();
                $('#modal-offered form').find('#investorNameList').empty();
                $('#modal-offered form').find('#investorAmountList').empty();

                let checkPayment = getCheckRestructureInvoicePayment(data);
                if (checkPayment == 0) {
                    $('#btnFund').removeAttr("disabled");
                    $('#methodPaymentGroup').show();
                    $('#fundDone').hide();
                    setInvoiceInvestorList(data);
                } else {
                    $('#btnFund').attr("disabled", true);
                    $('#methodPaymentGroup').hide();
                    $('#fundDone').show();
                }
                // console.log(data);
                // let rdlBalance  = `{{ isset($rdlDanamon->amount) ? $rdlDanamon->amount : 0 }}`;
                // let minVal      = data['minVal'];
                // let maxVal      = data['maxVal'];

                // // set value modal
                // $('#min-val').text(minVal);
                // $('#max-val').text(maxVal);
                $('#modal-offered form').attr("action", url);
                // $('#imagemodal').on('shown.bs.modal', function() {
                // $('#modal-offered form').find('.modal-body').append('<p>append some html here</p>');
                // });

                // minVal = minVal.replace(/\./g, '');
                // if (parseInt(rdlBalance) >= parseInt(minVal)) {
                //     $("#rdl-balance").addClass("text-success");
                //     $("#method-payment-rdl").prop('checked', true);
                // } else {
                //     $("#rdl-balance").addClass("text-danger");
                //     $("#method-payment-va").prop('checked', true);
                //     $("#method-payment-rdl").prop('disabled', true);
                // }
            });

            $("#modal-hitung-simulasi").on("hide.bs.modal", function() {
                $('.expedited-date').data("DateTimePicker").clear();
                $('#fund-val').text(0);
                $('#invoice-activeAt').text('-');
                $('#accelerated-day').text(0);
                $('#feeday-val').text(0);
                $('#simulation-val').text(0);
                $("#warning-text").text("");
                $("#download-simulasi").removeAttr("href");
            });

            $('.expedited-date-head').on('dp.change', function() {
                var data = JSON.parse($('[name=simulasi-data]').val());

                var expeditedDate = new Date($('.expedited-date').val());
                var dueDate = new Date(data['dueDate']);
                var invoiceActiveAt = new Date(data['activeAt']);
                var dailyMarginRate = parseFloat(data['dailyMargin']);
                var fundingValue = parseInt(data['fundingVal'].replaceAll('.', ''));

                if ((expeditedDate >= invoiceActiveAt) && (expeditedDate <= dueDate)) {
                    var url =
                        "{{ route('admin.restructureinvoice.percepatanPelunasan', ['id' => '', 'dates' => '']) }}/" +
                        data['id'] + "/" + $('.expedited-date').val();
                    var dateDiff = expeditedDate.getTime() - invoiceActiveAt.getTime();
                    dateDiff = dateDiff / (1000 * 3600 * 24);
                    var printDateDiff = dateDiff;
                    if (dateDiff == 0) {
                        dateDiff = 1;
                    }
                    var dailyMarginAmount = dailyMarginRate * dateDiff * fundingValue;
                    $('#accelerated-day').text(printDateDiff);
                    $('#feeday-val').text(format(dailyMarginAmount));
                    $('#simulation-val').text(format(dailyMarginAmount + fundingValue));
                    $("#warning-text").text("");
                    $("#download-simulasi").removeClass("disabled");
                    $("#download-simulasi").attr("href", url);
                } else if (expeditedDate < invoiceActiveAt) {
                    $("#warning-text").text("Tanggal percepatan kurang dari tanggal berjalan invoice !");
                    $('#accelerated-day').text(0);
                    $('#feeday-val').text(0);
                    $('#simulation-val').text(0);
                    $("#download-simulasi").addClass("disabled");
                    $("#download-simulasi").removeAttr("href");
                } else if (expeditedDate > dueDate) {
                    $("#warning-text").text("Tanggal percepatan lebih dari tanggal jatuh tempo invoice !");
                    $('#accelerated-day').text(0);
                    $('#feeday-val').text(0);
                    $('#simulation-val').text(0);
                    $("#download-simulasi").addClass("disabled");
                    $("#download-simulasi").removeAttr("href");
                }

            });
        });

        function setApprovalVerificationStatus(id, statusApproval, titleModal, dialogModal) {
            let url = `{{ route('productive.lender.invoice.save') }}/${id}`;
            $('[name="approvalVerfication"]').val(statusApproval);
            $('.modal-title-approval').text(titleModal);
            $('#modal-dialog-approval').text(dialogModal);
            $('#modal-approval-verification form').attr("action", url);
        };

        function customFilter(filter) {
            filter.payor = $('[name=payor]').val();
            filter.risk = $('[name=risk]').val();
            filter.statusRepayment = $('[name=statusRepayment]').val();
            filter.statusPayment = $('[name=statusPayment]').val();
            filter.dateFrom = $('[name=dateFrom]').val();
            filter.dateTo = $('[name=dateTo]').val();
            filter.dueDateFrom = $('[name=dueDateFrom]').val();
            filter.dueDateTo = $('[name=dueDateTo]').val();
            filter.confirmDateFrom = $('[name=confirmDateFrom]').val();
            filter.confirmDateTo = $('[name=confirmDateTo]').val();
            return filter;
        }

        function refreshDataTable() {
            dataTableList[0].clear().draw();
        }

        function getCheckRestructureInvoicePayment(invoiceId) {
            var invoicePayment = '';
            $.ajax({
                method: 'POST',
                url: "{{ route('admin.restructureinvoicePaymentsCheck', ['invoiceId' => '']) }}/" + invoiceId,
                contentType: "application/json",
                dataType: "json",
                data: {
                    invoiceId: invoiceId
                },
                async: false,
                success: function(successData) {
                    invoicePayment = successData;
                }
            });
            // console.log(invoicePayment);
            return invoicePayment;
        }

        function getInvoiceInvestorList(invoiceId) {
            var investorList = '';
            $.ajax({
                method: 'POST',
                url: "{{ route('admin.investor.ajaxRestructureInvoiceInvestorList', ['invoiceId' => '']) }}/" +
                    invoiceId,
                contentType: "application/json",
                dataType: "json",
                data: {
                    invoiceId: invoiceId
                },
                async: false,
                success: function(successData) {
                    investorList = successData;
                }
            });
            return investorList;
        }

        function setInvoiceInvestorList(invoiceId) {
            var investorList = getInvoiceInvestorList(invoiceId);

            let htmlinvestorid = '';
            let htmlinvestorname = '';
            let htmlamount = '';

            investorList.forEach(function(data) {
                htmlinvestorid += '<input type="hidden" class="form-control" name="investorId[]" value="' + data
                    .id + '" readonly>';
                htmlinvestorname += '<input type="text" class="form-control" name="investorName[]" value="' + data
                    .name + '" readonly>';
                htmlamount += '<input type="text" class="form-control" id="amount' + data.id +
                    '" name="amount[]" onkeyup="formatRupiah(this)" value="">';
            })

            $('#modal-offered form').find('#investorNameId').empty().append(htmlinvestorid);
            $('#modal-offered form').find('#investorNameList').empty().append(htmlinvestorname);
            $('#modal-offered form').find('#investorAmountList').empty().append(htmlamount);
        }

        function formatRupiah(angka) {
            var number_string = angka.value.replace(/[^,\d]/g, "").toString(),
                split = number_string.split(","),
                sisa = split[0].length % 3,
                rupiah = split[0].substr(0, sisa),
                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;
            let x = document.getElementById(angka.id);
            x.value = rupiah;
            // return prefix == undefined ? rupiah : rupiah ? "Rp. " + rupiah : "";
        }
    </script>
@endsection