@extends('cms.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 Pinjaman</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