@extends('layouts.authorized', ['isVue' => true])
@inject('constant', '\App\Util\Constant')
@section('title', 'Detil Invoice #' . $model->id)
@section('headerCustom')
    @php
        $id = 0;
        if (!empty($model->getKey())) {
            $id = $model->getKey();
        }
        $formUrl = $model->getUrlDetails(['id' => $id]);
        $cancelUrl = $model->getUrlIndex();
        $language = '';
        $title = 'Detail Pembiayaan Invoice';
    @endphp
@endsection

@section('cssCustom')
    <style>
        .datepicker-days table.table-condensed thead tr th,
        .datepicker-days table.table-condensed tbody tr td {
            padding: 5px !important;
        }

        .border {
            border: 1px solid rgba(0, 0, 0, 0.1);
            margin-left: 15px;
            padding: 20px;
        }

        .border-top {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }

        #daftar-lender table {
            width: 100% !important;
        }

        .reject-reason-template {
            font-size: 12px;
            padding-left: 20px;
            text-align: left;
        }

        #map {
            height: 500px;
            width: 100%;
        }

        #map2 {
            height: 500px;
            width: 100%;
        }

        .tenor-type {
            margin-top: -5px;
            margin-bottom: 5px;
        }

        .tenor-type-label {
            margin-top: -5px;
        }

        /* .bg-primary {
            color:
        } */
    </style>
@endsection

@section('content')
    @include('cms.form.errorbox')
    <form action="{{ route('admin.restructureinvoice.save', $model->id) }}" class="form-horizontal" method="POST"
        enctype="multipart/form-data" id="formMain">

        @if ($model->status === $constant::INVOICE_STATUS_VERIFICATION)
            <input type="hidden" name="status" value="">
            <input type="hidden" name="remarks" value="">
        @endif
        <div class="col-md-12">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        {{ $model->invoiceNumber }}
                        <span class="pull-right">
                            <span
                                class="badge badge-primary">{{ $model->status == Constant::INVOICE_STATUS_VERIFICATION ? @$constant::INVOICE_STATUS_VERIFICATION_APPROVAL_LABELS[$model->approvalVerfication] : @$constant::INVOICE_STATUS_LABELS[$model->status] }}</span>
                            <span
                                class="badge badge-warning ml-5">{{ @$constant::INVOICE_PAYMENT_STATUS_LABLES[$model->statusPayment] }}</span>
                            <span
                                class="badge badge-success ml-5">{{ @$constant::INVOICE_REPAYMENT_STATUS_LABLES[$model->statusRepayment] }}</span>
                        </span>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">Tanggal Pengajuan</div>
                                <div class="col-md-8">: {{ \Carbon::parse($model->createdAt)->format('d/m/y') }}</div>
                            </div>
                            @if ($model->status !== $constant::INVOICE_STATUS_VERIFICATION)
                                <div class="col-md-12">
                                    <div class="col-md-4">Pengajuan Disetujui</div>
                                    <div class="col-md-8">: {{ \Carbon::parse($model->approvedAt)->format('d/m/y') }}</div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Penawaran Ditutup</div>
                                    <div class="col-md-8">: {{ \Carbon::parse($model->offerClosedAt)->format('d/m/y') }}
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Pembiayaan Aktif</div>
                                    <div class="col-md-8">:
                                        {{ !empty($model->activeAt) ? \Carbon::parse($model->activeAt)->format('d/m/y') : '-' }}
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Pembiayaan Jatuh Tempo</div>
                                    <div class="col-md-8">:
                                        @php
                                            $dueDate = \Carbon::parse($model->dueDate)->startOfDay();
                                            $dateNow = \Carbon::parse('today')->startOfDay();
                                        @endphp
                                        {{ !empty($model->dueDate) ? \Carbon::parse($model->dueDate)->format('d/m/y') : '-' }}
                                        @if ($model->status == 'ACTIVE' && (!empty($model->dueDate) && $dateNow->greaterThan($dueDate)))
                                            <span class="text-danger">Terlambat {{ $dateNow->diffIndays($dueDate) }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Tanggal Repayment</div>
                                    <div class="col-md-8">:
                                        {{ !empty($model->repaymentDate) ? \Carbon::parse($model->repaymentDate)->format('d/m/y') : '-' }}
                                    </div>
                                </div>
                                @if ($model->status === Constant::INVOICE_STATUS_CANCELLED)
                                    <div class="col-md-12">
                                        <div class="col-md-4">Tanggal Pembatalan</div>
                                        <div class="col-md-8">:
                                            {{ !empty($model->cancelledAt) ? \Carbon::parse($model->cancelledAt)->format('d/m/y') : '-' }}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Alasan Pembatalan</div>
                                        <div class="col-md-8">: {{ $model->remark }}</div>
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        Detail Borrower
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">ID</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->id }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Tipe Pembiayaan</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-7 pl-0">
                                    <select class="form-control" name="loanType">
                                        <option value="{{ $constant::INVOICE_LOAN_TYPE_INVOICE_FINANCING }}"
                                            {{ $model->loanType == $constant::INVOICE_LOAN_TYPE_INVOICE_FINANCING ? 'selected' : '' }}>
                                            {{ $constant::INVOICE_LOAN_TYPE_LABELS[$constant::INVOICE_LOAN_TYPE_INVOICE_FINANCING] }}
                                        </option>
                                        <option value="{{ $constant::INVOICE_LOAN_TYPE_PO_FINANCING }}"
                                            {{ $model->loanType == $constant::INVOICE_LOAN_TYPE_PO_FINANCING ? 'selected' : '' }}>
                                            {{ $constant::INVOICE_LOAN_TYPE_LABELS[$constant::INVOICE_LOAN_TYPE_PO_FINANCING] }}
                                        </option>
                                        @if (!empty($borrower->creditApplicationBusiness->scfId))
                                            <option value="{{ $constant::INVOICE_LOAN_TYPE_SCF }}"
                                                {{ $model->loanType == $constant::INVOICE_LOAN_TYPE_SCF ? 'selected' : '' }}>
                                                {{ $constant::INVOICE_LOAN_TYPE_LABELS[$constant::INVOICE_LOAN_TYPE_SCF] }}
                                            </option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Tipe Borrower</div>
                                <div class="col-md-8">: {{ $constant::CREDIT_APPLICATION_TYPE_LABELS[$borrower->type] }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Tipe Pembiayaan</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-7 pl-0">
                                    <select class="form-control" name="creditType">
                                        <option value="COMPANY"
                                            {{ $borrower->creditType == $constant::CREDIT_APPLICATION_CREDIT_TYPE_COMPANY ? 'selected' : '' }}>
                                            Perusahaan</option>
                                        <option value="INDIVIDUAL"
                                            {{ $borrower->creditType == $constant::CREDIT_APPLICATION_CREDIT_TYPE_INDIVIDUAL ? 'selected' : '' }}>
                                            Individual</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nomor Kontrak</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-7 pl-0">
                                    <input class="form-control" type="text" name="contractNumber"
                                        value="{{ $model->contractNumber }}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Tanggal Kontrak</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-7 pl-0">
                                    <div class="input-group date datepickerinput">
                                        <input type="text" class="form-control" id="contractDate" name="contractDate"
                                            data-date-format="YYYY-MM-DD"
                                            value="{{ empty($model->contractDate) ? '' : $model->contractDate }}">
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 mb-10">
                                <hr>
                                <strong>Informasi Pribadi</strong>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nama</div>
                                <div class="col-md-8">: {{ $borrower->fullName }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">No. HP</div>
                                <div class="col-md-8">: {{ $borrower->mobilePhone }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Email</div>
                                <div class="col-md-8">: {{ $borrower->email }}</div>
                            </div>
                            {{--  <div class="col-md-12">
                                <div class="col-md-4">Grade</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->rating }}</div>
                            </div> --}}
                            <div class="col-md-12">
                                <div class="col-md-4">Pricing Ujroh (%)</div>
                                <div class="col-md-8">:
                                    {{ number_format($borrower->creditApplicationBusiness->marginRate, 2, ',', '.') }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">PPh 23 (%)</div>
                                <div class="col-md-8">: {{ number_format($model->pph23Rate, 2, ',', '.') }}</div>
                            </div>
                            @if (!empty($scf))
                                <div class="col-md-12">
                                    <div class="col-md-4">Nama Partner SCF</div>
                                    <div class="col-md-8">: {{ $scf->name }}</div>
                                </div>
                            @endif
                            <div class="col-md-12 mb-10">
                                <hr>
                                <strong>Informasi Badan Usaha</strong>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nama Badan Usaha</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->businessName }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nama Pemilik Rekening</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->bankAccountOwner }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nomor Rekening</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->bankAccountNumber }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nama Bank</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->bankName }}</div>
                            </div>
                            <div class="col-md-12">
                                <hr>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nama Pemilik Rekening</div>
                                <div class="col-md-8">
                                    <input type="text" id="bank-account-name" name="bank_account_name"
                                        value="{{ $borrower->creditApplicationBusiness->bankAccountName }}"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Pilih Nama Bank</div>
                                <div class="col-md-8">
                                    <select class="form-control" id="selected-custom-field" name="bank_name" required>
                                        <option selected disabled>--pilih--</option>
                                        @foreach ($bank as $value)
                                            <option value="{{ $value->code . '=' . $value->name }}"
                                                {{ $value->code . '=' . $value->name == $borrower->creditApplicationBusiness->bankBicCodeFundTransfer . '=' . $borrower->creditApplicationBusiness->bankNameFundTransfer ? 'selected' : '' }}>
                                                {{ $value->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 mb-10">
                                <hr>
                                <strong>Informasi Pengecekan Akun Bank</strong>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Status</div>
                                <div class="col-md-8">:
                                    <span
                                        class="badge badge-{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_CLASS[$borrower->creditApplicationBusiness->resBankStatus] }}">{{ Constant::CHECK_ACCOUNT_STATUS_LABELS[$borrower->creditApplicationBusiness->resBankStatus] }}</span>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Nama Pemilik Rekening</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->resBankAccountOwner }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Deskripsi</div>
                                <div class="col-md-8">: {{ $borrower->creditApplicationBusiness->resDescriptionStatus }}
                                </div>
                            </div>
                        </div>

                    </div>
                    <input type="hidden" id="checkAccountUrl"
                        value="{{ route('admin.restructureinvoice.checkAccount', ['invoiceId' => $model->id]) }}">
                    <input type="hidden" id="checkBankAccountNumber"
                        value="{{ $borrower->creditApplicationBusiness->bankAccountNumber }}">
                    <input type="hidden" id="checkCreditApplicationBusinessId"
                        value="{{ $borrower->creditApplicationBusiness->id }}">
                    <div class="modal-footer">
                        <button type="button" onclick="checkAccount()" id="btn-check-account"
                            class="btn btn-primary">Check Account</button>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        Admin Fee Borrower
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">Admin Fee</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-7 pl-0">
                                    <div class="input-group">
                                        <span class="input-group-addon">Rp</span>
                                        <input class="form-control autonumeric" type="text" name="adminFee"
                                            value="{{ $model->adminFee }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Tanggal Akad</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-4 pl-0">
                                    <div class="input-group date datepickerinput">
                                        <input type="text" class="form-control" id="adminFeeDate" name="adminFeeDate"
                                            data-date-format="YYYY-MM-DD"
                                            value="{{ empty($model->adminFeeDate) ? '' : $model->adminFeeDate }}">
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-3 pr-0">
                                    @if (!empty($model->adminFeeDate))
                                        <a class="btn"
                                            style="padding: 5px 10px;background: white;border: 1px solid crimson;color:crimson;"
                                            href="{{ route('admin.restructureinvoice.adminFeeMemo', ['id' => $id]) }}"
                                            tooltip="Download PDF Admin Fee Memo">
                                            <i class="icon fa fa-file-pdf-o"
                                                style="font-size: 15px;line-height: 20px;"></i>
                                        </a>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">Cc Email</div>
                                <div style="width: 3.333333% !important;" class="col-md-1 pr-0">:</div>
                                <div class="col-md-7 pl-0">
                                    <div class="input-group">
                                        <vue-select2-text v-model="ccEmailList" name="ccEmailList[]" multiple="true">
                                        </vue-select2-text>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        Simulasi Pembiayaan
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <a class="btn btn-success mr-5"
                                    href="{{ route('admin.restructureinvoice.SimulasiPembiayaan', ['id' => $id]) }}"
                                    role="button">Generate</a>
                                @if (file_exists(public_path() . '/' . env('UPLOAD_DOCUMENT') . 'Simulasi-Pembiayaan-' . $model->invoiceNumber . '.pdf'))
                                    <a href="{{ getDocumentUrl('Simulasi-Pembiayaan-' . $model->invoiceNumber . '.pdf') }}"
                                        target="_blank">
                                        Lihat Simulasi Pembiayaan</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        Konfigurasi Pembiayaan
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach ($model::FORM_GROUP['invoiceConfig1'] as $key)
                                @php
                                    if (!isset($listItem)) {
                                        $listItem = '';
                                    }
                                    if (!isset($listName)) {
                                        $listName = '';
                                    }
                                    if (!isset($listIndex)) {
                                        $listIndex = '';
                                    }

                                    $formType = $model->formType($key);
                                    if (strpos($formType, 'Image') !== false) {
                                        $imageCount = substr($formType, 6) - 1;
                                        $formType = 'Image';
                                    }
                                @endphp
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                        @if (!empty($model->labelHelp($key)))
                                            <p class="control-label-help">
                                                ({{ $model->labelHelp($key) }})
                                            </p>
                                        @endif
                                    </div>
                                    <div class="col-md-8">
                                        @if ($formType)
                                            @include('cms.form.field.' . $formType)
                                        @else
                                            Under Construction
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-md-12 tenor-type">
                                <div class="col-md-4">
                                    <label class="control-label tenor-type-label">Jenis Tenor</label>
                                </div>
                                <div class="col-md-8">
                                    <label><input type="radio" name="periodType"
                                            value="{{ $constant::INVOICE_PERIOD_TYPE_MONTH }}"
                                            {{ $model->periodType == $constant::INVOICE_PERIOD_TYPE_MONTH ? 'checked' : '' }}>
                                        Bulan</label> &nbsp;&nbsp;
                                    <label><input type="radio" name="periodType"
                                            value="{{ $constant::INVOICE_PERIOD_TYPE_DAY }}"
                                            {{ $model->periodType == $constant::INVOICE_PERIOD_TYPE_DAY ? 'checked' : '' }}>
                                        Hari</label>
                                </div>
                            </div>
                            @foreach ($model::FORM_GROUP['invoiceConfig1Sub'] as $key)
                                @php
                                    if (!isset($listItem)) {
                                        $listItem = '';
                                    }
                                    if (!isset($listName)) {
                                        $listName = '';
                                    }
                                    if (!isset($listIndex)) {
                                        $listIndex = '';
                                    }

                                    $formType = $model->formType($key);
                                    if (strpos($formType, 'Image') !== false) {
                                        $imageCount = substr($formType, 6) - 1;
                                        $formType = 'Image';
                                    }
                                @endphp
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                        @if (!empty($model->labelHelp($key)))
                                            <p class="control-label-help">
                                                ({{ $model->labelHelp($key) }})
                                            </p>
                                        @endif
                                    </div>
                                    <div class="col-md-8">
                                        @if ($formType)
                                            @include('cms.form.field.' . $formType)
                                        @else
                                            Under Construction
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Ujroh per bulan dalam %</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="monthlyProfit" value="0"
                                        disabled>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Ujroh per hari dalam %</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="dailyMarginRate" id="dailyProfit"
                                        value="0" disabled>
                                </div>
                            </div>
                            {{-- <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Pajak PPh 23 (%)</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="pph23Rate" value="{{ $model->pph23Rate }}" readonly>
                                </div>
                            </div> --}}
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Pajak PPh 23 (Rp)</label>
                                </div>
                                <div class="col-md-8">
                                    <div class="input-group">
                                        <span class="input-group-addon">Rp</span>
                                        <input type="text" class="form-control autonumeric" id="pph23Amount"
                                            value="{{ $model->pph23Amount }}" readonly>
                                    </div>
                                </div>
                            </div>
                            @foreach ($model::FORM_GROUP['invoiceConfig2'] as $key)
                                @php
                                    if (!isset($listItem)) {
                                        $listItem = '';
                                    }
                                    if (!isset($listName)) {
                                        $listName = '';
                                    }
                                    if (!isset($listIndex)) {
                                        $listIndex = '';
                                    }

                                    $formType = $model->formType($key);
                                    if (strpos($formType, 'Image') !== false) {
                                        $imageCount = substr($formType, 6) - 1;
                                        $formType = 'Image';
                                    }
                                @endphp
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                        @if (!empty($model->labelHelp($key)))
                                            <p class="control-label-help">
                                                ({{ $model->labelHelp($key) }})
                                            </p>
                                        @endif
                                    </div>
                                    <div class="col-md-8">
                                        @if ($formType)
                                            @include('cms.form.field.' . $formType)
                                        @else
                                            Under Construction
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Grade</label>
                                </div>
                                <div class="col-md-8">
                                    @if ($model->status == Constant::INVOICE_STATUS_VERIFICATION)
                                        <input type="text" class="form-control" id="rating" name="rating"
                                            value="{{ $model->rating }}">
                                    @else
                                        <input type="text" class="form-control" id="rating" name="rating"
                                            value="{{ $model->rating }}" readonly="">
                                    @endif
                                </div>
                            </div>
                            @if (!in_array($model->status, [Constant::INVOICE_STATUS_APPROVED, Constant::INVOICE_STATUS_VERIFICATION]))
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <label class="control-label">Nomor VA</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" id="vaNumber" name="vaNumber"
                                            value="{{ $model->vaNumber }}" disabled="">
                                    </div>
                                </div>
                            @endif
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Periode Penggalangan Dana</label>
                                </div>
                                <div class="col-md-8">
                                    <label><input type="radio" name="offeredPeriod" value="7"
                                            {{ $model->offeredPeriod == 7 ? 'checked' : '' }}> 7 Hari Weekdays</label>
                                    &nbsp;&nbsp;
                                    <label><input type="radio" name="offeredPeriod" value="14"
                                            {{ $model->offeredPeriod == 14 ? 'checked' : '' }}> 14 Hari Weekdays</label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Tanggal Jatuh Tempo</label>
                                </div>
                                <div class="col-md-8">
                                    <small class="text-danger" id='warningRedDays'></small>
                                    @if ($model->status == Constant::INVOICE_STATUS_VERIFICATION)
                                        <div class="input-group date datepickerinput" id="emailDueDateHead">
                                            <input type="text" class="form-control" id="emailDueDate"
                                                name="emailDueDate" data-date-format="YYYY-MM-DD"
                                                value="{{ empty($model->emailDueDate) ? '' : $model->emailDueDate }}">
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-calendar"></span>
                                            </span>
                                        </div>
                                    @else
                                        <input type="text" class="form-control" id="emailDueDate" name="emailDueDate"
                                            data-date-format="YYYY-MM-DD" value="{{ $model->emailDueDate }}"
                                            readonly="">
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12 hidden">
                                <div class="col-md-4">
                                    <label class="control-label">Tambahan Tanggal Merah</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="number" class="form-control" id="additionalRedDay"
                                        name="additionalRedDay" value="{{ $model->additionalRedDay }}">
                                </div>
                            </div>
                            @foreach ($model::FORM_GROUP['invoiceConfig3'] as $key)
                                @php
                                    if (!isset($listItem)) {
                                        $listItem = '';
                                    }
                                    if (!isset($listName)) {
                                        $listName = '';
                                    }
                                    if (!isset($listIndex)) {
                                        $listIndex = '';
                                    }

                                    $formType = $model->formType($key);
                                    if (strpos($formType, 'Image') !== false) {
                                        $imageCount = substr($formType, 6) - 1;
                                        $formType = 'Image';
                                    }
                                @endphp
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                        @if (!empty($model->labelHelp($key)))
                                            <p class="control-label-help">
                                                ({{ $model->labelHelp($key) }})
                                            </p>
                                        @endif
                                    </div>
                                    <div class="col-md-8">
                                        @if ($formType)
                                            @include('cms.form.field.' . $formType)
                                        @else
                                            Under Construction
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Tipe Pembiayaan</label>
                                </div>
                                <div class="col-md-8">
                                    <label><input type="radio" @click="checkLenderType('Public')" name="lenderType"
                                            value="{{ $constant::INVOICE_LENDER_TYPE_PUBLIC }}"
                                            {{ $model->lenderType == $constant::INVOICE_LENDER_TYPE_PUBLIC ? 'checked' : '' }}>
                                        Public</label> &nbsp;&nbsp;
                                    <label><input type="radio" @click="checkLenderType('Private')" name="lenderType"
                                            value="{{ $constant::INVOICE_LENDER_TYPE_PRIVATE }}"
                                            {{ $model->lenderType == $constant::INVOICE_LENDER_TYPE_PRIVATE ? 'checked' : '' }}>
                                        Private</label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <label class="control-label">Nama Lender</label>
                                </div>
                                <div class="col-md-8">
                                    <vue-select2-ajax url="{{ URL::route('admin.investor.ajaxAutoCompleteInvestorPic') }}"
                                        v-model="investorList" name="investorList[]" multiple="true"
                                        :disabled="readonly == 1">
                                    </vue-select2-ajax>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @if (count($transaksiDanamon))
                    <div class="card">
                        <div class="card-header">
                            Riwayat Transaksi Fund Transfer Danamon
                            <span class="pull-right">
                                <div class="btn btn-xs btn-primary ml-5 text-uppercase">{{ $transaksiDanamon[0]->type }}
                                </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive pl-15 pr-15">
                                        <table class="table table-bordered" width="100%">
                                            <thead>
                                                <tr>
                                                    <th width="5">No</th>
                                                    <th class="text-center">Status</th>
                                                    <th>Nilai Transfer</th>
                                                    <th>Deskripsi</th>
                                                    <th class="text-center">Aksi</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $totalTransfer = $totalTransferSuccess = $totalTransferPending = 0;
                                                @endphp
                                                @foreach ($transaksiDanamon as $key => $value)
                                                    @php
                                                        if (
                                                            $value->status ==
                                                            Constant::FUNDTRANSFER_STATUS_TRANSACTION_SUCCESS
                                                        ) {
                                                            $totalTransferSuccess =
                                                                $totalTransferSuccess + $value->amount;
                                                        } else {
                                                            $totalTransferPending =
                                                                $totalTransferPending + $value->amount;
                                                        }
                                                        $totalTransfer = $totalTransfer + $value->amount;
                                                    @endphp
                                                    <tr>
                                                        <th>{{ $key + 1 }}</th>
                                                        <td class="text-center">
                                                            <div
                                                                class="btn btn-xs btn-{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_CLASS[$value->status] }}">
                                                                {{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_LABELS[$value->status] }}
                                                            </div>
                                                        </td>
                                                        <td>Rp {{ number_format($value->amount, 2, ',', '.') }}</td>
                                                        <td>{{ $value->resDescription }}</td>
                                                        <td class="text-center">
                                                            <div style="display: flex; justify-content: center;">
                                                                <button type="button" onclick="checkTransaction(this)"
                                                                    data-status-badge='<span class="badge badge-{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_CLASS[$value->status] }}">{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_LABELS[$value->status] }}</span>'
                                                                    data-status="{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_LABELS[$value->status] }}"
                                                                    data-type="{{ $value->type }}"
                                                                    data-amount="Rp {{ number_format($value->amount, 2, ',', '.') }}"
                                                                    data-refrence-number="{{ $value->bankPaymentUserReferenceNumber }}"
                                                                    data-description="{{ $value->resDescription }}"
                                                                    data-transfer-date="{{ $value->transferDate }}"
                                                                    data-mark="{{ $value->mark }}"
                                                                    class="btn btn-xs btn-info mr-5">
                                                                    <i class="fa fa-eye"></i>
                                                                </button>
                                                                @if ($value->status == Constant::FUNDTRANSFER_STATUS_TRANSACTION_FAILED)
                                                                    <button type="button"
                                                                        onclick="updateTransaction(this)"
                                                                        data-status-badge='<span class="badge badge-{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_CLASS[$value->status] }}">{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_LABELS[$value->status] }}</span>'
                                                                        data-id="{{ $value->id }}"
                                                                        data-description="{{ $value->resDescription }}"
                                                                        class="btn btn-xs btn-primary">
                                                                        <i class="fa fa-edit"></i>
                                                                    </button>
                                                                @endif
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <th colspan="2">Total Nilai Harus di Transfer</th>
                                                    <th colspan="3" class="text-left">Rp
                                                        {{ number_format($totalTransfer, 2, ',', '.') }}</th>
                                                </tr>
                                                <tr>
                                                    <th colspan="2">Total Nilai Sudah di Transfer</th>
                                                    <th colspan="3" class="text-left">Rp
                                                        {{ number_format($totalTransferSuccess, 2, ',', '.') }}</th>
                                                </tr>
                                                <tr>
                                                    <th colspan="2">Total Nilai Belum di Transfer</th>
                                                    <th colspan="3" class="text-left">Rp
                                                        {{ number_format($totalTransferPending, 2, ',', '.') }}</th>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="col-md-12">
            <ul class="nav nav-pills fs-15">
                <li class="active"><a data-toggle="tab" href="#pengajuan-pembiayaan">Pengajuan Pembiayaan </a></li>
                @if ($model->status !== $constant::INVOICE_STATUS_VERIFICATION)
                    <li><a data-toggle="tab" href="#daftar-lender">Daftar Lender</a></li>
                    <li><a data-toggle="tab" href="#detail-repayment">Detail Pengembalian</a></li>
                    <li><a data-toggle="tab" href="#internal-memo">Internal Memo</a></li>
                @endif
                <li><a data-toggle="tab" href="#dokumen-pendukung">Dokumen Pendukung</a></li>
                <li><a data-toggle="tab" href="#proposal">Proposal</a></li>
            </ul>
        </div>

        <div class="col-md-12 mt-15">
            <div class="tab-content">
                <div id="pengajuan-pembiayaan" class="tab-pane fade in active">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                Pengajuan Pembiayaan
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-xs-12 col-md-7">

                                        @if (!empty(@$model->loanType))
                                            @if (in_array(@$model->loanType, [Constant::INVOICE_LOAN_TYPE_INVOICE_FINANCING, Constant::INVOICE_LOAN_TYPE_SCF]))
                                                <div class="col-xs-12">
                                                    <div class="col-md-3">
                                                        <label class="control-label">Upload Dokumen Qardh</label>
                                                    </div>
                                                    <div class="col-md-9 pr-0">
                                                        @if (!empty($model->borrowerQardhContract))
                                                            <div class="input-group">
                                                                <input type="text" class="form-control" disabled
                                                                    value="{{ @$model->borrowerQardhContract }}">
                                                                <input type="hidden" class="form-control"
                                                                    name="borrowerQardhContract"
                                                                    id="borrowerQardhContract"
                                                                    value="{{ @$model->borrowerQardhContract }}">
                                                                <span
                                                                    class="input-group-addon change-file-delete">Delete</span>
                                                            </div>

                                                            <div class="input-group hide">
                                                                <input type="file"
                                                                    class="form-control input-file-upload" accept=".pdf"
                                                                    id="borrowerQardhContract"
                                                                    label="borrowerQardhContract" {!! $model->getFileLimit($key) !!}
                                                                    data-name="borrowerQardhContract">
                                                            </div>
                                                        @else
                                                            <div class="input-group">
                                                                <input type="file"
                                                                    class="form-control input-file-upload" accept=".pdf"
                                                                    name="borrowerQardhContract"
                                                                    id="borrowerQardhContract"
                                                                    label="borrowerQardhContract" {!! $model->getFileLimit($key) !!}>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            @else
                                                <div class="col-xs-12">
                                                    <div class="col-md-3">
                                                        <label class="control-label">Upload Dokumen Musyarakah</label>
                                                    </div>
                                                    <div class="col-md-9 pr-0">
                                                        @if (!empty($model->borrowerMusyarakahContract))
                                                            <div>
                                                                <div class="input-group">
                                                                    <input type="text" class="form-control" disabled
                                                                        value="{{ @$model->borrowerMusyarakahContract }}">
                                                                    <input type="hidden" class="form-control"
                                                                        name="borrowerMusyarakahContract"
                                                                        id="borrowerMusyarakahContract"
                                                                        value="{{ @$model->borrowerMusyarakahContract }}">
                                                                    <span
                                                                        class="input-group-addon change-file-delete">Delete</span>
                                                                </div>

                                                                <div class="input-group hide">
                                                                    <input type="file"
                                                                        class="form-control input-file-upload"
                                                                        accept=".pdf" id="borrowerMusyarakahContract"
                                                                        label="borrowerMusyarakahContract"
                                                                        {!! $model->getFileLimit($key) !!}
                                                                        data-name="borrowerMusyarakahContract">
                                                                </div>
                                                            </div>
                                                        @else
                                                            <div>
                                                                <div class="input-group">
                                                                    <input type="file"
                                                                        class="form-control input-file-upload"
                                                                        accept=".pdf" name="borrowerMusyarakahContract"
                                                                        id="borrowerMusyarakahContract"
                                                                        label="borrowerMusyarakahContract"
                                                                        {!! $model->getFileLimit($key) !!}>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="col-xs-12">
                                                <div class="col-md-3">
                                                    <label class="control-label">Upload Dokumen Wakalah</label>
                                                </div>
                                                <div class="col-md-9 pr-0">
                                                    @if (!empty($model->borrowerWakalahContract))
                                                        <div>
                                                            <div class="input-group">
                                                                <input type="text" class="form-control" disabled
                                                                    value="{{ @$model->borrowerWakalahContract }}">
                                                                <input type="hidden" class="form-control"
                                                                    name="borrowerWakalahContract"
                                                                    id="borrowerWakalahContract"
                                                                    value="{{ @$model->borrowerWakalahContract }}">
                                                                <span
                                                                    class="input-group-addon change-file-delete">Delete</span>
                                                            </div>

                                                            <div class="input-group hide">
                                                                <input type="file"
                                                                    class="form-control input-file-upload" accept=".pdf"
                                                                    id="borrowerWakalahContract"
                                                                    label="borrowerWakalahContract" {!! $model->getFileLimit($key) !!}
                                                                    data-name="borrowerWakalahContract">
                                                            </div>
                                                        </div>
                                                    @else
                                                        <div>
                                                            <div class="input-group">
                                                                <input type="file"
                                                                    class="form-control input-file-upload" accept=".pdf"
                                                                    name="borrowerWakalahContract"
                                                                    id="borrowerWakalahContract"
                                                                    label="borrowerWakalahContract"
                                                                    {!! $model->getFileLimit($key) !!}>
                                                            </div>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        @endif

                                        @foreach ($model::FORM_GROUP['invoiceInformation'] as $key)
                                            @php
                                                if (!isset($listItem)) {
                                                    $listItem = '';
                                                }
                                                if (!isset($listName)) {
                                                    $listName = '';
                                                }
                                                if (!isset($listIndex)) {
                                                    $listIndex = '';
                                                }

                                                $formType = $model->formType($key);
                                                if (strpos($formType, 'Image') !== false) {
                                                    $imageCount = substr($formType, 6) - 1;
                                                    $formType = 'Image';
                                                }
                                            @endphp
                                            <div class="col-xs-12">
                                                <div class="col-md-3">
                                                    <label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    @if (!empty($model->labelHelp($key)))
                                                        <p class="control-label-help">
                                                            ({{ $model->labelHelp($key) }})
                                                        </p>
                                                    @endif
                                                </div>
                                                <div class="col-md-9 pr-0">
                                                    @if ($formType)
                                                        @include('cms.form.field.' . $formType)
                                                    @else
                                                        Under Construction
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach

                                        @if (\Auth::isAdmin() && !empty(@$model->loanType))
                                            @if (@$model->loanType == $constant::INVOICE_LOAN_TYPE_PO_FINANCING)
                                                <div class="col-xs-12">
                                                    <div class="col-md-3">
                                                        <label class="control-label">Nilai RAB (RP)</label>
                                                    </div>
                                                    <div class="col-md-9 pr-0">
                                                        <div class="input-group">
                                                            <span class="input-group-addon">Rp</span>
                                                            <input class="form-control autonumeric" type="text"
                                                                name="rabAmount" value="{{ $model->rabAmount }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif

                                        <div class="col-xs-12">
                                            <div class="col-md-3">
                                                <label class="control-label">Skema Pembayaran</label>
                                            </div>
                                            <div class="col-md-9 pr-0">
                                                @foreach (GetGuarantees() as $key => $value)
                                                    @php
                                                        $checked = '';
                                                        if (in_array($key, $guarantee)) {
                                                            $checked = 'checked';
                                                        }
                                                    @endphp

                                                    <input type="checkbox" name="guarantee[]"
                                                        value="{{ $key }}" id="{{ $key }}"
                                                        {{ $checked }}> <label
                                                        for="{{ $key }}">{{ $value }}</label>
                                                    <br>
                                                @endforeach
                                            </div>
                                        </div>

                                        <div class="col-xs-12">
                                            <div class="col-md-12 mt-10 mb-5">
                                                <strong>Informasi Payor</strong>
                                            </div>
                                        </div>
                                        @foreach ($model::FORM_GROUP['payorInformation'] as $key)
                                            @php
                                                $keyStatus = $key . 'Status';
                                                if (!isset($listItem)) {
                                                    $listItem = '';
                                                }
                                                if (!isset($listName)) {
                                                    $listName = '';
                                                }
                                                if (!isset($listIndex)) {
                                                    $listIndex = '';
                                                }

                                                $formType = $model->formType($key);
                                                if (strpos($formType, 'Image') !== false) {
                                                    $imageCount = substr($formType, 6) - 1;
                                                    $formType = 'Image';
                                                }
                                            @endphp
                                            <div class="col-xs-12">
                                                <div class="col-md-3">
                                                    <label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    @if (!empty($model->labelHelp($key)))
                                                        <p class="control-label-help">
                                                            ({{ $model->labelHelp($key) }})
                                                        </p>
                                                    @endif
                                                </div>
                                                <div class="col-md-9 pr-0">
                                                    @if ($formType)
                                                        @include('cms.form.field.' . $formType)
                                                    @else
                                                        Under Construction
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="col-xs-12 col-md-4">
                                        <p><strong>Dokumen Kontrak</strong></p>
                                        <div class="table-responsive">
                                            <table class="table table-bordered" width="100%">
                                                <tr>
                                                    <th>Jenis Dokumen</th>
                                                    {{-- <th>Upload Dokumen</th> --}}
                                                    <th>Dokumen Asli</th>
                                                    <th>Dokumen Privy</th>
                                                    <th>Dokumen TTD</th>
                                                </tr>
                                                @if (\Auth::isAdmin() && !empty(@$model->loanType))
                                                    @if (in_array(@$model->loanType, [Constant::INVOICE_LOAN_TYPE_INVOICE_FINANCING, Constant::INVOICE_LOAN_TYPE_SCF]))
                                                        <tr>
                                                            <th>Dokumen Qardh</th>
                                                            {{-- <td>
                                                                @if (!empty($model->borrowerQardhContract))
                                                                    <div>
                                                                        <div class="input-group">
                                                                            <input type="text" class="form-control" disabled value="{{ @$model->borrowerQardhContract  }}">
                                                                            <input type="hidden" class="form-control" name="borrowerQardhContract" id="borrowerQardhContract" value="{{ @$model->borrowerQardhContract }}">
                                                                            <span class="input-group-addon change-file-delete">Delete</span>
                                                                        </div>
    
                                                                        <div class="input-group hide">
                                                                            <input type="file" class="form-control input-file-upload" accept=".pdf" id="borrowerQardhContract" label="borrowerQardhContract" {!! $model->getFileLimit($key) !!} data-name="borrowerQardhContract">
                                                                        </div>
                                                                    </div>
                                                                @else
                                                                    <div>
                                                                        <div class="input-group">
                                                                            <input type="file" class="form-control input-file-upload" accept=".pdf" name="borrowerQardhContract" id="borrowerQardhContract" label="borrowerQardhContract" {!! $model->getFileLimit($key) !!}>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            </td> --}}
                                                            <td>
                                                                @if (!empty($model->borrowerQardhContract))
                                                                    <a href="{{ getDocumentUrl($model->borrowerQardhContract) }}"
                                                                        target="_blank">
                                                                        Lihat Dokumen</a>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if (!empty($model->privyDocumentQardhToken))
                                                                    <a href="{{ $model->privyDocumentQardhUrl }}"
                                                                        target="_blank">Lihat di
                                                                        Privy</a>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($model->privyDocumentQardhStatus == \App\Util\PrivyConstant::DOCUMENT_STATUS_COMPLETED)
                                                                    <a target="_blank"
                                                                        href="{{ route('admin.privy.getSignedDoc', ['token' => $model->privyDocumentQardhToken]) }}">Lihat
                                                                        Dokumen</a>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @else
                                                        <tr>
                                                            <th>Dokumen Musyarakah</th>
                                                            <td>
                                                                @if (!empty($model->borrowerMusyarakahContract))
                                                                    <a href="{{ getDocumentUrl($model->borrowerMusyarakahContract) }}"
                                                                        target="_blank">Lihat
                                                                        Dokumen</a>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if (!empty($model->privyDocumentMusyarakahToken))
                                                                    <a href="{{ $model->privyDocumentMusyarakahUrl }}"
                                                                        target="_blank">Lihat di
                                                                        Privy</a>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($model->privyDocumentMusyarakahStatus == \App\Util\PrivyConstant::DOCUMENT_STATUS_COMPLETED)
                                                                    <a target="_blank"
                                                                        href="{{ route('admin.privy.getSignedDoc', ['token' => $model->privyDocumentMusyarakahToken]) }}">Lihat
                                                                        Dokumen</a>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <th>Dokumen Wakalah Bil Ujroh</th>
                                                        <td>
                                                            @if (!empty($model->borrowerWakalahContract))
                                                                <a href="{{ getDocumentUrl($model->borrowerWakalahContract) }}"
                                                                    target="_blank">Lihat
                                                                    Dokumen</a>
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if (!empty($model->privyDocumentWakalahToken))
                                                                <a href="{{ $model->privyDocumentWakalahUrl }}"
                                                                    target="_blank">Lihat di
                                                                    Privy</a>
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($model->privyDocumentWakalahStatus == \App\Util\PrivyConstant::DOCUMENT_STATUS_COMPLETED)
                                                                <a target="_blank"
                                                                    href="{{ route('admin.privy.getSignedDoc', ['token' => $model->privyDocumentWakalahToken]) }}">Lihat
                                                                    Dokumen</a>
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endif
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    </form>
    <div id="dokumen-pendukung" class="tab-pane fade in">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    Dokumen Pendukung
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <form id="mainForm" v-on:submit="formSubmit"
                                action="{{ route('admin.restructureinvoice.submitExtraDocument', ['id' => $model->id]) }}"
                                class="form-horizontal" method="POST" enctype="multipart/form-data">
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <label>Keterangan</label>
                                    </div>
                                    <div class="col-md-10">
                                        <input type="url" v-model="documentText" class="form-control" />
                                        {!! !empty($model->documentText)
                                            ? '<p>Link : <a href="' . $model->documentText . '" target="_blank">' . $model->documentText . '</a> </p>'
                                            : '' !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <label>Dokumen</label>
                                    </div>
                                    <div class="col-md-10">
                                        <table class="table table-striped">
                                            <tr v-for="(attachment, attachmentIndex) in documentAttachment">
                                                <td class="col-md-8">
                                                    <label v-show="attachment.name.length == 0"
                                                        class="btn btn-sm btn-success">
                                                        <i class="fa fa-upload"></i>&nbsp;Pilih File
                                                        <input class="additionalAttachment" type="file"
                                                            name="attachmentInput[]" accept=".pdf,.xlsx,.docx"
                                                            @change="processAttachment($event, attachmentIndex)"
                                                            v-show="attachment.name.length == 0">
                                                    </label>
                                                    <img src="{{ url('/') }}/assets/admin/image/icon-word.png"
                                                        style="height: 20px; width: 20px"
                                                        v-if="attachment.name.substr(-5) == '.docx'">
                                                    <img src="{{ url('/') }}/assets/admin/image/icon-excel.png"
                                                        style="height: 20px; width: 20px"
                                                        v-if="attachment.name.substr(-5) == '.xlsx'">
                                                    <img src="{{ url('/') }}/assets/admin/image/icon-pdf.png"
                                                        style="height: 20px; width: 20px"
                                                        v-if="attachment.name.substr(-4) == '.pdf'">
                                                    @{{ attachment.name.length > 50 ? attachment.name.substr(0,
        35) + '.....' + attachment.name.substr(-10) :
    attachment.name }}
                                                </td>
                                                <td class="col-md-2">
                                                    <a v-bind:href="attachment.url" v-show="attachment.name.length > 0"
                                                        v-bind:download="attachment.name">
                                                        <i class="fa fa-download btn btn-xs btn-default"></i>
                                                    </a>
                                                </td>
                                                <td class="col-md-2">
                                                    <i class="fa fa-trash btn btn-xs btn-danger"
                                                        v-show="attachment.name.length > 0"
                                                        v-on:click="removeAttachment($event, attachmentIndex)"></i>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="col-md-12">&nbsp;</div>
                                    <div class="form-group">
                                        <div class="col-md-2">&nbsp;</div>
                                        <div class="col-md-10">
                                            @if (checkPermission(\App\Util\AclConstant::INVOICE_UPDATE))
                                                <button class="btn btn-primary btnSubmitAttachment" id="submitForm">
                                                    Simpan Dokumen Pendukung
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="proposal" class="tab-pane fade in">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Proposal</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <a class="btn btn-success mr-5"
                                href="{{ route('admin.restructureinvoice.factsheet', ['id' => $id]) }}"
                                role="button">Generate Fact Sheet</a>
                            @if (file_exists(public_path() . '/' . env('UPLOAD_DOCUMENT') . 'Factsheet-Invoce-' . $model->invoiceNumber . '.pdf'))
                                <a href="{{ getDocumentUrl('Factsheet-Invoce-' . $model->invoiceNumber . '.pdf') }}"
                                    target="_blank">
                                    Lihat Fact Sheet</a>
                            @endif
                        </div>
                        <div class="col-md-12">
                            <form id="mainForm2"
                                action="{{ route('admin.restructureinvoice.analisa', ['id' => $model->id]) }}"
                                class="form-horizontal" method="POST" enctype="multipart/form-data">
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <label class="control-label">Analisa Resiko</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea name="analisa_risk_note" class="form-control">{{ $analisa_risk_note }}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-2 ">
                                        <label class="control-label">Jenis Risiko</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea name="analisa_risk_jenis" class="form-control">{{ $analisa_risk_jenis }}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <label class="control-label">Mitigasi Risiko</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea name="analisa_risk_mitigasi" class="form-control">{{ $analisa_risk_mitigasi }}</textarea>
                                    </div>
                                </div>
                                <br><br>
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <label class="control-label">Skor Pefindo</label>
                                    </div>
                                    <div class="col-md-2">
                                        <input name="kredit_skor_pefindo" value="{{ $kredit_skor_pefindo }}"
                                            class="form-control" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-2 ">
                                        <label class="control-label">FDC</label>
                                    </div>
                                    <div class="col-md-2">
                                        <select name="kredit_skor_fdc" class="form-control">
                                            <option value="Lancar" @if ($kredit_skor_fdc === 'Lancar') selected @endif>
                                                Lancar</option>
                                            <option value="Pernah Ada Riwayat Tunggakan"
                                                @if ($kredit_skor_fdc === 'Pernah Ada Riwayat Tunggakan') selected @endif>Pernah Ada Riwayat
                                                Tunggakan</option>
                                            <option value="Tidak Lancar"
                                                @if ($kredit_skor_fdc === 'Tidak Lancar') selected @endif>Tidak Lancar</option>
                                        </select>
                                    </div>
                                </div>
                                <br><br>
                                <div class="form-group">
                                    <div class="col-md-2">
                                        <label class="control-label">Informasi Payor</label>
                                    </div>
                                    <div class="col-md-10">
                                        <textarea name="informasi_payor" class="form-control">{{ $informasi_payor }}</textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">&nbsp;</div>
                                <div class="form-group">
                                    <div class="col-md-2">&nbsp;</div>
                                    <div class="col-md-10">
                                        @if (checkPermission(\App\Util\AclConstant::INVESTOR_APPLICATION_UPDATE))
                                            <button class="btn btn-primary" id="submitForm">
                                                Simpan
                                            </button>
                                        @endif
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($model->status !== $constant::INVOICE_STATUS_VERIFICATION)
        <div id="daftar-lender" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        Daftar Lender
                    </div>
                    <div class="card-body">
                        <div class="row m-0 mt-20 mb-40">
                            <div class="col-md-3 border mr-20">
                                Persentase Dana Diterima
                                <h3 class="amount">{{ number_format($rateSubmitted, 2) }} %</h3>
                            </div>
                            <div class="col-md-3 border">
                                Total Dana Disalurkan
                                <h3 class="amount">Rp {{ getPriceNumber($totalPaid) }}</h3>
                            </div>
                        </div>
                    </div>
                    @tableconfig
                    <div class="card-body no-padding table-responsive">
                        @tableajax(route('admin.restructureinvoicePaymentsData', ['invoiceId' => $model->id]))
                            <thead>
                                <tr>
                                    <th data-column-name="id">ID</th>
                                    <th data-column-name="fullName">Nama Lender</th>
                                    <th data-column-name="vaNumber">No. Va Lender</th>
                                    <th data-column-name="methodPayment">Metode Pembayaran</th>
                                    <th data-column-name="amount">Nilai Pendanaan</th>
                                    <th data-column-name="date">Waktu Pengajuan</th>
                                    <th data-column-name="akadStatus">Status Akad</th>
                                    <th data-column-name="paymentStatus">Status Dana</th>
                                    <th data-column-name="refundStatus">Status Pengembalian</th>
                                    <th data-column-name="investorContract" data-sortable="false">Dokumen Kontrak</th>
                                    <th data-column-name="privyDocumentUrl" data-sortable="false">Dokumen Privy</th>
                                    <th data-column-name="privyDocumentToken" data-sortable="false">Dokumen Signed</th>
                                    <th data-column-name="status">Status Pembiayaan</th>
                                    <th data-column-name="dataObject" data-sortable="false">Aksi</th>
                                </tr>
                            </thead>
                        @endtableajax
                    </div>
                </div>
            </div>
        </div>
        <div id="detail-repayment" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        Detail Pengembalian
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="col-md-4">
                                    <label class="control-label">Nomor VA</label>
                                </div>
                                <div class="col-md-8">
                                    <h5>: {{ $model->vaNumber }}</h5>
                                </div>
                                <div class="col-md-4">
                                    <label class="control-label">Status Repayment</label>
                                </div>
                                <div class="col-md-8">
                                    <h5>: {{ $constant::INVOICE_REPAYMENT_STATUS_LABLES[$model->statusRepayment] }}</h5>
                                </div>
                                <div class="col-md-4">
                                    <label class="control-label">Metode Repayment</label>
                                </div>
                                <div class="col-md-8">
                                    <h5>:
                                        {{ !empty($model->repaymentType) ? $constant::INVOICE_REPAYMENT_TYPE_LABELS[$model->repaymentType] : '' }}
                                    </h5>
                                </div>
                                @if (
                                    $model->repaymentType == $constant::INVOICE_REPAYMENT_TYPE_LATE &&
                                        $model->statusRepayment == $constant::INVOICE_REPAYMENT_STATUS_PENDING)
                                    <div class="col-12">
                                        <button class="btn btn-danger btn-sm mt-20" type="button" data-toggle="modal"
                                            data-target="#modal-accept-rest-repayment">
                                            Terima Sisa Repayment
                                        </button>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        Daftar Pengembalian
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Total Pengembalian Dana</th>
                                            <th>Jumlah Pokok Pengembalian Dana</th>
                                            <th>Jumlah Ujroh Keseluruhan</th>
                                            <th>Keterangan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (count($invoicePayorRepayment) != 0)
                                            @php
                                                $no = 0;
                                            @endphp
                                            @foreach ($invoicePayorRepayment as $item)
                                                <tr>
                                                    <td>{{ ++$no }}</td>
                                                    <td>Rp {{ getPriceNumber($item->amount + $item->margin) }}</td>
                                                    <td>Rp {{ getPriceNumber($item->amount) }}</td>
                                                    <td>Rp {{ getPriceNumber($item->margin) }}</td>
                                                    <td>{{ $item->remark }}</td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr style="background-color: #f9f9f9;">
                                                <td colspan="5" class="text-center">Belum ada pengembalian dana</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="internal-memo" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        Internal Memo
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <a class="btn pull-right mr-5"
                                style="padding: 5px 10px;background: white;border: 1px solid lightgrey;color:#635d5d;"
                                href="{{ route('admin.restructureinvoice.internalMemo', ['id' => $id]) }}"
                                tooltip="Download PDF Internal Memo">
                                <i class="icon fa fa-file-pdf-o" style="font-size: 20px;line-height: 20px;"></i>
                            </a>
                        </div>
                    </div>
                    @tableconfig
                    <div class="card-body no-padding table-responsive">
                        @tableajax(route('admin.invoiceInternalMemo', ['invoiceId' => $model->id]))
                            <thead>
                                <tr>
                                    <th data-column-name="fullName">Nama Lender</th>
                                    <th data-column-name="vaNumber">No. Va Lender</th>
                                    <th data-column-name="amount">Nilai Pendanaan</th>
                                    <th data-column-name="totalUjroh">Total Ujroh</th>
                                    <th data-column-name="ujrohLenderGross">Ujroh Lender Gross</th>
                                    <th data-column-name="ujrohDuhaGross">Ujroh Duha Gross</th>
                                    <th data-column-name="pph23Lender">PPH 23% Lender</th>
                                    <th data-column-name="ujrohLenderNet">Ujroh Lender Net</th>
                                    <th data-column-name="repaymentLender">Repayment ke Lender</th>
                                </tr>
                            </thead>
                        @endtableajax
                    </div>
                </div>
            </div>
        </div>
    @endif
    </div>
    </div>
    <div class="col-md-12 mt-10">
        <div class="col-md-4 col-xs-12">
            <a class="btn btn-default" href="{{ route('admin.invoices') }}">
                Kembali ke Daftar
            </a> &nbsp;
            @if ($model->status === $constant::INVOICE_STATUS_VERIFICATION && checkPermission(\App\Util\AclConstant::INVOICE_UPDATE))
                <button type="button" onclick="triggerSubmitMainForm()" class="btn btn-primary">
                    {{ $model->approvalVerfication == $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_STAFF ? 'Rekomendasi Risk' : 'Simpan' }}
                </button>
            @endif
        </div>
        <div class="col-md-8">
            <div class="pull-right">
                @if (checkPermission(\App\Util\AclConstant::INVOICE_UPDATE))
                    @if ($model->status === $constant::INVOICE_STATUS_VERIFICATION)
                        @if (
                            (!checkPermission(\App\Util\AclConstant::INVOICE_CMO_ACCESS) &&
                                !in_array($model->approvalVerfication, [
                                    $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_LENDER,
                                    $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_SCF
                                ])) ||
                                ($model->approvalVerfication == $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CMO &&
                                    checkPermission(\App\Util\AclConstant::INVOICE_CMO_ACCESS)))
                            <button class="btn btn-danger" type="button" data-toggle="modal"
                                data-target="#modal-reject-application" onclick="setStatus('REJECTED')">
                                Tolak
                            </button>
                            <button
                                class="btn btn-{{ $model->approvalVerfication == $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CMO ? 'warning' : 'primary' }}"
                                type="button" data-toggle="modal" data-target="#modal-approve-application"
                                onclick="setStatus('APPROVED')">
                                @if (in_array($model->approvalVerfication, [
                                        $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CMO,
                                        $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CEO
                                    ]))
                                    {{ $model->approvalVerfication == $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_COMMITTEE_CMO ? 'CMO' : 'CEO' }}
                                    Setujui
                                @else
                                    {{ $model->approvalVerfication == $constant::INVOICE_STATUS_VERIFICATION_APPROVAL_CEO ? 'CEO' : '' }}
                                    Setujui
                                @endif
                            </button>
                        @endif
                    @elseif($model->status === $constant::INVOICE_STATUS_CONFIRMATION)
                        <button class="btn btn-primary" type="button" data-toggle="modal"
                            data-target="#modal-send-akad">
                            Kirim Akad
                        </button>
                    @elseif($model->status === $constant::INVOICE_STATUS_CONFIRMED)
                        @if (!count($transaksiDanamon))
                            <button class="btn btn-primary" type="button" data-toggle="modal"
                                data-target="#modal-fund-transfer">
                                Transfer Dana Ke Borrower
                            </button>
                        @endif
                    @elseif($model->status === $constant::INVOICE_STATUS_ACTIVE)
                        <button class="btn btn-primary" type="button" data-toggle="modal"
                            data-target="#modal-apply-restructure">
                            Ajukan Restruktur
                        </button>
                        <button class="btn btn-danger" type="button" data-toggle="modal"
                            data-target="#modal-accept-repayment">
                            Terima Repayment
                        </button>
                    @endif

                    @if (in_array($model->status, $constant::INVOICE_CANCELABLE_STATUS_LIST))
                        <button class="btn btn-danger" type="button" data-toggle="modal"
                            data-target="#modal-cancel-application">
                            Batalkan
                        </button>
                    @endif
                @endif
            </div>
        </div>
    </div>

    @if ($model->status === $constant::INVOICE_STATUS_VERIFICATION)
        <div id="modal-approve-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header p-15">
                        <h4 class="modal-title">Setujui</h4>
                    </div>
                    <div class="modal-body p-15 text-center">
                        <div class="row">
                            <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                            <p class="mb-25"><b>Anda akan menyetujui pembiayaan ini?</b></p>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <button class="btn btn-primary btnSubmit buttonApproveInvoice" type="button"
                            onclick="approveInvoice()">
                            Setujui
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div id="modal-reject-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.restructureinvoice.updateStatus', ['invoiceId' => $model->id]) }}"
                    method="POST">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_REJECTED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Tolak Pembiayaan</h4>
                        </div>
                        <div class="modal-body p-15 text-center">
                            <div class="row">
                                <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                                <p class="mb-25"><b>Anda akan menolak pembiayaan ini?</b></p>
                            </div>
                            <div class="form-group">
                                <textarea name="remarks" id="" cols="30" rows="3" class="form-control"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnSubmit" type="submit">
                                Tolak Pembiayaan
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @elseif($model->status == $constant::INVOICE_STATUS_CONFIRMATION)
        <div id="modal-send-akad" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.restructureinvoice.updateStatus', ['invoiceId' => $model->id]) }}"
                    method="POST" id="formAkad" enctype="multipart/form-data">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_AKAD }}">
                    {{-- <input type="hidden" name="adminFeeDate" id="adminFeeDate"> --}}
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Kirim Akad Borrower</h4>
                        </div>
                        <div class="modal-body p-15 text-center">
                            <div class="row">
                                <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                                <p class="mb-25"><b>Anda akan mengirimkan akad kepada borrower?</b></p>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnSubmit" type="button" onclick="triggerSubmitAkadForm()">
                                Kirim Akad
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @elseif($model->status == $constant::INVOICE_STATUS_CONFIRMED)
        <div id="modal-update-transfer" class="modal fade" role="dialog">
            <form id="form-modal-update-transfer"
                action="{{ route('admin.restructureinvoice.paidTransaksi', ['invoiceId' => $model->id]) }}"
                method="POST">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Ubah Status Transaksi Menjadi Berhasil</h4>
                        </div>
                        <div class="modal-body">
                            <input type="hidden" name="id" id="modal-update-id">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-md-4">Status</div>
                                    <div class="col-md-8" id="modal-update-status"></div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Deskripsi Transaksi</div>
                                    <div class="col-md-8" id="modal-update-description"></div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Keterangan Perubahan</div>
                                    <div class="col-md-8">
                                        <textarea name="mark" class="form-control"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer text-center">
                                <button class="btn btn-primary" type="button" onclick="submitPaidTransaksi()">Selesaikan
                                    Transaksi</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <div id="modal-fund-transfer" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">
                @php
                    if (
                        strcmp(
                            $borrower->creditApplicationBusiness->bankAccountName,
                            $borrower->creditApplicationBusiness->resBankAccountOwner
                        ) != 0 ||
                        $borrower->creditApplicationBusiness->resBankStatus == Constant::CHECK_ACCOUNT_STATUS_FAILED
                    ) {
                        $disableBtn = 'disabled';
                    } else {
                        $disableBtn = '';
                    }

                @endphp
                @if ($disableBtn == '')
                    <form
                        action="{{ route('admin.restructureinvoice.createDataTransaksi', ['invoiceId' => $model->id]) }}"
                        method="POST">
                    @else
                        <form action="#">
                @endif
                <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_ACTIVE }}">
                <input type="hidden" name="type_transfer" value="fund_transfer">
                <div class="modal-content">
                    <div class="modal-header p-15">
                        <h4 class="modal-title">Pilih metode Transfer</h4>
                    </div>
                    <div class="modal-body">
                        <div class="button-toggle text-center">
                            <button class="btn btn-primary" type="button" data-toggle="modal"
                                data-target="#modal-manual-transfer">
                                Manual Transfer
                            </button>
                            <button type="button" class="btn btn-primary" data-toggle="collapse"
                                data-target="#box-fund-transfer" role="button" aria-expanded="false"
                                aria-controls="box-fund-transfer">
                                Fund Transfer
                            </button>
                        </div>

                        <div class="collapse multi-collapse pt-15" id="box-fund-transfer">
                            <div class="card">
                                <div class="card-header">
                                    Informasi Borrower
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <div class="col-md-12 mb-10">
                                            <strong>Informasi Pribadi</strong>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nama</div>
                                            <div class="col-md-8">: {{ $borrower->fullName }}</div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">No. HP</div>
                                            <div class="col-md-8">: {{ $borrower->mobilePhone }}</div>
                                        </div>

                                        <div class="col-md-12 mb-10">
                                            <hr>
                                            <strong>Informasi Badan Usaha</strong>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nama Badan Usaha</div>
                                            <div class="col-md-8">:
                                                {{ $borrower->creditApplicationBusiness->businessName }}</div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nama Pemilik Rekening</div>
                                            <div class="col-md-8">:
                                                <strong>{{ $borrower->creditApplicationBusiness->bankAccountName }}</strong>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nama Bank</div>
                                            <div class="col-md-8">:
                                                {{ $borrower->creditApplicationBusiness->bankNameFundTransfer }}</div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nomor Rekening</div>
                                            <div class="col-md-8">:
                                                <strong>{{ $borrower->creditApplicationBusiness->bankAccountNumber }}</strong>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nilai Pembiayaan</div>
                                            <div class="col-md-8">:
                                                <strong>{{ $model::AMOUNT_CURRENCY . ' ' . number_format($model->getValue('fundingValue', '', $language), 2, ',', '.') }}</strong>
                                            </div>
                                        </div>

                                        <div class="col-md-12 mb-10">
                                            <hr>
                                            <strong>Informasi Pengecekan Akun Bank</strong>
                                            <span class="pull-right">
                                                @if (strcmp(
                                                        $borrower->creditApplicationBusiness->bankAccountName,
                                                        $borrower->creditApplicationBusiness->resBankAccountOwner) != 0)
                                                    <strong class="badge badge-warning">Nama Pemilik Rekening Tidak
                                                        Sama</strong>
                                                @else
                                                    <strong class="badge badge-success">Nama Pemilik Rekening Sama</strong>
                                                @endif
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Status</div>
                                            <div class="col-md-8">:
                                                <span
                                                    class="badge badge-{{ Constant::FUNDTRANSFER_STATUS_TRANSACTION_CLASS[$borrower->creditApplicationBusiness->resBankStatus] }}">{{ Constant::CHECK_ACCOUNT_STATUS_LABELS[$borrower->creditApplicationBusiness->resBankStatus] }}</span>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Nama Pemilik Rekening</div>
                                            <div class="col-md-8">:
                                                <strong>{{ $borrower->creditApplicationBusiness->resBankAccountOwner }}</strong>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-md-4">Deskripsi</div>
                                            <div class="col-md-8">:
                                                {{ $borrower->creditApplicationBusiness->resDescriptionStatus }}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    Metode Fund Transfer
                                </div>
                                <div class="card-body">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="fund_transfer_type"
                                            id="option-bifast"
                                            value="{{ $constant::FUNDTRANSFER_TYPE_TRANSACTION_BIFAST }}" checked>
                                        <label class="form-check-label mb-0" for="option-bifast">
                                            BI FAST
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="fund_transfer_type"
                                            id="option-skn"
                                            value="{{ $constant::FUNDTRANSFER_TYPE_TRANSACTION_SKN }}">
                                        <label class="form-check-label mb-0" for="option-skn">
                                            SKN
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="fund_transfer_type"
                                            id="option-rtgs"
                                            value="{{ $constant::FUNDTRANSFER_TYPE_TRANSACTION_RTGS }}">
                                        <label class="form-check-label mb-0" for="option-rtgs">
                                            RTGS
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="fund_transfer_type"
                                            id="option-intrabank"
                                            value="{{ $constant::FUNDTRANSFER_TYPE_TRANSACTION_INTRABANK }}">
                                        <label class="form-check-label mb-0" for="option-intrabank">
                                            Online Transfer (Intrabank)
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="fund_transfer_type"
                                            id="option-interbank"
                                            value="{{ $constant::FUNDTRANSFER_TYPE_TRANSACTION_INTERBANK }}">
                                        <label class="form-check-label mb-0" for="option-interbank">
                                            Online Transfer (Interbank)
                                        </label>
                                    </div>
                                </div>
                                <div class="modal-footer text-center">
                                    <button class="btn btn-primary" type="submit" {{ $disableBtn }}>
                                        Transfer Dana
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>

        <div id="modal-manual-transfer" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.restructureinvoice.updateStatus', ['invoiceId' => $model->id]) }}"
                    method="POST">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_ACTIVE }}">
                    <input type="hidden" name="type_transfer" value="manual_transfer">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Transfer Dana ke Borrower?</h4>
                            <p>Langkah ini tidak bisa bisa diulang. Klik button Transfer Dana untuk melanjutkan dan mengubah
                                status pembiayaan.</p>
                        </div>
                        <div class="modal-body p-15 text-center">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-md-4">Nama Bank Pengirim</div>
                                    <div class="col-md-8">
                                        <select class="form-control" id="selected-bank-ojk" name="ojk_bank_name"
                                            required>
                                            <option selected disabled>--pilih--</option>
                                            @foreach ($bankOjk as $value)
                                                <option value="{{ $value->code }}">{{ $value->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnSubmit" type="submit">
                                Transfer Dana
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @elseif($model->status === $constant::INVOICE_STATUS_ACTIVE)
        <div id="modal-accept-repayment" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.restructureinvoice.repayment', ['id' => $model->id]) }}" method="POST">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_COMPLETED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15 text-center">
                            <br>
                            <h4 class="modal-title"><b>Terima Repayment ?</b></h4>
                            <p>Langkah ini tidak bisa diulang. Klik button Terima Repayment untuk melanjutkan dan
                                menyelesaikan pembiayaan.</p>
                        </div>
                        <div class="modal-body p-15">
                            <p>Pilih case repayment : </p>
                            @foreach ($constant::INVOICE_REPAYMENT_TYPE_LABELS as $key => $item)
                                <input type="radio" name="repaymentType" value="{{ $key }}" required />
                                {{ $constant::INVOICE_REPAYMENT_TYPE_LABELS[$key] }} <br>
                            @endforeach
                            {{-- <hr> --}}
                            <div id="repayment-type-accelerated" class="pt-10" hidden>
                                <label>Tanggal dipercepat</label>
                                <div class="input-group accelerated-date-div" style="width: 100% !important;">
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                    <input name="acceleratedDate" type="text"
                                        class="datepickerinput form-control accelerated-date"
                                        data-date-format="YYYY-MM-DD">
                                </div>
                                <small id="warning-text" class="text text-sm text-danger"></small>
                            </div>
                            <div id="repayment-type-late" class="pt-10" hidden>
                                <label>Masukkan nilai pengembalian dana</label>
                                <div class="input-group">
                                    <span class="input-group-addon">Rp</span>
                                    <input class="form-control text-center autonumeric repaymentPartialFundingValue"
                                        type="text" name="repaymentPartialFundingValue">
                                </div>
                                <label>Masukkan total ujroh</label>
                                <div class="input-group">
                                    <span class="input-group-addon">Rp</span>
                                    <input class="form-control text-center autonumeric repaymentPartialTotalMargin"
                                        type="text" name="repaymentPartialTotalMargin" value="0">
                                </div>
                                <input type="checkbox" name="statusRepayment"> <small>Pengembalian dana sudah
                                    terpenuhi</small>
                                {{-- <p class="text-center">Pengembalian dana terindikasi <strong id="repaymentDescription">. .</strong></p> --}}
                            </div>
                            <div class="text-center">
                                <hr>
                                <button class="btn btn-secondary" type="button" data-toggle="modal"
                                    id="btn-preview-repayment" data-target="#preview-repayment" disabled>
                                    Preview Repayment Pemberi Pembiayaan
                                </button>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnSubmit" type="submit" id="btn-repayment" disabled>
                                Terima Repayment
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @elseif($model->status === $constant::INVOICE_STATUS_COMPLETED)
        <div id="modal-accept-rest-repayment" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.restructureinvoice.repayment', ['id' => $model->id]) }}" method="POST">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_COMPLETED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15 text-center">
                            <br>
                            <h4 class="modal-title"><b>Terima Sisa Repayment ?</b></h4>
                            <p>Langkah ini tidak bisa diulang. Klik button Terima Repayment untuk melanjutkan dan
                                menyelesaikan pembiayaan.</p>
                        </div>
                        <div class="modal-body p-15">
                            <input type="hidden" name="repaymentType"
                                value="{{ $constant::INVOICE_REPAYMENT_TYPE_LATE }}">
                            <div id="repayment-type-late" class="pt-10">
                                <label>Masukkan nilai pengembalian dana</label>
                                <div class="input-group">
                                    <span class="input-group-addon">Rp</span>
                                    <input class="form-control text-center autonumeric repaymentPartialFundingValue"
                                        type="text" name="repaymentPartialFundingValue">
                                </div>
                                <label>Masukkan total ujroh</label>
                                <div class="input-group">
                                    <span class="input-group-addon">Rp</span>
                                    <input class="form-control text-center autonumeric repaymentPartialTotalMargin"
                                        type="text" name="repaymentPartialTotalMargin" value="0">
                                </div>
                                {{-- <p class="text-center">Pengembalian dana terindikasi <strong id="repaymentDescription">. .</strong></p> --}}
                                <input type="checkbox" name="statusRepayment"> <small>Pengembalian dana sudah
                                    terpenuhi</small>
                            </div>
                            <div class="text-center">
                                <hr>
                                <button class="btn btn-secondary" type="button" data-toggle="modal"
                                    id="btn-preview-repayment" data-target="#preview-repayment" disabled>
                                    Preview Sisa Repayment Pemberi Pembiayaan
                                </button>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnSubmit" type="submit" id="btn-repayment" disabled>
                                Terima Sisa Repayment
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if ($model->status === $constant::INVOICE_STATUS_ACTIVE || $model->status === $constant::INVOICE_STATUS_COMPLETED)
        <div id="preview-repayment" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">
                <form action="{{ route('admin.restructureinvoice.updateStatus', ['invoiceId' => $model->id]) }}"
                    method="POST">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_COMPLETED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15 bg-primary text-center"
                            style="background-color: #337ab7 !important;">
                            <button type="button" class="close" data-dismiss="modal"
                                style="color: white; opacity: .7;">&times;</button>
                            <h4><b>Preview Repayment</b></h4>
                        </div>
                        <div class="modal-body p-15">
                            <div class="row">
                                <div class="col-md-12 col-lg-4">
                                    <h5><b>Metode pengembalian dana</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: <span id="repayment-type-span"></span></h5>
                                </div>

                                <div class="col-md-12 col-lg-4 accelarated-date-div">
                                    <h5><b>Tanggal Percepatan</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 accelarated-date-div">
                                    <h5>: <span></span></h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5><b>Nilai pokok pembiayaan</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: Rp <span id="funding-value-span"></span></h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5><b>Total ujroh</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: Rp <span id="total-margin-span"></span></h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5><b>Pph 23%</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: Rp <span id="pph-span"></span></h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5><b>Total pengembalian dana dari borrower</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: Rp <span id="total-repayment-borrower-span"></span></h5>
                                </div>
                            </div>
                            <hr>
                            <h4 class="text-center mb-20"><b>List Refund Pemberi Pembiayaan</b></h4>
                            <div class="row">
                                <div class="col-12 repayment-card"></div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Close
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if (in_array($model->status, $constant::INVOICE_CANCELABLE_STATUS_LIST))
        <div id="modal-cancel-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.restructureinvoice.updateStatus', ['invoiceId' => $model->id]) }}"
                    method="POST">
                    <input type="hidden" name="status" value="{{ $constant::INVOICE_STATUS_CANCELLED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Batalkan Pembiayaan</h4>
                        </div>
                        <div class="modal-body p-15 text-center">
                            <div class="row">
                                <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                                <p class="mb-25"><b>Anda akan membatalkan pembiayaan ini?</b></p>
                            </div>
                            <div class="form-group">
                                <textarea name="remarks" id="" cols="30" rows="3" class="form-control"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnSubmit" type="submit">
                                Batalkan Pembiayaan
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif

    <div class="modal fade" id="modal-cancel-invoice-payment" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-center" id="myModalLabel">Batalkan Pendanaan</h4>
                </div>
                <div class="modal-body text-center">
                    <div class="row">
                        <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                        <p class="mb-25"><b>Anda akan membatalkan pendanaan ini?</b></p>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-md-12">
                        <div class="col-md-6">
                            <a>
                                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
                            </a>
                        </div>
                        <div class="col-md-6 text-left">
                            <a>
                                <button type="submit" class="btn btn-default btn-danger delete-button-confirm">Batalkan
                                    Pendanaan</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-check-transfer" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header p-15">
                    <h4 class="modal-title">Detail Riwayat Transaksi</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-4">Tipe</div>
                            <div class="col-md-8" id="modal-check-type"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">Status</div>
                            <div class="col-md-8" id="modal-check-status"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">Nilai Transfer</div>
                            <div class="col-md-8" id="modal-check-amount"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">Reference Number</div>
                            <div class="col-md-8" id="modal-check-reference-number"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">Deskripsi Transaksi</div>
                            <div class="col-md-8" id="modal-check-description"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">Keterangan Update</div>
                            <div class="col-md-8" id="modal-check-mark"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">Tanggal Transaksi</div>
                            <div class="col-md-8" id="modal-check-transfer-date"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modal-set-paid" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('admin.restructureinvoice.setPaid') }}" method="POST">
                    <div class="modal-header">
                        <h4 class="modal-title text-center" id="myModalLabel">Ubah status dana menjadi lunas</h4>
                    </div>
                    <div class="modal-body text-center">
                        <div class="row">
                            <input type="hidden" name="invoicePaymentId">
                            <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                            <p class="mb-25"><b>Anda yakin ingin mengubah status dana menjadi lunas ?</b></p>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <a>
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
                                </a>
                            </div>
                            <div class="col-md-6 text-left">
                                <a>
                                    <button type="submit" class="btn btn-default btn-primary">Setuju</button>
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <input type="hidden" name="invoiceId" value="{{ $model->id }}">
    <input type="hidden" name="activeAt" value="{{ date('Y-m-d', strtotime($model->activeAt)) }}">

    <script>
        var vueData = {!! json_encode($model) !!};
        // dokumen pendukung
        vueData.documentText = '{{ preg_replace("/\r|\n/", '', $model->documentText) }}';
        vueData.documentAttachment = {!! json_encode($model->documentAttachmentList) !!};

        vueData.documentAttachment.push({
            name: '',
            url: ''
        });

        @if ($model->lenderType == $constant::INVOICE_LENDER_TYPE_PUBLIC)
            vueData.readonly = true;
            vueData.investorIdList = [];
            vueData.investorList = [];
        @else
            vueData.readonly = false;
            vueData.investorList = {!! json_encode($model->investorList) !!};
        @endif

        @if (empty($model->customerDetail->ccEmail))
            vueData.ccEmailList = [];
        @else
            vueData.ccEmailList = {!! $model->customerDetail->ccEmail !!};
        @endif


        var vueExtraMethods = {
            checkLenderType: function(label) {
                if (label == 'Public') {
                    vueApp.readonly = true;
                    vueApp.$forceUpdate();
                } else {
                    vueApp.readonly = false;
                    vueApp.$forceUpdate();
                }

                return vueApp.readonly;
            },
            checkDisabled: function() {
                alert(disabled);

                let disabled = false;

                if (this.readonly == 1) {
                    disabled = true;
                } else {
                    disabled = false;
                }

                return disabled;
            },
            processAttachment: function(event, index) {
                var input = event.target;
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = (e) => {
                        this.documentAttachment[index].name = input.files[0].name;
                        this.documentAttachment[index].url = e.target.result;
                        this.documentAttachment.push({
                            name: '',
                            url: ''
                        });
                    }
                    reader.readAsDataURL(input.files[0]);
                }
                vueApp.$forceUpdate();
            },
            removeAttachment: function(event, index) {
                this.documentAttachment.splice(index, 1);
                var inputFields = $(event.target).parent().parent().find('input');
                vueApp.$forceUpdate();
            }
        }
    </script>
@endsection

@section('jsCustom')
    <script>
        $('#selected-custom-field').select2();
        $('#selected-bank-ojk').select2();

        var marginRate = $('[name=marginRate]').val();
        var monthlyProfit = parseFloat(marginRate) / 12;
        var dailyProfit = parseFloat(monthlyProfit) / 30;

        var periodType = $('input:radio[name="periodType"]:checked').val();

        var duhaMarginRate = $('[name=duhaMarginRate]').val();
        var investorMarginRate = $('[name=investorMarginRate]').val();

        var invoiceType = $('input:radio[name="invoiceType"]:checked').val();

        var redDayList = {!! json_encode($redDayList) !!};

        $(function() {
            if (redDayList === null) {
                alert('API URL TANGGAL MERAH SUDAH TIDAK DAPAT DIGUNAKAN LAGI');
            }

            if (periodType == '{{ $constant::INVOICE_PERIOD_TYPE_MONTH }}') {
                $('[name=period]').prop('readonly', false);
                $('[name=periodDay]').prop('readonly', true);

                $('[name=marginRate]').prop('readonly', false);
                $('#dailyProfit').prop('disabled', true);
            } else {
                $('[name=period]').prop('readonly', true);
                $('[name=periodDay]').prop('readonly', false);

                $('[name=marginRate]').prop('readonly', true);
                $('#dailyProfit').prop('disabled', false);
            }

            if (invoiceType == '{{ $constant::INVOICE_LENDER_TYPE_PUBLIC }}') {
                $('#investorList').prop('readonly', true);
            } else {
                $('#investorList').prop('readonly', false);
            }

            $('#monthlyProfit').val(parseFloat(monthlyProfit).toFixed(2));
            $('#dailyProfit').val(parseFloat(dailyProfit).toFixed(3));

            $('#duhaMarginRate').val(parseFloat(duhaMarginRate).toFixed(2));
            $('#investorMarginRate').val(parseFloat(investorMarginRate).toFixed(2));


            $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
                $($.fn.dataTable.tables(true)).DataTable().columns.adjust().draw();
            });

            $('input:radio[name="periodType"]').change(function() {
                if (this.value == '{{ $constant::INVOICE_PERIOD_TYPE_MONTH }}') {
                    $('[name=period]').prop('readonly', false).val(0);
                    $('[name=periodDay]').prop('readonly', true).val(0);

                    $('[name=marginRate]').prop('readonly', false);
                    $('#dailyProfit').prop('disabled', true);
                } else {
                    $('[name=period]').prop('readonly', true).val(0);
                    // $('[name=period]').val('');
                    $('[name=periodDay]').prop('readonly', false).val(0);

                    $('[name=marginRate]').prop('readonly', true);
                    $('#dailyProfit').prop('disabled', false);
                }
            });

            $('[name=marginRate]').keyup(function() {
                let monthlyProfit = $('#monthlyProfit');
                let dailyProfit = $('#dailyProfit');
                let yearlyProfit = $(this).val();

                if (yearlyProfit !== '') {
                    let totalMonthly = parseFloat(yearlyProfit) / 12;
                    let totalDaily = parseFloat(totalMonthly) / 30;
                    monthlyProfit.val(parseFloat(totalMonthly).toFixed(2));
                    dailyProfit.val(parseFloat(totalDaily).toFixed(3));
                } else {
                    monthlyProfit.val('');
                    dailyProfit.val('');
                }
            });

            $('#dailyProfit').keyup(function() {
                let yearlyProfit = $('[name=marginRate]');
                let monthlyProfit = $('#monthlyProfit');
                let dailyProfit = $(this).val();

                if (dailyProfit !== '') {
                    let totalMonthly = parseFloat(dailyProfit) * 30;
                    let totalYearly = parseFloat(totalMonthly) * 12;
                    monthlyProfit.val(parseFloat(totalMonthly).toFixed(2));
                    yearlyProfit.val(parseFloat(totalYearly).toFixed(2));
                } else {
                    monthlyProfit.val('');
                    yearlyProfit.val('');
                }
            });

            $('[name=period]').keyup(function() {
                if ($("input[name='periodType']:checked").val() ==
                    '{{ $constant::INVOICE_PERIOD_TYPE_MONTH }}') {
                    let periodDay = $('#periodDay');
                    let periodMonth = $(this).val();

                    // alert(periodMonth);

                    if (periodMonth !== '') {
                        totalDay = parseInt(periodMonth) * 30;
                        periodDay.val(totalDay);
                    } else {
                        periodDay.val('');
                    }

                    setDueData(periodDay.val(), redDayList);
                }
            });

            $('[name=periodDay]').keyup(function() {
                let periodMonth = $('#period');
                let periodDay = $(this).val();

                /* let totalMonth = parseInt(periodDay) / 30;
                periodMonth.val(Math.floor(totalMonth).toFixed(0)); */

                setDueData(periodDay, redDayList);
            });

            $('[name=duhaMarginRate]').keyup(function() {
                let marginRateDuha = $('#duhaMarginRate').val();
                let marginRateInvestor = $('#investorMarginRate');

                let marginInvestor = 100 - marginRateDuha;
                marginRateInvestor.val(parseFloat(marginInvestor).toFixed(2));
            });

            $('[name=investorMarginRate]').keyup(function() {
                let marginRateDuha = $('#duhaMarginRate');
                let marginRateInvestor = $('#investorMarginRate').val();

                let marginDuha = 100 - marginRateInvestor;
                marginRateDuha.val(parseFloat(marginDuha).toFixed(2));
            });

            // $("#modal-send-akad").on('shown.bs.modal', function () {
            //     $("#adminFeeDate").val($("#adminFeeDateSet").val());
            // });

            $("#emailDueDateHead").on('dp.change', function(e) {
                var date = $('#emailDueDate').val();
                var formatDate = new Date(date);
                var nationalHoldayDate = Object.values(redDayList);
                if (formatDate.getDay() == 0 || formatDate.getDay() == 6 || nationalHoldayDate.includes(
                        date)) {
                    $('#warningRedDays').text(
                    'Tanggal yang dipilih termasuk pada tanggal merah nasional !');
                } else {
                    $('#warningRedDays').text('');
                }
            });

            $("table tbody").on("click", 'td button.btn-set-paid', function() {
                $('[name="invoicePaymentId"]').val($(this).data("ids"));
            });

            // { REPAYMENT EVENT
            let invoiceId;
            let repaymentTypeValue;
            let repaymentTypeAccelerated;
            let repaymentTypeLate;
            let btnPreviewRepayment;
            let btnRepayment;
            let inputAcceleratedDate;
            let inputRepaymentPartialFundingValue;
            let inputRepaymentPartialTotalMargin;

            $('input:radio[name="repaymentType"]').change(function(e) {
                repaymentTypeValue = $(this).val();
                repaymentTypeAccelerated = $("#repayment-type-accelerated");
                repaymentTypeLate = $("#repayment-type-late");
                btnPreviewRepayment = $("#btn-preview-repayment");
                btnRepayment = $("#btn-repayment");
                inputAcceleratedDate = $('[name="acceleratedDate"]');
                inputRepaymentPartialFundingValue = $('[name="repaymentPartialFundingValue"]');
                inputRepaymentPartialTotalMargin = $('[name="repaymentPartialTotalMargin"]');

                if (repaymentTypeValue == '{{ $constant::INVOICE_REPAYMENT_TYPE_LATE }}') {
                    repaymentTypeLate.prop("hidden", false);
                    repaymentTypeAccelerated.prop("hidden", true);
                    inputAcceleratedDate.data("DateTimePicker").clear();
                    let disableBtn = (inputRepaymentPartialFundingValue == "") ? false : true;
                    btnPreviewRepayment.prop("disabled", disableBtn);
                    btnRepayment.prop("disabled", disableBtn);
                } else if (repaymentTypeValue == '{{ $constant::INVOICE_REPAYMENT_TYPE_ACCELERATED }}') {
                    repaymentTypeLate.prop("hidden", true);
                    repaymentTypeAccelerated.prop("hidden", false);
                    inputRepaymentPartialFundingValue.val(null);
                    inputRepaymentPartialTotalMargin.val(0);
                    let disableBtn = (inputAcceleratedDate == "") ? false : true;
                    btnPreviewRepayment.prop("disabled", disableBtn);
                    btnRepayment.prop("disabled", disableBtn);
                } else {
                    repaymentTypeLate.prop("hidden", true);
                    repaymentTypeAccelerated.prop("hidden", true);
                    inputRepaymentPartialFundingValue.val(null);
                    inputRepaymentPartialTotalMargin.val(0);
                    inputAcceleratedDate.data("DateTimePicker").clear();
                    btnPreviewRepayment.prop("disabled", false);
                    btnRepayment.prop("disabled", false);
                }

            });

            $('#modal-accept-repayment, #modal-accept-rest-repayment').on("keyup",
                '[name="repaymentPartialFundingValue"]',
                function() {
                    btnPreviewRepayment = $("#btn-preview-repayment");
                    btnRepayment = $("#btn-repayment");
                    inputRepaymentPartialFundingValue = $('[name="repaymentPartialFundingValue"]').val();

                    let disableBtn = (inputRepaymentPartialFundingValue == "") ? true : false;
                    btnPreviewRepayment.prop("disabled", disableBtn);
                    btnRepayment.prop("disabled", disableBtn);
                    //     let fundingValue = $('[name="fundingValue"]').val();
                    //     let repaymentDescription = $("#repaymentDescription");
                    //     repaymentSubmissionValue = parseInt(repaymentSubmissionValue.replaceAll('.', ''));
                    //     fundingValue = parseInt(fundingValue);

                    //     if (repaymentSubmissionValue >= fundingValue) {
                    //         repaymentDescription.text("PERCEPATAN PELUNASAN");
                    //         repaymentDescription.addClass("text-warning");
                    //         repaymentDescription.removeClass("text-danger");
                    //     }else{
                    //         repaymentDescription.text("TELAT BAYAR");
                    //         repaymentDescription.addClass("text-danger");
                    //         repaymentDescription.removeClass("text-warning");
                    //     }
                });

            $('.accelerated-date-div').on('dp.change', function() {
                btnPreviewRepayment = $("#btn-preview-repayment");
                btnRepayment = $("#btn-repayment");
                let inputAcceleratedDate = $('[name="acceleratedDate"]').val();;
                let activeDate = $('[name="activeAt"]').val();
                let dueDate = $("#emailDueDate").val();

                if (inputAcceleratedDate == "") {
                    btnPreviewRepayment.prop("disabled", true);
                    btnRepayment.prop("disabled", true);
                } else {
                    if ((inputAcceleratedDate < activeDate) || (inputAcceleratedDate > dueDate)) {
                        btnPreviewRepayment.prop("disabled", true);
                        btnRepayment.prop("disabled", true);
                    } else {
                        btnPreviewRepayment.prop("disabled", false);
                        btnRepayment.prop("disabled", false);
                    }

                    if (inputAcceleratedDate < activeDate) {
                        $("#repayment-type-accelerated #warning-text").text(
                            "Tanggal percepatan kurang dari tanggal berjalan invoice !");
                    } else if (inputAcceleratedDate > dueDate) {
                        $("#repayment-type-accelerated #warning-text").text(
                            "Tanggal percepatan lebih dari tanggal jatuh tempo invoice !");
                    } else {
                        $("#repayment-type-accelerated #warning-text").text("");
                    }
                }
            });

            $("#btn-preview-repayment").click(function(e) {
                invoiceId = $('input[name="invoiceId"]').val();
                repaymentTypeValue = $('input[name="repaymentType"]:checked').length === 0 ? $(
                    'input[name="repaymentType"]').val() : $('input[name="repaymentType"]:checked')
                .val();
                inputRepaymentPartialFundingValue = $('[name="repaymentPartialFundingValue"]');
                inputRepaymentPartialTotalMargin = $('[name="repaymentPartialTotalMargin"]');

                let param, acceleratedDate, repaymentPartialFundingValue, repaymentPartialTotalMargin = "";
                if (repaymentTypeValue == "{{ $constant::INVOICE_REPAYMENT_TYPE_LATE }}") {
                    repaymentPartialFundingValue = parseInt(inputRepaymentPartialFundingValue.val()
                        .replaceAll('.', ''));
                    repaymentPartialTotalMargin = parseInt(inputRepaymentPartialTotalMargin.val()
                        .replaceAll('.', ''));
                } else if (repaymentTypeValue == "{{ $constant::INVOICE_REPAYMENT_TYPE_ACCELERATED }}") {
                    acceleratedDate = $('[name="acceleratedDate"]').val();
                }
                $.ajax({
                    type: "POST",
                    url: `{{ route('admin.restructureinvoice.previewRepayment') }}`,
                    data: {
                        id: invoiceId,
                        repaymentType: repaymentTypeValue,
                        acceleratedDate: acceleratedDate,
                        repaymentPartialFundingValue: repaymentPartialFundingValue,
                        repaymentPartialTotalMargin: repaymentPartialTotalMargin
                    },
                    dataType: "JSON",
                    success: function(response) {
                        previewRepayment(response);
                    }
                });
            });
            // }

        });

        function setStatus(status) {
            $('[name="status"]').val(status);
        };

        function triggerSubmitMainForm() {
            $('#formMain').submit();
        }

        function triggerSubmitAkadForm() {
            $('[name="borrowerQardhContract"]').clone().hide().appendTo($('#formAkad'));
            $('[name="borrowerWakalahContract"]').clone().hide().appendTo($('#formAkad'));
            $('[name="borrowerMusyarakahContract"]').clone().hide().appendTo($('#formAkad'));

            $('#formAkad').submit();
        }

        function customColumns(index) {
            if (index === 0) {
                return {
                    9: function(data, type, row, meta) {
                        if (data == "") {
                            return "Belum verifikasi hold balance";
                        } else {
                            return `<a href=${data} target="_blank">Lihat Dokumen</a>`;
                        }

                    },
                    10: function(data, type, row, meta) {
                        if (row[9] == "") {
                            return "Belum verifikasi hold balance";
                        } else {
                            return `<a href=${data} target="_blank">Lihat Dokumen</a>`;
                        }
                    },
                    11: function(data, type, row, meta) {
                        if (row[6] == '{{ $constant::INVOICE_PAYMENT_AKAD_STATUS_LABELS['COMPLETE'] }}') {
                            var result = '<a href="{{ route('admin.privy.getSignedDoc', ['token' => '']) }}/' + data +
                                '" target="_blank">Lihat Dokumen</a>';
                        } else {
                            var result = 'N/A';
                        }
                        return result;
                    },
                    13: function(data, type, row, meta) {
                        data = JSON.parse(data);
                        var html = '';

                        if (('{{ $model->status }}' == '{{ $constant::INVOICE_STATUS_OFFERED }}') && (data
                                .akadStatus == '{{ $constant::INVOICE_PAYMENT_AKAD_STATUS_PENDING }}')) {
                            // 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.expireInvoicePayment', ['id' => '']) }}/' + data.id + '"> Upload Akad</button>';
                            // 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.expireInvoicePayment', ['id' => '']) }}/' + data.id + '"> Kirim Akad</button>';
                        }

                        if (data.isEditable) {
                            {{-- html += '<button type="button" class="btn btn-default btn-xs delete-button-modal" data-toggle="modal" data-target="#modal-cancel-invoice-payment" data-url="{{ route('admin.expireInvoicePayment', ['id'=>'']) }}/' + data.id + '"> Batal</button>'; --}}
                            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.expireInvoicePayment', ['id' => '']) }}/' +
                                data.id + '"> Batal</button>';

                            if ('{{ $model->status }}' != '{{ $constant::INVOICE_STATUS_OFFERED }}') {
                                if ((data.akadStatus == '{{ $constant::INVOICE_PAYMENT_AKAD_STATUS_COMPLETE }}' &&
                                        data.paymentStatus ==
                                        '{{ $constant::INVOICE_PAYMENT_PAYMENT_STATUS_UNPAID }}' && data
                                        .methodPayment !=
                                        '{{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_RDI_DANAMON }}') || (data
                                        .rdlStatus !=
                                        '{{ $constant::INVOICE_PAYMENT_RDI_DANAMON_STATUS_DISBURSEMENT }}' && data
                                        .methodPayment ==
                                        '{{ $constant::INVOICE_PAYMENT_METHOD_PAYMENT_RDI_DANAMON }}' && (
                                            '{{ $model->status }}' ==
                                            '{{ $constant::INVOICE_STATUS_LENDER_PAYMENT }}' ||
                                            '{{ $model->status }}' == '{{ $constant::INVOICE_STATUS_CONFIRMED }}')
                                        )) {
                                    html +=
                                        '<button type="button" class="btn btn-primary btn-xs btn-set-paid" data-toggle="modal" data-target="#modal-set-paid" data-ids="' +
                                        data.id + '"> Set Paid</button>';
                                }
                            }
                        }

                        return html;
                    }
                }
            } else {
                return '';
            }
        }

        function approveInvoice() {
            var btn = $('.buttonApproveInvoice').ladda();
            btn.ladda('start');
            $('#formMain').submit();
        }

        function setDueData(periodDay, redDayList) {
            if (periodDay.length !== 0 && redDayList.length !== 0) {
                var date = new Date();
                var addRedDay = 0;
                var nationalHoldayDate = Object.values(redDayList);
                date.setDate(date.getDate() + parseInt(periodDay));
                // 0 = sunday | 6 = saturday -> standart get day javascript
                while (date.getDay() == 0 || date.getDay() == 6 || nationalHoldayDate.includes(date.toISOString().slice(0,
                        10))) {
                    ++addRedDay;
                    date.setDate(date.getDate() + 1);
                }
                $('#additionalRedDay').val(addRedDay);
                $('#emailDueDate').val(date.toISOString().slice(0, 10));
            }
        }

        function checkAccount() {
            const checkAccountUrl = $("#checkAccountUrl").val();
            const checkAccountName = $("#bank-account-name").val();
            const checkAccountBankName = $("#selected-custom-field").val();
            const checkAccountBankNumber = $("#checkBankAccountNumber").val();
            const checkCreditApplicationBusinessId = $("#checkCreditApplicationBusinessId").val();

            if (checkAccountName == "") {
                alert("Isi Nama Pemiliki Rekening Telebih Dahulu.");
            }
            if (checkAccountBankName == null) {
                alert("Pilih Nama Bank Telebih Dahulu.");
            }

            if (checkAccountName && checkAccountBankName) {
                let btn = $("#btn-check-account");
                let btnHtml = btn.html();
                btn.html('<i class="fa fa-spinner fa-spin"></i> ' + btnHtml);
                btn.prop("disabled", true);
            }

            const AccountBankName = checkAccountBankName.split("=");
            $.ajax({
                    method: "POST",
                    url: checkAccountUrl,
                    data: {
                        bank_account_name: checkAccountName,
                        bic_code: AccountBankName[0],
                        bank_name: AccountBankName[1],
                        bank_number: checkAccountBankNumber,
                        creditApplicationBusinessId: checkCreditApplicationBusinessId,
                    }
                })
                .done(function(res) {
                    location.reload();
                    // console.log(res);
                });
        }

        function checkTransaction(el) {
            const status = $(el).data('status');
            const statusBadge = $(el).data('status-badge');
            const type = $(el).data('type');
            const amount = $(el).data('amount');
            const refrenceNumber = $(el).data('refrence-number');
            const description = $(el).data('description');
            const transferDate = $(el).data('transfer-date');
            const mark = $(el).data('mark');
            $("#modal-check-type").html(`: <span class="badge badge-primary">${type}</span>`);
            $("#modal-check-status").html(`: ${statusBadge}`);
            $("#modal-check-amount").html(`: ${amount}`);
            $("#modal-check-reference-number").html(`: ${refrenceNumber}`);
            $("#modal-check-description").html(`: ${description}`);
            $("#modal-check-mark").html(`: ${mark}`);
            $("#modal-check-transfer-date").html(`: ${transferDate}`);

            $('#modal-check-transfer').modal('toggle');
        }

        function updateTransaction(el) {
            const id = $(el).data('id');
            const statusBadge = $(el).data('status-badge');
            const description = $(el).data('description');

            $("#modal-update-id").val(id);
            $("#modal-update-status").html(`: ${statusBadge}`);
            $("#modal-update-description").html(`: ${description}`);

            $('#modal-update-transfer').modal('toggle');
        }

        function submitPaidTransaksi() {
            $("#form-modal-update-transfer").submit();
        }

        function previewRepayment(data) {
            let acceleratedDateDiv = $("div#preview-repayment .accelarated-date-div");
            let acceleratedDateText = $("div#preview-repayment .accelarated-date-div span");
            let repaymentBorrower = data.repaymentBorrower;
            let repaymentLender = data.repaymentLender;

            $("div#preview-repayment #repayment-type-span").text(repaymentBorrower.textCase);
            $("div#preview-repayment #funding-value-span").text(repaymentBorrower.fundingValue);
            $("div#preview-repayment #total-margin-span").text(repaymentBorrower.totalMargin);
            $("div#preview-repayment #pph-span").text(repaymentBorrower.pph23);
            $("div#preview-repayment #total-repayment-borrower-span").text(repaymentBorrower.totalRepayment);
            if (repaymentBorrower.repaymentType == `{{ $constant::INVOICE_REPAYMENT_TYPE_ACCELERATED }}`) {
                acceleratedDateDiv.prop("hidden", false)
                acceleratedDateText.text(repaymentBorrower.acceleratedDate);
            } else {
                acceleratedDateDiv.prop("hidden", true)
                acceleratedDateText.text("");
            }

            $(".repayment-card").empty();
            $.each(repaymentLender, function(key, value) {
                let html = `
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-xs-11">
                                    <h4 class="card-title"><b>${value.lenderName}</b></h4>
                                    <h4 class="card-text">Metode Pembayaran : ${value.methodPayment}</h4>
                                </div>
                                <div class="col-xs-1 p-5 bg-primary border-end">
                                    <h4>${key + 1}</h4>
                                </div>
                                <div class="col-md-12 col-lg-4">
                                    <h5>Jumlah Pengembalian Dana</h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: Rp ${value.fundingValueLender}</h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5>Hasil Total Ujroh Gross</h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: RP ${value.grossMarginLender}</h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5>Pph 23%</h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: RP ${value.pph23Lender}</h5>
                                </div>

                                <div class="col-md-12 col-lg-4">
                                    <h5>Hasil Total Ujroh</h5>
                                </div>
                                <div class="col-md-12 col-lg-8 ">
                                    <h5>: RP ${value.marginLender}</h5>
                                </div>

                                <div class="col-md-12 col-lg-4 bg-warning">
                                    <h5><b>Jumlah Pengembalian Dana</b></h5>
                                </div>
                                <div class="col-md-12 col-lg-8 bg-warning">
                                    <h5><b>: RP ${value.repaymentValueLender}</b></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                `;
                $(".repayment-card").append(html);
            });
        }
    </script>
@endsection