@extends('layouts.authorized', ['isVue' => true])
@section('title', 'Detil Borrower #' . $model->id)
@inject('constant', '\App\Util\Constant')
@inject('aclConstant', '\App\Util\AclConstant')

@section('headerCustom')
    @php
        $id = 0;
        if (!empty($model->getKey())) {
            $id = $model->getKey();
        }

        $formUrl = $model->getUrlDetails(['id' => $id]);
        $cancelUrl = route('admin.creditapplicationbusinesses');
        $language = '';
        $title = 'Detail Borrower';
        $creditApplication = $model->creditApplication;
        $creditApplicationBusinessNominee = $model->creditApplicationBusinessNominee;
    @endphp
@endsection

@section('cssCustom')
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/trix@2.0.8/dist/trix.css">

    <style>
        .trix-button--icon-quote,
        .trix-button--icon-heading-1,
        .trix-button--icon-code,
        span.trix-button-group--file-tools {
            display: none !important;
        }

        span.trix-button-group--block-tools {
            margin-left: 0px !important;
        }

        .datepicker-days table.table-condensed thead tr th,
        .datepicker-days table.table-condensed tbody tr td {
            padding: 5px !important;
        }

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

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

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

        table {
            opacity: 1 !important;
            width: 100% !important;
        }

        .sweet-overlay {
            z-index: 200002 !important;
        }

        .sweet-alert {
            z-index: 200003 !important;
        }
    </style>

    @if (checkUserPermission(App\Util\AclConstant::VIEW_MASKED_DATA))
        <style>
            .toast-container {
                position: fixed;
                bottom: 20px;
                right: 20px;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                z-index: 9999;
            }

            .toast-message {
                background-color: #333;
                color: #fff;
                padding: 10px 20px;
                margin-top: 10px;
                border-radius: 5px;
                opacity: 0;
                transform: translateY(20px);
                transition: opacity 0.4s ease, transform 0.4s ease;
            }

            .toast-message.show {
                opacity: 1;
                transform: translateY(0);
            }
        </style>
    @endif
@endsection

@section('content')

    @include('cms.form.errorbox')
    <div class="col-md-12">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Ringkasan Borrower
                    <span
                        class="badge pull-right">{{ $constant::CREDIT_APPLICATION_STATUS_LABELS[$model->creditapplication->status] }}</span>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">ID.</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control" value="{{ $model->creditapplication->id }}" type="text"
                                    disabled />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Tipe Borrower</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control" value="Badan Usaha" type="text" disabled />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Nama</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control" value="{{ $model->businessName }}" type="text" disabled />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Email</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control" value="{{ $model->creditApplication->email }}" type="text"
                                    disabled= />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Privy ID</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control" value="{{ $creditApplication->privyId }}" type="text"
                                    disabled= />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Privy User ID</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control" value="{{ $creditApplication->privyUserId }}" type="text"
                                    disabled= />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Privy Status</label>
                            </div>
                            <div class="col-md-7">
                                <input type="text" class="form-control" value="{{ $creditApplication->privyStatus }}"
                                    disabled>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Privy Response</label>
                            </div>
                            <div class="col-md-7">
                                <textarea class="form-control" disabled>{{ $creditApplication->privyNotes }}</textarea>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5">
                                <label class="control-label">Virtual Account</label>
                            </div>
                            <div class="col-md-7">
                                <input class="form-control"
                                    value="{{ isset($creditApplication->customerDetail->vaNumberProductive) ? $creditApplication->customerDetail->vaNumberProductive : $creditApplication->customerDetail->vaNumber }}"
                                    type="text" disabled= />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-5"></div>
                            <div class="col-md-7">
                                <a href="#" class="meta-data-photo"
                                    data-lat="{{ isset($creditApplication->latitude) ? $creditApplication->latitude : 0 }}"
                                    data-long="{{ isset($creditApplication->longitude) ? $creditApplication->longitude : 0 }}"
                                    data-date="">
                                    Lokasi Pendaftaran
                                </a>
                            </div>
                        </div>
                        <div class="col-md-12">&nbsp;</div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    Virtual Account Danamon
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <form action="{{ route('admin.creditapplicationbusiness.editVADanamon', ['id' => $creditApplication->id]) }}" method="post">
                                {{ csrf_field() }}
                                <div class="col-md-5">
                                    <p style="font-weight: bold;">Virtual Account Danamon</p>
                                </div>
                                <div class="col-md-7">
                                
                                    <div style="display: flex; flex-direction: row; gap: 20px;">
                                        <div class="form-group">
                                            <input class="form-control" value="{{ $creditApplication->customerDetail->vaDanamon }}"
                                                type="text" name="vaDanamon" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-primary btn-xs pull-right">
                                        <i class="fa fa-pencil"></i>&nbsp; Simpan
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    Partner SCF ( Supply Chain Financing )
                    <span class="pull-right">
                        <a class="btn btn-xs btn-info" href="{{ route('admin.userAnchor.details', ['id' => 0]) }}"
                            target="_blank"><i class="fa fa-plus" aria-hidden="true"></i> Tambah</a>
                    </span>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            @if (empty($model->scfId))
                                <div class="alert alert-warning" role="alert">
                                    Bukan Borrower SCF | <i class="fa fa-window-close-o" aria-hidden="true"></i>
                                </div>
                            @else
                                <div class="alert alert-success" role="alert">
                                    Borrower SCF | <i class="fa fa-check-circle-o" aria-hidden="true"></i>
                                </div>
                            @endif
                        </div>
                        <div class="col-md-12">
                            <form id="form"
                                action="{{ route('admin.creditapplicationbusiness.scfPartner', ['id' => $creditApplication->id]) }}"
                                method="POST" enctype="multipart/form-data">
                                <div class="col-md-3">
                                    <label class="control-label">Pilih Partner</label>
                                </div>
                                <div class="col-md-9">
                                    <vue-select2-ajax
                                        url="{{ route('admin.userAnchor.listOption', ['type' => $constant::USER_ANCHOR_SCF]) }}"
                                        v-model="scf" name="scfId" :selected-value="scfOptiontext"
                                        :disabled="false">
                                    </vue-select2-ajax>
                                </div>
                                <div class="col-md-12">
                                    <button class="btn btn-xs btn-primary pull-right" id="submit-scf" type="submit"><i
                                            class="fa fa-pencil"></i>&nbsp; Simpan</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    Relationship Manager
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.creditapplicationbusiness.submitRM', ['id' => $creditApplication->id]) }}" method="POST">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-5">
                                    <label class="control-label">Relationship Manager</label>
                                </div>
                                <div class="col-md-7">
                                    <select class="form-control" name="relationshipManagerId">
                                        <option selected disabled>--Pilih--</option>
                                        @foreach ($relationshipManager as $value)
                                            <option value="{{ $value->id }}"
                                                {{ $value->id == $creditApplication->creditApplicationBusiness->relationshipManagerId ? 'selected' : '' }}>
                                                {{ $value->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-xs btn-primary pull-right">
                                        <i class="fa fa-user-plus"></i>&nbsp; Assign
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Plafond & Grade
                </div>
                <div class="card-body">
                    <form
                        action="{{ route('admin.creditapplicationbusiness.submitPlafond', ['id' => $creditApplication->id]) }}"
                        method="POST">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="cold-md-12">
                                    <div class="col-md-5">
                                        <label class="control-label">Plafond (Rp)</label>
                                    </div>
                                    <div class="col-md-7">
                                        <input class="form-control autonumeric" value="{{ $model->totalPlafond }}"
                                            type="text" name="totalPlafond" />
                                    </div>
                                </div>
                                <div class="cold-md-12">
                                    <div class="col-md-5">
                                        <label class="control-label">Rating</label>
                                    </div>
                                    <div class="col-md-7">
                                        <input class="form-control" value="{{ $model->rating }}" type="text"
                                            name="rating" />
                                    </div>
                                </div>
                                <div class="cold-md-12">
                                    <div class="col-md-5">
                                        <label class="control-label">Pricing Ujroh (%)</label>
                                    </div>
                                    <div class="col-md-7">
                                        <input class="form-control autonumericDecimal" value="{{ $model->marginRate }}"
                                            type="text" name="marginRate" />
                                    </div>
                                </div>
                                @if ($ifStatusVerifcation && checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                    <div class="col-md-12">
                                        <div class="col-md-5"></div>
                                        <div class="col-md-7">
                                            <button type="submit" class="btn btn-primary">
                                                Simpan
                                            </button>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Summary Pembiayaan
                </div>
                <div class="card-body pb-15">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <label class="control-label">Total nilai pembiayaan sejak awal</label>
                            </div>
                            <div class="col-md-6">
                                : Rp {{ getPriceNumber($summaryPembiayaan['totalPembiayaanAwal']) }}
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <label class="control-label">Total nilai outstanding</label>
                            </div>
                            <div class="col-md-6">
                                : Rp {{ getPriceNumber($summaryPembiayaan['totalNilaiOutstanding']) }}
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <label class="control-label">Jumlah transaksi pembiayaan sejak awal</label>
                            </div>
                            <div class="col-md-6">
                                : {{ $summaryPembiayaan['jumlahTransaksiAwal'] }}
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <label class="control-label">Jumlah transaksi pengembalian lancar</label>
                            </div>
                            <div class="col-md-6">
                                : {{ $summaryPembiayaan['jumlahTransaksiTepatWaktu'] }} @if($summaryPembiayaan['jumlahTransaksiPercepat'] > 0) (<small>pengembalian dipercepat : {{ $summaryPembiayaan['jumlahTransaksiPercepat'] }}</small>) @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <label class="control-label">Jumlah transaksi pengembalian terlambat (>7 hari)</label>
                            </div>
                            <div class="col-md-6">
                                : {{ $summaryPembiayaan['jumlahTransaksiTerlambat'] }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            &nbsp;
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Status Kredit Lainnya
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <table width="100%">
                                <tr>
                                    <td style="padding: 5px;"><strong>PENYEDIA</strong></td>
                                    <td style="padding: 5px;">
                                        <strong>AFPI FDC</strong>&nbsp;
                                        <a href="{{ route('admin.fdc.getInquiry', ['id' => $creditApplication->id, 'reason' => 1]) }}"
                                            class="btn btn-xs btn-success">Check</a>
                                        <a href="{{ route('admin.fdc.getInquiry', ['id' => $creditApplication->id, 'reason' => 2]) }}"
                                            class="btn btn-xs btn-success">Monitor</a>
                                    </td>
                                    <td style="padding: 5px;">
                                        <strong>PEFINDO</strong>&nbsp;
                                        <a href="{{ route('admin.pefindo.getInquiryCompany', ['id' => $creditApplication->id]) }}"
                                            class="btn btn-xs btn-success">Check</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px;"><strong>RESPONSE STATUS</strong></td>
                                    <td style="padding: 5px;">
                                        <p>
                                            Inquery :
                                            {{ empty($creditApplication->pusdafilStatus) ? '-' : $creditApplication->pusdafilStatus }}
                                        </p>
                                        <p>
                                            Monitor :
                                            {{ empty($creditApplication->pusdafilMonitoringStatus) ? '-' : $creditApplication->pusdafilMonitoringStatus }}
                                        </p>
                                    </td>
                                    <td style="padding: 5px;">
                                        {{ empty($creditApplication->pefindoStatus) ? '-' : $creditApplication->pefindoStatus }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px;"><strong>LAPORAN</strong></td>
                                    <td style="padding: 5px;">
                                        <p>
                                            Inquery :
                                            @if (!empty($creditApplication->pusdafilDocument))
                                                <a href="{{ getFdcDocumentUrl($creditApplication->pusdafilDocument) }}"
                                                    target="_blank">Lihat Hasil</a>
                                            @else
                                                -
                                            @endif
                                        </p>
                                        <p>
                                            Monitor :
                                            @if (!empty($creditApplication->pusdafilMonitoringDocument))
                                                <a href="{{ getFdcDocumentUrl($creditApplication->pusdafilMonitoringDocument) }}"
                                                    target="_blank">Lihat Hasil</a>
                                            @else
                                                -
                                            @endif
                                        </p>
                                    </td>
                                    <td style="padding: 5px;">
                                        @if (!empty($creditApplication->pefindoDocument))
                                            <a href="{{ getDocumentUrl($creditApplication->pefindoDocument) }}"
                                                target="_blank">Lihat Hasil</a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Nominee
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <p style="font-weight: bold;">Nominee</p>
                        </div>
                        <div class="col-md-9">
                            <form
                                action="{{ route('admin.creditapplicationbusiness.editNominee', ['id' => $creditApplication->id]) }}"
                                method="post">
                                {{ csrf_field() }}
                                <div style="display: flex; flex-direction: row; gap: 20px;">
                                    <div class="form-group">
                                        <input type="radio" name="nominee" id="nomineeYes" value="Y"
                                            {{ isset($model->nominee) && $model->nominee == 'Y' ? 'checked' : '' }}>
                                        <label for="nomineeYes" class="control-label">Ya</label>
                                    </div>
                                    <div class="form-group">
                                        <input type="radio" name="nominee" id="nomineeNo" value="N"
                                            {{ isset($model->nominee) && $model->nominee == 'N' ? 'checked' : '' }}>
                                        <label for="nomineeNo" class="control-label">Tidak</label>
                                    </div>
                                </div>
                                <br>
                                {{-- @if (checkPermission($aclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE)) --}}
                                    <button type="submit" class="btn btn-primary btn-xs"><i class="fa fa-check"></i>&nbsp;
                                        Simpan Perubahan</button>
                                {{-- @endif --}}
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if (
            $creditApplication->status == Constant::CREDIT_APPLICATION_STATUS_APPROVED &&
                empty($model->singleBusinessNumber) &&
                empty($model->businessGuarantee))
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form id="mainForm"
                            action="{{ route('admin.creditapplicationbusiness.edit', ['id' => $creditApplication->id]) }}"
                            class="form-horizontal" method="POST" enctype="multipart/form-data">
                            {{-- <h5 class="card-title">Title</h5> --}}
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <label class="control-label">Nomor Izin Berusaha</label>
                                                </td>
                                                <td>
                                                    <input class="form-control" id="singleBusinessNumber"
                                                        name="singleBusinessNumber"
                                                        value="{{ $model->singleBusinessNumber }}" type="text">
                                                </td>
                                                <td>
                                                    <a onclick="getStatusHistories(this, 'singleBusinessNumber')"
                                                        class="btn btn-xs btn-primary">
                                                        <i class="fa fa-history"></i>
                                                    </a>
                                                    <input type="checkbox" name="singleBusinessNumberStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->singleBusinessNumberStatus == $constant::YES) checked @endif>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <label class="control-label">Jaminan Perusahan</label>
                                                </td>
                                                <td>
                                                    @foreach (GetBusinessGuarantees() as $key => $value)
                                                        @php
                                                            $checked = '';
                                                            if (in_array($key, $businessGuarantee)) {
                                                                $checked = 'checked';
                                                            }
                                                        @endphp

                                                        <input type="checkbox" name="businessGuarantee[]"
                                                            value="{{ $key }}" id="{{ $key }}"
                                                            {{ $checked }}> <label
                                                            for="{{ $key }}">{{ $value }}</label>
                                                        <br>
                                                    @endforeach
                                                </td>
                                                <td>
                                                    <a onclick="getStatusHistories(this, 'businessGuarantee')"
                                                        class="btn btn-xs btn-primary">
                                                        <i class="fa fa-history"></i>
                                                    </a>
                                                    <input type="checkbox" name="businessGuaranteeStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->businessGuaranteeStatus == $constant::YES) checked @endif>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </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::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                            <button class="btn btn-primary" type="submit">
                                                Simpan
                                            </button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                    </div>
                    </form>
                </div>
            </div>
    </div>
    @endif

    <div class="col-md-12">
        <ul class="nav nav-pills fs-15">
            <li class="active"><a data-toggle="tab" href="#borrower-detail">Borrower Detail </a></li>
            <li><a data-toggle="tab" href="#dokumen-pendukung">Dokumen Pendukung</a></li>
            <li><a data-toggle="tab" href="#borrower-description">Deskripsi Borrower</a></li>
            <li><a data-toggle="tab" href="#management-list">Pengurus dan Pemegang Saham</a></li>
            <li><a data-toggle="tab" href="#performance-financial">Kinerja Keuangan</a></li>
            <li><a data-toggle="tab" href="#form-scoring">Form Scoring</a></li>
            <li><a data-toggle="tab" href="#account-mutation">Mutasi Rekening</a></li>
            <li><a data-toggle="tab" href="#proposal">Proposal</a></li>
            <li><a data-toggle="tab" href="#borrower-profile">Profil Borrower</a></li>
            @if ($creditApplication->status == Constant::CREDIT_APPLICATION_STATUS_APPROVED)
                <li><a data-toggle="tab" href="#payment-mutation">Mutasi Pembayaran</a></li>
            @endif

        </ul>
    </div>
    <div class="col-md-12">&nbsp;</div>

    <div class="tab-content">
        <div id="borrower-detail" class="tab-pane fade in active">
            <form id="form"
                action="{{ route('admin.creditapplicationbusiness.save', ['id' => $creditApplication->id]) }}"
                class="create-project form-horizontal" method="POST" enctype="multipart/form-data">

                @foreach ($creditApplication::MASKED_FIELD as $maskedField)
                    <input type="hidden" name="masked_{{ $maskedField }}"
                        value="{{ maskString($creditApplication->$maskedField, 6) }}">
                @endforeach
            
                @if(isset($model->nominee) && $model->nominee == 'Y')
                    @foreach ($creditApplicationBusinessNominee::MASKED_FIELD as $maskedField)
                        <input type="hidden" name="masked_{{ $maskedField }}"
                            value="{{ maskString($creditApplicationBusinessNominee->$maskedField, 6) }}">
                    @endforeach
                @endif

                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <ul class="nav nav-tabs fs-15"
                                style="overflow-x: auto; overflow-y: hidden; min-height: fit-content;">
                                <li class="active"><a data-toggle="tab" href="#e-ktp">e-KTP</a></li>
                                <li><a data-toggle="tab" href="#personal-info">Informasi Data Pribadi</a></li>
                                <li><a data-toggle="tab" href="#business-identity">Identitas Badan Usaha</a></li>
                                {{-- <li><a data-toggle="tab" href="#shareholder-info">Informasi Pengurus</a></li> --}}
                                <li><a data-toggle="tab" href="#management-info">Informasi Pengurus</a></li>
                                @if(isset($model->nominee) && $model->nominee == 'Y')
                                    <li><a data-toggle="tab" href="#nominee-info">Informasi Nominee</a></li>
                                @endif
                                <li><a data-toggle="tab" href="#deed-document">Akta Perusahaan</a></li>
                                <li><a data-toggle="tab" href="#business-permit-info">Informasi Izin Usaha</a></li>
                                <li><a data-toggle="tab" href="#business-info">Informasi Usaha</a></li>
                                <li><a data-toggle="tab" href="#support-info">Informasi Penunjang</a></li>
                                <li><a data-toggle="tab" href="#funding-info">Daftar Pembiayaan</a></li>
                                <li><a data-toggle="tab" href="#document-info">Dokumen Usaha</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            <div class="tab-content">
                <div id="e-ktp" class="tab-pane fade in active">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['identityCard'] }}
                                    <span>
                                        <a type="button" class="btn btn-success btn-xs pull-right"
                                            href="{{ route('admin.creditapplication.recheckPrivyStatus', ['id' => $creditApplication->id]) }}">
                                            <span class="help-text">RECHECK PRIVY STATUS</span>
                                        </a>
                                        @if (checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                            <a type="button"
                                                class="btn btn-primary btn-xs pull-right @if (!empty($creditApplication->privyToken)) disabled @endif"
                                                href="{{ route('admin.creditapplication.registerPrivy', ['id' => $creditApplication->id]) }}">
                                                <span class="help-text">REGISTER PRIVY</span>
                                            </a>
                                        @endif
                                    </span>
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="idCardImageStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($creditApplication->idCardImageStatus == $constant::YES) checked @endif disabled>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($creditApplication::FORM_GROUP['identityCard'] as $key)
                                                @php
                                                    $keyStatus = $key . 'Status';
                                                    if (!isset($listItem)) {
                                                        $listItem = '';
                                                    }
                                                    if (!isset($listName)) {
                                                        $listName = '';
                                                    }
                                                    if (!isset($listIndex)) {
                                                        $listIndex = '';
                                                    }

                                                    $formType = $creditApplication->formType($key);
                                                    if (strpos($formType, 'Image') !== false) {
                                                        $imageCount = substr($formType, 6) - 1;
                                                        $formType = 'Image';
                                                    }
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $creditApplication::FORM_LABEL[$key] }}</label>
                                                        @if (!empty($creditApplication->labelHelp($key)))
                                                            <p class="control-label-help">
                                                                ({{ $creditApplication->labelHelp($key) }})
                                                            </p>
                                                        @endif
                                                        @if (in_array($key, $creditApplication->warningList))
                                                            <p class="control-label-help" style="color:#a94442">
                                                                (
                                                                {{ $key == 'idCardImage' && !empty($creditApplication->privyNotes) ? $creditApplication->privyNotes : $creditApplication::FORM_LABEL_WARNING[$key] }}
                                                                )
                                                            </p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            
                                                                @include(
                                                                    'admin.creditapplicationbusiness.part.' .
                                                                        $formType)
                                                            
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="personal-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['personalInfo'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                @php
                                                    $key = 'position';
                                                @endphp
                                                <td><label class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                </td>
                                                <td>@include('cms.form.field.Select')</td>
                                                <td>
                                                    <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                        class="btn btn-xs btn-primary">
                                                        <i class="fa fa-history"></i>
                                                    </a>
                                                    @if (in_array('positionStatus', $model::FORM_STATUS))
                                                        <input type="checkbox" name="positionStatus"
                                                            value="{{ $constant::YES }}" class="form-check-input m-20"
                                                            @if ($model->positionStatus == $constant::YES) checked @endif>
                                                    @endif
                                                </td>
                                            </tr>
                                            @foreach ($creditApplication::FORM_GROUP_BUSINESS['personalInfo'] as $key)
                                                @php
                                                    $keyStatus = $key . 'Status';
                                                    if (!isset($listItem)) {
                                                        $listItem = '';
                                                    }
                                                    if (!isset($listName)) {
                                                        $listName = '';
                                                    }
                                                    if (!isset($listIndex)) {
                                                        $listIndex = '';
                                                    }

                                                    $formType = $creditApplication->formType($key);
                                                    if (strpos($formType, 'Image') !== false) {
                                                        $imageCount = substr($formType, 6) - 1;
                                                        $formType = 'Image';
                                                    }
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $creditApplication::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @if ($formType === 'Image')
                                                                @include('admin.creditapplicationbusiness.part.ImageCustom')
                                                            @elseif($formType === 'MaskedText')
                                                                @include('admin.creditapplicationbusiness.part.MaskedText')
                                                            @else
                                                                @include(
                                                                    'admin.creditapplicationbusiness.part.' .
                                                                        $formType)
                                                            @endif
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $creditApplication::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($creditApplication->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['personalAddress'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="addressStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($creditApplication->addressStatus == $constant::YES) checked @endif>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($creditApplication::FORM_GROUP_BUSINESS['personalAddress'] as $key)
                                                @php
                                                    $keyStatus = $key . 'Status';
                                                    if (!isset($listItem)) {
                                                        $listItem = '';
                                                    }
                                                    if (!isset($listName)) {
                                                        $listName = '';
                                                    }
                                                    if (!isset($listIndex)) {
                                                        $listIndex = '';
                                                    }

                                                    $formType = $creditApplication->formType($key);
                                                    if (strpos($formType, 'Image') !== false) {
                                                        $imageCount = substr($formType, 6) - 1;
                                                        $formType = 'Image';
                                                    }
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $creditApplication::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include(
                                                                'admin.creditapplicationbusiness.part.' .
                                                                    $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="business-identity" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['businessIdentity'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['businessIdentity'] as $key)
                                                @continue($creditApplication->status == Constant::CREDIT_APPLICATION_STATUS_APPROVED && $key == 'singleBusinessNumber' && empty($model->singleBusinessNumber))
                                                @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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @if ($formType === 'Image')
                                                                @include('admin.creditapplicationbusiness.part.ImageCustom')
                                                            @else
                                                                @include('cms.form.field.' . $formType)
                                                            @endif
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach

                                            @if (
                                                $creditApplication->status != Constant::CREDIT_APPLICATION_STATUS_APPROVED ||
                                                    ($creditApplication->status == Constant::CREDIT_APPLICATION_STATUS_APPROVED &&
                                                        !empty($model->businessGuarantee)))
                                                <tr>
                                                    <td>
                                                        <label class="control-label">Jaminan Perusahan</label>
                                                    </td>
                                                    <td>
                                                        @foreach (GetBusinessGuarantees() as $key => $value)
                                                            @php
                                                                $checked = '';
                                                                if (in_array($key, $businessGuarantee)) {
                                                                    $checked = 'checked';
                                                                }
                                                            @endphp

                                                            <input type="checkbox" name="businessGuarantee[]"
                                                                value="{{ $key }}" id="{{ $key }}"
                                                                {{ $checked }}> <label
                                                                for="{{ $key }}">{{ $value }}</label>
                                                            <br>
                                                        @endforeach
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, 'businessGuarantee')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        <input type="checkbox" name="businessGuaranteeStatus"
                                                            value="{{ $constant::YES }}" class="form-check-input m-20"
                                                            @if ($model->businessGuaranteeStatus == $constant::YES) checked @endif>
                                                    </td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['businessAddress'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="businessAddressStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->businessAddressStatus == $constant::YES) checked @endif>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['businessAddress'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['currentAddress'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="currentAddressStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->currentAddressStatus == $constant::YES) checked @endif>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['currentAddress'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- <div id="shareholder-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['shareHolderInfo'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['shareHolderInfo'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @if ($formType === 'Image')
                                                                @include('admin.creditapplicationbusiness.part.ImageCustom')
                                                            @else
                                                                @include('cms.form.field.' . $formType)
                                                            @endif
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    Susunan Komisaris dan Direksi
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Nama</th>
                                                <th>Posisi</th>
                                                <th>Foto E-KTP</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach ($model->directors as $key => $director)
                                                <input type="hidden" name="directorList[{{ $key }}][id]"
                                                    value="{{ $director->id }}">
                                                @php
                                                    $directorPosition = $director->position;
                                                @endphp
                                                <tr>
                                                    <td>{{ $key + 1 }}</td>
                                                    <td>
                                                        <input type="text"
                                                            name="directorList[{{ $key }}][name]"
                                                            value="{{ $director->name }}" class="form-control">
                                                    </td>
                                                    <td>
                                                        <select name="directorList[{{ $key }}][position]"
                                                            class="form-control">
                                                            @foreach ($constant::POSITION_LABELS as $positionKey => $position)
                                                                <option value="{{ $positionKey }}"
                                                                    @if ($directorPosition == $positionKey) selected @endif>
                                                                    {{ $position }}</option>
                                                            @endforeach
                                                        </select>
                                                    </td>
                                                    <td>
                                                        @php
                                                            $daysDifference = 0;
                                                            if (!empty($model)) {
                                                                $daysDifference = $model->createdAt->diffIndays(\Carbon::now());
                                                            }
                                                        @endphp
                                                        <div class="image-selector-wrapper">
                                                            <input type="file" class="hidden btn-upload-file"
                                                                name="directorList[{{ $key }}][idCardImage]"
                                                                {{ $director->isDisabled('idCardImage') }}
                                                                accept=".jpg,.jpeg,.png">
                                                            @if ($daysDifference < 90)
                                                                @if (empty($director->idCardImage))
                                                                    <button class="btn-upload thumbnail"
                                                                        {{ $model->isDisabled('idCardImage') }}
                                                                        type="button">
                                                                        <img>
                                                                        <div>
                                                                            <i class="fa fa-upload"></i>
                                                                            Upload
                                                                        </div>
                                                                    </button>
                                                                    <i style="display: none"
                                                                        class="fa fa-trash-o image-delete-icon"></i>
                                                                @else
                                                                    <button class="btn-upload thumbnail" type="button">
                                                                        <img
                                                                            src="{{ getImageUrl($director->idCardImage) }}">
                                                                        <div style="display: none">
                                                                            <i class="fa fa-upload"></i>
                                                                            Upload
                                                                        </div>
                                                                    </button>
                                                                    @if (empty($director->isDisabled('idCardImage')))
                                                                        <i class="fa fa-trash-o image-delete-icon"></i>
                                                                    @endif
                                                                @endif
                                                            @else
                                                                {{ $director->idCardImage }}
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                    <div id="management-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    Susunan Komisaris dan Direksi
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Nama</th>
                                                <th>Posisi</th>
                                                <th>Foto E-KTP</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach ($model->directors as $key => $director)
                                                <input type="hidden" name="directorList[{{ $key }}][id]"
                                                    value="{{ $director->id }}">
                                                @php
                                                    $directorPosition = $director->position;
                                                @endphp
                                                <tr>
                                                    <td>{{ $key + 1 }}</td>
                                                    <td>
                                                        <input type="text"
                                                            name="directorList[{{ $key }}][name]"
                                                            value="{{ $director->name }}" class="form-control">
                                                    </td>
                                                    <td>
                                                        <select name="directorList[{{ $key }}][position]"
                                                            class="form-control">
                                                            @foreach ($constant::POSITION_LABELS as $positionKey => $position)
                                                                <option value="{{ $positionKey }}"
                                                                    @if ($directorPosition == $positionKey) selected @endif>
                                                                    {{ $position }}</option>
                                                            @endforeach
                                                        </select>
                                                    </td>
                                                    <td>
                                                        @php
                                                            $daysDifference = 0;
                                                            if (!empty($model)) {
                                                                $daysDifference = $model->createdAt->diffIndays(
                                                                    \Carbon::now()
                                                                );
                                                            }
                                                        @endphp
                                                        <div class="image-selector-wrapper">
                                                            <input type="file" class="hidden btn-upload-file"
                                                                name="directorList[{{ $key }}][idCardImage]"
                                                                {{ $director->isDisabled('idCardImage') }}
                                                                accept=".jpg,.jpeg,.png">
                                                            @if ($daysDifference < 90)
                                                                @if (empty($director->idCardImage))
                                                                    <button class="btn-upload thumbnail"
                                                                        {{ $model->isDisabled('idCardImage') }}
                                                                        type="button">
                                                                        <img>
                                                                        <div>
                                                                            <i class="fa fa-upload"></i>
                                                                            Upload
                                                                        </div>
                                                                    </button>
                                                                    <i style="display: none"
                                                                        class="fa fa-trash-o image-delete-icon"></i>
                                                                @else
                                                                    <button class="btn-upload thumbnail" type="button">
                                                                        <img
                                                                            src="{{ getImageUrl($director->idCardImage) }}">
                                                                        <div style="display: none">
                                                                            <i class="fa fa-upload"></i>
                                                                            Upload
                                                                        </div>
                                                                    </button>
                                                                    @if (empty($director->isDisabled('idCardImage')))
                                                                        <i class="fa fa-trash-o image-delete-icon"></i>
                                                                    @endif
                                                                @endif
                                                            @else
                                                                {{ $director->idCardImage }}
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if(isset($model->nominee) && $model->nominee == 'Y')
                    <div id="nominee-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $creditApplicationBusinessNominee::FORM_GROUP_LABEL['nomineeInfo'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="idCardImageNomineeStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($creditApplicationBusinessNominee->idCardImageNomineeStatus == $constant::YES) checked @endif disabled>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($creditApplicationBusinessNominee::FORM_GROUP['nomineeInfo'] as $key)
                                                @php
                                                    $keyStatus = $key . 'Status';
                                                    if (!isset($listItem)) {
                                                        $listItem = '';
                                                    }
                                                    if (!isset($listName)) {
                                                        $listName = '';
                                                    }
                                                    if (!isset($listIndex)) {
                                                        $listIndex = '';
                                                    }

                                                    $formType = $creditApplicationBusinessNominee->formType($key);
                                                    if (strpos($formType, 'Image') !== false) {
                                                        $imageCount = substr($formType, 6) - 1;
                                                        $formType = 'Image';
                                                    }
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $creditApplicationBusinessNominee::FORM_LABEL[$key] }}</label>
                                                        @if (!empty($creditApplicationBusinessNominee->labelHelp($key)))
                                                            <p class="control-label-help">
                                                                ({{ $creditApplicationBusinessNominee->labelHelp($key) }})
                                                            </p>
                                                        @endif
                                                        {{-- @if (in_array($key, $creditApplicationBusinessNominee->warningList))
                                                            <p class="control-label-help" style="color:#a94442">
                                                                (
                                                                {{ $key == 'idCardImage' && !empty($creditApplicationBusinessNominee->privyNotes) ? $creditApplicationBusinessNominee->privyNotes : $creditApplicationBusinessNominee::FORM_LABEL_WARNING[$key] }}
                                                                )
                                                            </p>
                                                        @endif --}}
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            
                                                                @include(
                                                                    'admin.creditapplicationbusiness.part.nominee.' .
                                                                        $formType)
                                                            
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{-- <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a> --}}
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    <div id="deed-document" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['deedDocument'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['deedDocument'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @if ($formType === 'Image')
                                                                @include('admin.creditapplicationbusiness.part.ImageCustom')
                                                            @else
                                                                @include('cms.form.field.' . $formType)
                                                            @endif
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="business-permit-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['businessPermit1'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['businessPermit1'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @if ($formType === 'Image')
                                                                @include('admin.creditapplicationbusiness.part.ImageCustom')
                                                            @else
                                                                @include('cms.form.field.' . $formType)
                                                            @endif
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['businessPermit2'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['businessPermit2'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @if ($formType === 'Image')
                                                                @include('admin.creditapplicationbusiness.part.ImageCustom')
                                                            @else
                                                                @include('cms.form.field.' . $formType)
                                                            @endif
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="business-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['managerialInfo'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['managerialInfo'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['transactionRecord'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['transactionRecord'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['financeInfo'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['financeInfo'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if (in_array($keyStatus, $model::FORM_STATUS))
                                                            <input type="checkbox" name="{{ $keyStatus }}"
                                                                value="{{ $constant::YES }}"
                                                                class="form-check-input m-20"
                                                                @if ($model->$keyStatus == $constant::YES) checked @endif>
                                                        @endif
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="support-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['additionalContact'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="additionalContactNameStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->additionalContactNameStatus == $constant::YES) checked @endif>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['additionalContact'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    {{ $model::FORM_GROUP_LABEL['personalGuarantee'] }}
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2">
                                                    <input type="checkbox" name="personalGuaranteeNameStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->personalGuaranteeNameStatus == $constant::YES) checked @endif>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($model::FORM_GROUP['personalGuarantee'] 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
                                                <tr>
                                                    <td>
                                                        <label
                                                            class="control-label">{{ $model::FORM_LABEL[$key] }}</label>
                                                    </td>
                                                    <td>
                                                        @if ($formType)
                                                            @include('cms.form.field.' . $formType)
                                                        @else
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <a onclick="getStatusHistories(this, '{{ $key }}')"
                                                            class="btn btn-xs btn-primary">
                                                            <i class="fa fa-history"></i>
                                                        </a>
                                                        @if ($formType == 'Image')
                                                            <button type="button"
                                                                class="btn btn-xs btn-success meta-data-photo"
                                                                data-lat="{{ isset($metaDataPhoto[$key]->latitude) ? $metaDataPhoto[$key]->latitude : 0 }}"
                                                                data-long="{{ isset($metaDataPhoto[$key]->longitude) ? $metaDataPhoto[$key]->longitude : 0 }}"
                                                                data-date="{{ isset($metaDataPhoto[$key]->timestamp) ? $metaDataPhoto[$key]->timestamp : '' }}">
                                                                <i class="fa fa-map"></i>
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="dummy-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            @tableconfig
                                            <div class="card-body no-padding table-responsive">
                                                @tableajax(route('admin.creditapplicationbusiness.invoiceListData', ['id' => $creditApplication->id]))
                                                    <thead>
                                                        <tr>
                                                            <th data-column-name="id">ID</th>
                                                            <th data-column-name="createdAt">Tgl. Pengajuan</th>
                                                            <th data-column-name="invoiceNumber">Nomor Invoice</th>
                                                            <th data-column-name="invoiceValue">Nilai Pokok Invoice</th>
                                                            <th data-column-name="submissionValue">Nilai Pokok Pembiayaan</th>
                                                            <th data-column-name="status">Status</th>
                                                        </tr>
                                                    </thead>
                                                @endtableajax
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="funding-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            @tableconfig
                                            <div class="card-body no-padding table-responsive">
                                                @tableajax(route('admin.creditapplicationbusiness.invoiceListData', ['id' => $creditApplication->id]))
                                                    <thead>
                                                        <tr>
                                                            <th data-column-name="id">ID</th>
                                                            <th data-column-name="createdAt">Tgl. Pengajuan</th>
                                                            <th data-column-name="invoiceNumber">Nomor Invoice</th>
                                                            <th data-column-name="invoiceValue">Nilai Pokok Invoice</th>
                                                            <th data-column-name="submissionValue">Nilai Pokok Pembiayaan</th>
                                                            <th data-column-name="status">Status</th>
                                                        </tr>
                                                    </thead>
                                                @endtableajax
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="document-info" class="tab-pane fade in">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    Dokumen Usaha
                                </div>
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th class="col-md-2">Jenis Data</th>
                                                <th class="col-md-8">Input</th>
                                                <th class="col-md-2"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><label class="control-label">
                                                        <h5>
                                                            Akta Pendirian
                                                        </h5>
                                                    </label>
                                                </td>
                                                <td>
                                                    @if ($model->establishmentDeedDocument !== null)
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            {{ $model->establishmentDeedDocument }}
                                                            <button class="btn btn-primary" style="margin-right: 20px;">
                                                                <a href="{{ env('URL_PDF') }}/assets/upload/document/{{ $model->establishmentDeedDocument }}"
                                                                    target="_blank"
                                                                    style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @else
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            Tidak ada Dokumen
                                                            <button class="btn btn-primary" disabled
                                                                style="margin-right: 20px; cursor:not-allowed;">
                                                                <a style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @endif

                                                </td>
                                                <td>
                                                    <input type="checkbox" name="establishmentDeedDocumentStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->establishmentDeedDocumentStatus == $constant::YES) checked @endif>

                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label class="control-label">
                                                        <h5>
                                                            Akta Perubahan Terakhir
                                                        </h5>
                                                    </label>
                                                </td>
                                                <td>
                                                    @if ($model->amendmentDeedDocument !== null)
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            {{ $model->amendmentDeedDocument }}
                                                            <button class="btn btn-primary" style="margin-right: 20px;">
                                                                <a href="{{ env('URL_PDF') }}/assets/upload/document/{{ $model->amendmentDeedDocument }}"
                                                                    target="_blank"
                                                                    style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @else
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            Tidak ada Dokumen
                                                            <button class="btn btn-primary" disabled
                                                                style="margin-right: 20px; cursor:not-allowed;">
                                                                <a style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input type="checkbox" name="amendmentDeedDocumentStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->amendmentDeedDocumentStatus == $constant::YES) checked @endif>

                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label class="control-label">
                                                        <h5>
                                                            SK Kemenkumham Akta Pendirian
                                                        </h5>
                                                    </label>
                                                </td>
                                                <td>
                                                    @if ($model->validitySheetDocument !== null)
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            {{ $model->validitySheetDocument }}
                                                            <button class="btn btn-primary" style="margin-right: 20px;">
                                                                <a href="{{ env('URL_PDF') }}/assets/upload/document/{{ $model->validitySheetDocument }}"
                                                                    target="_blank"
                                                                    style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @else
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            Tidak ada Dokumen
                                                            <button class="btn btn-primary" disabled
                                                                style="margin-right: 20px; cursor:not-allowed;">
                                                                <a style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input type="checkbox" name="validitySheetDocumentStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->validitySheetDocumentStatus == $constant::YES) checked @endif>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><label class="control-label">
                                                        <h5>
                                                            Nomor Induk Berusaha (NIB)
                                                        </h5>
                                                    </label>
                                                </td>
                                                <td>
                                                    @if ($model->businessPermitDocument !== null)
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            {{ $model->businessPermitDocument }}
                                                            <button class="btn btn-primary" style="margin-right: 20px;">
                                                                <a href="{{ env('URL_PDF') }}/assets/upload/document/{{ $model->businessPermitDocument }}"
                                                                    target="_blank"
                                                                    style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @else
                                                        <div
                                                            style="font-size:16px; border: 1px solid rgb(203, 203, 203); padding:10px; display:flex; justify-content:space-between; align-items:center">
                                                            Tidak ada Dokumen
                                                            <button class="btn btn-primary" disabled
                                                                style="margin-right: 20px; cursor:not-allowed;">
                                                                <a style="color: #ffffff; text-decoration:none;">
                                                                    Lihat Dokumen
                                                                </a>
                                                            </button>
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input type="checkbox" name="businessPermitDocumentStatus"
                                                        value="{{ $constant::YES }}" class="form-check-input m-20"
                                                        @if ($model->businessPermitDocumentStatus == $constant::YES) checked @endif>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-6">
                                            @if (!empty($cancelUrl))
                                                <a class="btn btn-default" href="{{ $cancelUrl }}">Batal</a>
                                            @endif
                                            {{-- @if ($ifStatusVerifcation && checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE)) --}}
                                            <button onclick="removeLeaveEvent()" class="btn btn-primary btnSubmit">Simpan
                                                Perubahan</button>
                                            {{-- @endif --}}
                                        </div>
                                        @if (checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                            @if ($ifStatusVerifcation)
                                                <div class="col-md-3 col-offset-3 pull-right">
                                                    @if (
                                                        $creditApplication->status == $constant::CREDIT_APPLICATION_STATUS_VERIFICATION ||
                                                            $creditApplication->status == $constant::CREDIT_APPLICATION_STATUS_VERIFICATION_CMO)
                                                        <button class="btn btn-default" data-toggle="modal"
                                                            data-target="#modal-reject-application" type="button">Tolak
                                                        </button>
                                                        <button class="btn btn-primary" data-toggle="modal"
                                                            data-target="#modal-verification-ceo-application"
                                                            type="button">Setujui
                                                        </button>
                                                    @endif
                                                    @if ($creditApplication->status == $constant::CREDIT_APPLICATION_STATUS_VERIFICATION_CEO)
                                                        <button class="btn btn-primary"
                                                            @if (!$creditApplication->approvable) disabled @endif
                                                            data-toggle="modal" data-target="#modal-approve-application"
                                                            type="button">
                                                            Setujui
                                                        </button>
                                                    @endif
                                                </div>
                                            @endif
                                            @if ($creditApplication->status == $constant::CREDIT_APPLICATION_STATUS_REJECTED)
                                                <div class="col-md-3 col-offset-3 pull-right">
                                                    <button class="btn btn-default" data-toggle="modal"
                                                        data-target="#modal-revert-application" type="button">Kembalikan
                                                        Status
                                                    </button>
                                                </div>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div id="dokumen-pendukung" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Dokumen Pendukung</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">&nbsp;</div>
                            <div class="col-md-12">
                                <form id="mainForm" v-on:submit="formSubmit"
                                    action="{{ route('admin.creditapplication.submitExtraDocument', ['id' => $creditApplication->id]) }}"
                                    class="form-horizontal" method="POST" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Keterangan</label>
                                        </div>
                                        <div class="col-md-10">
                                            <textarea v-model="documentText" class="form-control"></textarea>
                                            {!! !empty($creditApplication->documentText)
                                                ? '<p>Link : <a href="' .
                                                    $creditApplication->documentText .
                                                    '" target="_blank">' .
                                                    $creditApplication->documentText .
                                                    '</a> </p>'
                                                : '' !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-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>
                                    <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::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                                <button class="btn btn-primary btnSubmitAttachment" id="submitForm">
                                                    Simpan
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">Dokumentasi Kunjungan</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">&nbsp;</div>
                            <div class="col-md-12">
                                <form
                                    action="{{ route('admin.creditapplicationbusiness.visitDocumentation', ['id' => $creditApplication->id]) }}"
                                    class="form-horizontal" method="POST" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Foto Kunjungan</label>
                                        </div>
                                        <div class="col-md-10">
                                            <small class="text text-sm text-danger">* Maks file upload : 6 file</small>
                                            <input class="form-control" type="file" name="visitDocumentationImage[]"
                                                accept=".jpg,.jpeg,.png" multiple required />
                                            <button class="btn btn-primary" type="submit">Simpan</button>
                                            <br>
                                            <div class="row" style="margin-top: 10px;">
                                                @if (!empty($model->visitdocumentationimage))
                                                    @foreach (json_decode($model->visitdocumentationimage) as $index => $item)
                                                        <div class="col-sm-3 m-2">
                                                            <div class="image-selector-wrapper" style="max-height: 200px; max-width: 200px; height: 100%; width: 100%;">
                                                                <img src="{{ getImageUrl($item) }}" style="height: 200px; width: 200px; object-fit: cover; object-position: center;"> 
                                                                <i onclick="setModalDisplayImageAttributes($(this))" data-label="Foto Dokumentasi Kunjungan {{ $index + 1 }}" data-image-src="{{ getImageUrl($item) }}" data-filename="{{ $item }}" data-toggle="modal" data-target="#modal-display-image" class="fa fa-search image-display-icon"></i> 
                                                             </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="borrower-description" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Deskripsi Borrower</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">&nbsp;</div>
                            <div class="col-md-12">
                                <form id="mainForm" v-on:submit="formSubmit"
                                    action="{{ route('admin.creditapplication.submitDescription', ['id' => $creditApplication->id]) }}"
                                    class="form-horizontal" method="POST" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Deskripsi</label>
                                        </div>
                                        <div class="col-md-10">
                                            <textarea name="description" class="form-control">{{ $creditApplication->description }}</textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Keunggulan Bersaing</label>
                                        </div>
                                        <div class="col-md-10">
                                            <textarea name="competitiveAdvantageDescription" class="form-control">{{ $creditApplication->competitiveAdvantageDescription }}</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::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                                <button class="btn btn-primary btnSubmitAttachment" id="submitForm">
                                                    Simpan
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="management-list" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <ul class="nav nav-tabs fs-15"
                            style="overflow-x: auto; overflow-y: hidden; min-height: fit-content;">
                            <li class="active"><a data-toggle="tab" href="#management-list-form">Form Data</a></li>
                            <li><a data-toggle="tab" href="#management-list-additional-info">Informasi Tambahan</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div id="management-list-form" class="tab-pane fade in active">
                    <div class="col-md-12">
                        <form id="mainForm" v-on:submit="formSubmit"
                            action="{{ route('admin.creditapplicationbusiness.management', ['id' => $model->id]) }}"
                            class="form-horizontal" method="POST">
                            <div class="card">
                                @foreach ($management::MASKED_FIELD as $maskedField)
                                    @php
                                        $indexInputManagement = 0;
                                    @endphp

                                    @if (isset($management->$maskedField))
                                        @foreach (json_decode(decryptData($management->$maskedField), true) as $key => $value)
                                        @php
                                            if (in_array($key, $management::ENCRYPTED_FIELD)) {
                                                $value = decryptData($value);
                                            }
                                        @endphp

                                        <input type="hidden" name="management_masked_{{ $maskedField }}_{{ $indexInputManagement }}" value="{{ maskString($value, 6) }}">

                                        @php
                                            $indexInputManagement++;
                                        @endphp
                                        @endforeach
                                    @else
                                        <input type="hidden" name="management_masked_{{ $maskedField }}_{{ $indexInputManagement }}" value="">
                                    @endif
                                    
                                @endforeach
                                <div class="card-header"
                                    style="display: flex; justify-content: space-between; align-items: center;">
                                    <h4>Daftar Direktur</h4>
                                    <input type="checkbox" name="directorStatus" value="{{ $constant::YES }}"
                                        class="form-check-input m-20" @if ($management->directorStatus == $constant::YES) checked @endif>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="table-responsive">
                                                <table class="table table-strip" id="inputDirectorTable">
                                                    <thead>
                                                        <tr>
                                                            <th width="25%">Nama Lengkap</th>
                                                            <th>NPWP</th>
                                                            <th>Jabatan</th>
                                                            <th style="min-width: 250px;">No. Identitas</th>
                                                            <th>No. HP</th>
                                                            <th>Nilai Saham (Rp)</th>
                                                            <th>Nilai Saham (%)</th>
                                                            <th>Skor PEFINDO</th>
                                                            <th>Skor FDC</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tbodyDirector_{{ uniqid() }}">
                                                        @php
                                                            $directors = json_decode($management);
                                                            $indexInputDirector = 0;
                                                        @endphp
                                                        @if (is_object($directors))
                                                            @foreach (json_decode($directors->directorName, true) as $key => $value)
                                                                <tr>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="directorName_{{ uniqid() }}"
                                                                            name="directorName[]" value="{{ $value }}"
                                                                            type="text" class="form-control ">
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="directorTaxNumber_{{ uniqid() }}"
                                                                            name="directorTaxNumber[]"
                                                                            value="{{ json_decode($directors->directorTaxNumber, true)[$key] }}"
                                                                            type="text" class="form-control ">
                                                                    </td>
                                                                    <td>
                                                                        <select id="directorPosition_{{ uniqid() }}"
                                                                            name="directorPosition[]" class="form-control">
                                                                            <option value="" selected="selected"></option>
                                                                            @forelse ($constant::MANAGEMENT_DIRECTOR_LABELS as $positionKey => $positionValue)
                                                                                <option value="{{ $positionKey }}"
                                                                                    {{ $positionKey == json_decode($directors->directorPosition, true)[$key] ? 'selected' : '' }}>
                                                                                    {{ $positionValue }}
                                                                                </option>
                                                                            @empty
                                                                                <option value="" disabled>Belum ada opsi
                                                                                </option>
                                                                            @endforelse
                                                                        </select>
                                                                    </td>
                                                                    <td>
                                                                        {{-- <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="directorIdentityNumber_{{ uniqid() }}"
                                                                            name="directorIdentityNumber[]"
                                                                            value="{{ json_decode($directors->directorIdentityNumber, true)[$key] }}"
                                                                            type="text" class="form-control "> --}}

                                                                        {!! generateMaskedInputHtml(maskString((json_decode(decryptData($directors->directorIdentityNumber), true)[$key]), 6), $directors->id, 'directorIdentityNumber', 'unmask-directorIdentityNumber-' . $indexInputDirector . '-input-btn', ['required' => 'required', 'data-index' => "$indexInputDirector"], true, true, $indexInputDirector) !!}

                                                                        @push('jsCustom2')
                                                                            <script>
                                                                                $(document).ready(function() {
                                                                                    $(`#unmask-directorIdentityNumber-{{ $indexInputDirector }}-input-btn`).on('click', function(event) {
                                                                                        const button = $(this);
                                                                                        const input = $(`.masked-input-directorIdentityNumber-{{ $indexInputDirector }}`);

                                                                                        const id = button.data('id');
                                                                                        const index = input.data('index');

                                                                                        let url =
                                                                                            '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                                                                                        url = url.replace(':id', id).replace(':fieldName', 'directorIdentityNumber').replace(':index', index);


                                                                                        if (!input.length) {
                                                                                            console.error(
                                                                                                `Input element with class '.masked-input-directorIdentityNumber-{{ $indexInputDirector }}' not found.`);
                                                                                            return;
                                                                                        }

                                                                                        const maskedValue = input.data('masked-value');
                                                                                        const isMasked = input.data('is-masked') === true;

                                                                                        if (isMasked) {
                                                                                            $.getJSON(url)
                                                                                                .done(function(data) {
                                                                                                    input.val(data);
                                                                                                })
                                                                                                .fail(function(xhr, status, error) {
                                                                                                    input.val(xhr.responseText);
                                                                                                    console.error(xhr.responseText);
                                                                                                })
                                                                                                .always(function(data) {
                                                                                                    input.data('is-masked', false);
                                                                                                });
                                                                                        } else {
                                                                                            input.val(maskedValue);
                                                                                            input.data('is-masked', true);
                                                                                        }
                                                                                    });
                                                                                });
                                                                            </script>
                                                                        @endpush
                                                                    </td>
                                                                    <td>
                                                                        {{-- <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="directorPhoneNumber_{{ uniqid() }}"
                                                                            name="directorPhoneNumber[]"
                                                                            value="{{ json_decode($directors->directorPhoneNumber, true)[$key] }}"
                                                                            type="text" class="form-control "> --}}
                                                                        
                                                                        {!! generateMaskedInputHtml(maskString((json_decode(decryptData($directors->directorPhoneNumber), true)[$key]), 6), $directors->id, 'directorPhoneNumber', 'unmask-directorPhoneNumber-' . $indexInputDirector . '-input-btn', ['data-index' => "$indexInputDirector"], true, true, $indexInputDirector) !!}

                                                                        @push('jsCustom2')
                                                                            <script>
                                                                                $(document).ready(function() {
                                                                                    $(`#unmask-directorPhoneNumber-{{ $indexInputDirector }}-input-btn`).on('click', function(event) {
                                                                                        const button = $(this);
                                                                                        const input = $(`.masked-input-directorPhoneNumber-{{ $indexInputDirector }}`);

                                                                                        const id = button.data('id');
                                                                                        const index = input.data('index');

                                                                                        let url =
                                                                                            '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                                                                                        url = url.replace(':id', id).replace(':fieldName', 'directorPhoneNumber').replace(':index', index);


                                                                                        if (!input.length) {
                                                                                            console.error(
                                                                                                `Input element with class '.masked-input-directorPhoneNumber-{{ $indexInputDirector }}' not found.`);
                                                                                            return;
                                                                                        }

                                                                                        const maskedValue = input.data('masked-value');
                                                                                        const isMasked = input.data('is-masked') === true;

                                                                                        if (isMasked) {
                                                                                            $.getJSON(url)
                                                                                                .done(function(data) {
                                                                                                    input.val(data);
                                                                                                })
                                                                                                .fail(function(xhr, status, error) {
                                                                                                    input.val(xhr.responseText);
                                                                                                    console.error(xhr.responseText);
                                                                                                })
                                                                                                .always(function(data) {
                                                                                                    input.data('is-masked', false);
                                                                                                });
                                                                                        } else {
                                                                                            input.val(maskedValue);
                                                                                            input.data('is-masked', true);
                                                                                        }
                                                                                    });
                                                                                });
                                                                            </script>
                                                                        @endpush
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control autonumeric"
                                                                            id="directorShareValue_{{ uniqid() }}"
                                                                            name="directorShareValue[]"
                                                                            value="{{ json_decode($directors->directorShareValue, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="directorSharePercent_{{ uniqid() }}"
                                                                            name="directorSharePercent[]"
                                                                            value="{{ json_decode($directors->directorSharePercent, true)[$key] }}"
                                                                            type="number" min="0" step=".1" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="directorPEFINDOScore_{{ uniqid() }}"
                                                                            name="directorPEFINDOScore[]"
                                                                            value="{{ json_decode($directors->directorPEFINDOScore, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="directorFDCScore_{{ uniqid() }}"
                                                                            name="directorFDCScore[]"
                                                                            value="{{ json_decode($directors->directorFDCScore, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td colspan="3">
                                                                        <button
                                                                            class="btn btn-xs btn-danger removeManagementInputBtn"
                                                                            type="button"><i class="fa fa-trash"></i> Hapus
                                                                            Input</button>
                                                                    </td>
                                                                </tr>

                                                                @php
                                                                    $indexInputDirector++;
                                                                @endphp
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="directorName_{{ uniqid() }}"
                                                                        name="directorName[]" value="" type="text"
                                                                        class="form-control "></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="directorTaxNumber_{{ uniqid() }}"
                                                                        name="directorTaxNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td>
                                                                    <select id="directorPosition_{{ uniqid() }}"
                                                                        name="directorPosition[]" value=""
                                                                        class="form-control">
                                                                        <option value="" selected="selected"></option>
                                                                        @forelse ($constant::MANAGEMENT_DIRECTOR_LABELS as $key => $value)
                                                                            <option value="{{ $key }}">
                                                                                {{ $value }}
                                                                            </option>
                                                                        @empty
                                                                            <option value="" disabled>Belum ada opsi
                                                                            </option>
                                                                        @endforelse
                                                                    </select>
                                                                </td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="directorIdentityNumber_{{ uniqid() }}"
                                                                        name="directorIdentityNumber[]" value=""
                                                                        type="text" class="form-control " required></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="directorPhoneNumber_{{ uniqid() }}"
                                                                        name="directorPhoneNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control autonumeric"
                                                                        id="directorShareValue_{{ uniqid() }}"
                                                                        name="directorShareValue[]" value=""
                                                                        type="text" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="directorSharePercent_{{ uniqid() }}"
                                                                        name="directorSharePercent[]" value=""
                                                                        type="number" min="0" step=".1" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="directorPEFINDOScore_{{ uniqid() }}"
                                                                        name="directorPEFINDOScore[]"
                                                                        type="text" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="directorFDCScore_{{ uniqid() }}"
                                                                        name="directorFDCScore[]"
                                                                        type="text" />
                                                                </td>
                                                                <td colspan="3">
                                                                    <button class="btn btn-xs btn-danger removeManagementInputBtn"
                                                                        type="button"><i class="fa fa-trash"></i> Hapus
                                                                        Input</button>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
        
                                            <button type="button" style="margin-top: 10px;" class="btn btn-xs btn-primary"
                                                id="addInputDirectorBtn">+
                                                Tambah
                                                Input</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
        
                            <div class="card">
                                <div class="card-header"
                                    style="display: flex; justify-content: space-between; align-items: center;">
                                    <h4>Daftar Komisaris</h4>
                                    <input type="checkbox" name="commissionerStatus" value="{{ $constant::YES }}"
                                        class="form-check-input m-20" @if ($management->commissionerStatus == $constant::YES) checked @endif>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="table-responsive">
                                                <table class="table table-strip" id="inputCommissionerTable">
                                                    <thead>
                                                        <tr>
                                                            <th width="25%">Nama Lengkap</th>
                                                            <th>NPWP</th>
                                                            <th>Jabatan</th>
                                                            <th style="min-width: 250px;">No. Identitas</th>
                                                            <th>No. HP</th>
                                                            <th>Nilai Saham (Rp)</th>
                                                            <th>Nilai Saham (%)</th>
                                                            <th>Skor PEFINDO</th>
                                                            <th>Skor FDC</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tbodyCommissioner_{{ uniqid() }}">
                                                        @php
                                                            $commissioners = json_decode($management);
                                                            $indexInputCommissioner = 0;
                                                        @endphp
                                                        @if (is_object($commissioners))
                                                            @foreach (json_decode($commissioners->commissionerName, true) as $key => $value)
                                                                <tr>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="commissionerName_{{ uniqid() }}"
                                                                            name="commissionerName[]"
                                                                            value="{{ $value }}" type="text"
                                                                            class="form-control ">
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="commissionerTaxNumber_{{ uniqid() }}"
                                                                            name="commissionerTaxNumber[]"
                                                                            value="{{ json_decode($commissioners->commissionerTaxNumber, true)[$key] }}"
                                                                            type="text" class="form-control ">
                                                                    </td>
                                                                    <td>
                                                                        <select id="commissionerPosition_{{ uniqid() }}"
                                                                            name="commissionerPosition[]" class="form-control">
                                                                            <option value="" selected="selected"></option>
                                                                            @forelse ($constant::MANAGEMENT_COMMISSIONER_LABELS as $positionKey => $positionValue)
                                                                                <option value="{{ $positionKey }}"
                                                                                    {{ $positionKey == json_decode($commissioners->commissionerPosition, true)[$key] ? 'selected' : '' }}>
                                                                                    {{ $positionValue }}
                                                                                </option>
                                                                            @empty
                                                                                <option value="" disabled>Belum ada opsi
                                                                                </option>
                                                                            @endforelse
                                                                        </select>
                                                                    </td>
                                                                    <td>
                                                                        {{-- <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="commissionerIdentityNumber_{{ uniqid() }}"
                                                                            name="commissionerIdentityNumber[]"
                                                                            value="{{ json_decode($commissioners->commissionerIdentityNumber, true)[$key] }}"
                                                                            type="text" class="form-control "> --}}

                                                                        {!! generateMaskedInputHtml(maskString((json_decode(decryptData($commissioners->commissionerIdentityNumber), true)[$key]), 6), $commissioners->id, 'commissionerIdentityNumber', 'unmask-commissionerIdentityNumber-' . $indexInputCommissioner . '-input-btn', ['required' => 'required', 'data-index' => "$indexInputCommissioner"], true, true, $indexInputCommissioner) !!}

                                                                        @push('jsCustom2')
                                                                            <script>
                                                                                $(document).ready(function() {
                                                                                    $(`#unmask-commissionerIdentityNumber-{{ $indexInputCommissioner }}-input-btn`).on('click', function(event) {
                                                                                        const button = $(this);
                                                                                        const input = $(`.masked-input-commissionerIdentityNumber-{{ $indexInputCommissioner }}`);

                                                                                        const id = button.data('id');
                                                                                        const index = input.data('index');

                                                                                        let url =
                                                                                            '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                                                                                        url = url.replace(':id', id).replace(':fieldName', 'commissionerIdentityNumber').replace(':index', index);


                                                                                        if (!input.length) {
                                                                                            console.error(
                                                                                                `Input element with class '.masked-input-commissionerIdentityNumber-{{ $indexInputCommissioner }}' not found.`);
                                                                                            return;
                                                                                        }

                                                                                        const maskedValue = input.data('masked-value');
                                                                                        const isMasked = input.data('is-masked') === true;

                                                                                        if (isMasked) {
                                                                                            $.getJSON(url)
                                                                                                .done(function(data) {
                                                                                                    input.val(data);
                                                                                                })
                                                                                                .fail(function(xhr, status, error) {
                                                                                                    input.val(xhr.responseText);
                                                                                                    console.error(xhr.responseText);
                                                                                                })
                                                                                                .always(function(data) {
                                                                                                    input.data('is-masked', false);
                                                                                                });
                                                                                        } else {
                                                                                            input.val(maskedValue);
                                                                                            input.data('is-masked', true);
                                                                                        }
                                                                                    });
                                                                                });
                                                                            </script>
                                                                        @endpush
                                                                        
                                                                    </td>
                                                                    <td>
                                                                        {{-- <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="commissionerPhoneNumber_{{ uniqid() }}"
                                                                            name="commissionerPhoneNumber[]"
                                                                            value="{{ json_decode($commissioners->commissionerPhoneNumber, true)[$key] }}"
                                                                            type="text" class="form-control "> --}}
                                                                        
                                                                        {!! generateMaskedInputHtml(maskString((json_decode(decryptData($commissioners->commissionerPhoneNumber), true)[$key]), 6), $commissioners->id, 'commissionerPhoneNumber', 'unmask-commissionerPhoneNumber-' . $indexInputCommissioner . '-input-btn', ['data-index' => "$indexInputCommissioner"], true, true, $indexInputCommissioner) !!}

                                                                        @push('jsCustom2')
                                                                            <script>
                                                                                $(document).ready(function() {
                                                                                    $(`#unmask-commissionerPhoneNumber-{{ $indexInputCommissioner }}-input-btn`).on('click', function(event) {
                                                                                        const button = $(this);
                                                                                        const input = $(`.masked-input-commissionerPhoneNumber-{{ $indexInputCommissioner }}`);

                                                                                        const id = button.data('id');
                                                                                        const index = input.data('index');

                                                                                        let url =
                                                                                            '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                                                                                        url = url.replace(':id', id).replace(':fieldName', 'commissionerPhoneNumber').replace(':index', index);


                                                                                        if (!input.length) {
                                                                                            console.error(
                                                                                                `Input element with class '.masked-input-commissionerPhoneNumber-{{ $indexInputCommissioner }}' not found.`);
                                                                                            return;
                                                                                        }

                                                                                        const maskedValue = input.data('masked-value');
                                                                                        const isMasked = input.data('is-masked') === true;

                                                                                        if (isMasked) {
                                                                                            $.getJSON(url)
                                                                                                .done(function(data) {
                                                                                                    input.val(data);
                                                                                                })
                                                                                                .fail(function(xhr, status, error) {
                                                                                                    input.val(xhr.responseText);
                                                                                                    console.error(xhr.responseText);
                                                                                                })
                                                                                                .always(function(data) {
                                                                                                    input.data('is-masked', false);
                                                                                                });
                                                                                        } else {
                                                                                            input.val(maskedValue);
                                                                                            input.data('is-masked', true);
                                                                                        }
                                                                                    });
                                                                                });
                                                                            </script>
                                                                        @endpush
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control autonumeric"
                                                                            id="commissionerShareValue_{{ uniqid() }}"
                                                                            name="commissionerShareValue[]"
                                                                            value="{{ json_decode($commissioners->commissionerShareValue, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="commissionerSharePercent_{{ uniqid() }}"
                                                                            name="commissionerSharePercent[]"
                                                                            value="{{ json_decode($commissioners->commissionerSharePercent, true)[$key] }}"
                                                                            type="number" min="0" step=".1" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="commissionerPEFINDOScore_{{ uniqid() }}"
                                                                            name="commissionerPEFINDOScore[]"
                                                                            value="{{ json_decode($commissioners->commissionerPEFINDOScore, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="commissionerFDCScore_{{ uniqid() }}"
                                                                            name="commissionerFDCScore[]"
                                                                            value="{{ json_decode($commissioners->commissionerFDCScore, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td colspan="3">
                                                                        <button
                                                                            class="btn btn-xs btn-danger removeManagementInputBtn"
                                                                            type="button"><i class="fa fa-trash"></i> Hapus
                                                                            Input</button>
                                                                    </td>
                                                                </tr>

                                                                @php
                                                                    $indexInputCommissioner++;
                                                                @endphp
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="commissionerName_{{ uniqid() }}"
                                                                        name="commissionerName[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="commissionerTaxNumber_{{ uniqid() }}"
                                                                        name="commissionerTaxNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td>
                                                                    <select id="commissionerPosition_{{ uniqid() }}"
                                                                        name="commissionerPosition[]" value=""
                                                                        class="form-control">
                                                                        <option value="" selected="selected"></option>
                                                                        @forelse ($constant::MANAGEMENT_COMMISSIONER_LABELS as $key => $value)
                                                                            <option value="{{ $key }}">
                                                                                {{ $value }}
                                                                            </option>
                                                                        @empty
                                                                            <option value="" disabled>Belum ada opsi
                                                                            </option>
                                                                        @endforelse
                                                                    </select>
                                                                </td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="commissionerIdentityNumber_{{ uniqid() }}"
                                                                        name="commissionerIdentityNumber[]" value=""
                                                                        type="text" class="form-control " required></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="commissionerPhoneNumber_{{ uniqid() }}"
                                                                        name="commissionerPhoneNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control autonumeric"
                                                                        id="commissionerShareValue_{{ uniqid() }}"
                                                                        name="commissionerShareValue[]" value=""
                                                                        type="text" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="commissionerSharePercent_{{ uniqid() }}"
                                                                        name="commissionerSharePercent[]" value=""
                                                                        type="number" min="0" step=".1" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="commissionerPEFINDOScore_{{ uniqid() }}"
                                                                        name="commissionerPEFINDOScore[]"
                                                                        type="text" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="commissionerFDCScore_{{ uniqid() }}"
                                                                        name="commissionerFDCScore[]"
                                                                        type="text" />
                                                                </td>
                                                                <td colspan="3">
                                                                    <button class="btn btn-xs btn-danger removeManagementInputBtn"
                                                                        type="button"><i class="fa fa-trash"></i> Hapus
                                                                        Input</button>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
        
                                            <button type="button" style="margin-top: 10px;" class="btn btn-xs btn-primary"
                                                id="addInputCommissionerBtn">+
                                                Tambah
                                                Input</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
        
                            <div class="card">
                                <div class="card-header"
                                    style="display: flex; justify-content: space-between; align-items: center;">
                                    <h4>Daftar Pemegang Saham</h4>
                                    <input type="checkbox" name="shareHolderStatus" value="{{ $constant::YES }}"
                                        class="form-check-input m-20" @if ($management->shareHolderStatus == $constant::YES) checked @endif>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="table-responsive">
                                                <table class="table table-strip" id="inputShareHolderTable">
                                                    <thead>
                                                        <tr>
                                                            <th width="25%">Nama Lengkap</th>
                                                            <th>NPWP</th>
                                                            <th style="min-width: 250px;">No. Identitas</th>
                                                            <th>No. HP</th>
                                                            <th>Nilai Saham (Rp)</th>
                                                            <th>Nilai Saham (%)</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tbodyShareHolder_{{ uniqid() }}">
                                                        @php
                                                            $shareHolders = json_decode($management);
                                                            $indexInputShareHolder = 0;
                                                        @endphp
                                                        @if (is_object($shareHolders))
                                                            @foreach (json_decode($shareHolders->shareHolderName, true) as $key => $value)
                                                                <tr>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="shareHolderName_{{ uniqid() }}"
                                                                            name="shareHolderName[]"
                                                                            value="{{ $value }}" type="text"
                                                                            class="form-control ">
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="shareHolderTaxNumber_{{ uniqid() }}"
                                                                            name="shareHolderTaxNumber[]"
                                                                            value="{{ json_decode($shareHolders->shareHolderTaxNumber, true)[$key] }}"
                                                                            type="text" class="form-control ">
                                                                    </td>
                                                                    <td>
                                                                        {{-- <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="shareHolderIdentityNumber_{{ uniqid() }}"
                                                                            name="shareHolderIdentityNumber[]"
                                                                            value="{{ json_decode($shareHolders->shareHolderIdentityNumber, true)[$key] }}"
                                                                            type="text" class="form-control "> --}}

                                                                        {!! generateMaskedInputHtml(maskString((json_decode(decryptData($shareHolders->shareHolderIdentityNumber), true)[$key]), 6), $shareHolders->id, 'shareHolderIdentityNumber', 'unmask-shareHolderIdentityNumber-' . $indexInputShareHolder . '-input-btn', ['data-index' => "$indexInputShareHolder"], true, true, $indexInputShareHolder) !!}

                                                                        @push('jsCustom2')
                                                                            <script>
                                                                                $(document).ready(function() {
                                                                                    $(`#unmask-shareHolderIdentityNumber-{{ $indexInputShareHolder }}-input-btn`).on('click', function(event) {
                                                                                        const button = $(this);
                                                                                        const input = $(`.masked-input-shareHolderIdentityNumber-{{ $indexInputShareHolder }}`);

                                                                                        const id = button.data('id');
                                                                                        const index = input.data('index');

                                                                                        let url =
                                                                                            '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                                                                                        url = url.replace(':id', id).replace(':fieldName', 'shareHolderIdentityNumber').replace(':index', index);


                                                                                        if (!input.length) {
                                                                                            console.error(
                                                                                                `Input element with class '.masked-input-shareHolderIdentityNumber-{{ $indexInputShareHolder }}' not found.`);
                                                                                            return;
                                                                                        }

                                                                                        const maskedValue = input.data('masked-value');
                                                                                        const isMasked = input.data('is-masked') === true;

                                                                                        if (isMasked) {
                                                                                            $.getJSON(url)
                                                                                                .done(function(data) {
                                                                                                    input.val(data);
                                                                                                })
                                                                                                .fail(function(xhr, status, error) {
                                                                                                    input.val(xhr.responseText);
                                                                                                    console.error(xhr.responseText);
                                                                                                })
                                                                                                .always(function(data) {
                                                                                                    input.data('is-masked', false);
                                                                                                });
                                                                                        } else {
                                                                                            input.val(maskedValue);
                                                                                            input.data('is-masked', true);
                                                                                        }
                                                                                    });
                                                                                });
                                                                            </script>
                                                                        @endpush
                                                                        
                                                                    </td>
                                                                    <td>
                                                                        {{-- <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            id="shareHolderPhoneNumber_{{ uniqid() }}"
                                                                            name="shareHolderPhoneNumber[]"
                                                                            value="{{ json_decode($shareHolders->shareHolderPhoneNumber, true)[$key] }}"
                                                                            type="text" class="form-control "> --}}
                                                                        
                                                                        {!! generateMaskedInputHtml(maskString((json_decode(decryptData($shareHolders->shareHolderPhoneNumber), true)[$key]), 6), $shareHolders->id, 'shareHolderPhoneNumber', 'unmask-shareHolderPhoneNumber-' . $indexInputShareHolder . '-input-btn', ['data-index' => "$indexInputShareHolder"], true, true, $indexInputShareHolder) !!}

                                                                        @push('jsCustom2')
                                                                            <script>
                                                                                $(document).ready(function() {
                                                                                    $(`#unmask-shareHolderPhoneNumber-{{ $indexInputShareHolder }}-input-btn`).on('click', function(event) {
                                                                                        const button = $(this);
                                                                                        const input = $(`.masked-input-shareHolderPhoneNumber-{{ $indexInputShareHolder }}`);

                                                                                        const id = button.data('id');
                                                                                        const index = input.data('index');

                                                                                        let url =
                                                                                            '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                                                                                        url = url.replace(':id', id).replace(':fieldName', 'shareHolderPhoneNumber').replace(':index', index);


                                                                                        if (!input.length) {
                                                                                            console.error(
                                                                                                `Input element with class '.masked-input-shareHolderPhoneNumber-{{ $indexInputShareHolder }}' not found.`);
                                                                                            return;
                                                                                        }

                                                                                        const maskedValue = input.data('masked-value');
                                                                                        const isMasked = input.data('is-masked') === true;

                                                                                        if (isMasked) {
                                                                                            $.getJSON(url)
                                                                                                .done(function(data) {
                                                                                                    input.val(data);
                                                                                                })
                                                                                                .fail(function(xhr, status, error) {
                                                                                                    input.val(xhr.responseText);
                                                                                                    console.error(xhr.responseText);
                                                                                                })
                                                                                                .always(function(data) {
                                                                                                    input.data('is-masked', false);
                                                                                                });
                                                                                        } else {
                                                                                            input.val(maskedValue);
                                                                                            input.data('is-masked', true);
                                                                                        }
                                                                                    });
                                                                                });
                                                                            </script>
                                                                        @endpush
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control autonumeric"
                                                                            id="shareHolderShareValue_{{ uniqid() }}"
                                                                            name="shareHolderShareValue[]"
                                                                            value="{{ json_decode($shareHolders->shareHolderShareValue, true)[$key] }}"
                                                                            type="text" />
                                                                    </td>
                                                                    <td>
                                                                        <input
                                                                            style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                            class="form-control"
                                                                            id="shareHolderSharePercent_{{ uniqid() }}"
                                                                            name="shareHolderSharePercent[]"
                                                                            value="{{ json_decode($shareHolders->shareHolderSharePercent, true)[$key] }}"
                                                                            type="number" min="0" step=".1" />
                                                                    </td>
                                                                    <td colspan="3">
                                                                        <button
                                                                            class="btn btn-xs btn-danger removeManagementInputBtn"
                                                                            type="button"><i class="fa fa-trash"></i> Hapus
                                                                            Input</button>
                                                                    </td>
                                                                </tr>

                                                                @php
                                                                    $indexInputShareHolder++;
                                                                @endphp
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="shareHolderName_{{ uniqid() }}"
                                                                        name="shareHolderName[]" value="" type="text"
                                                                        class="form-control "></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="shareHolderTaxNumber_{{ uniqid() }}"
                                                                        name="shareHolderTaxNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="shareHolderIdentityNumber_{{ uniqid() }}"
                                                                        name="shareHolderIdentityNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td><input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        id="shareHolderPhoneNumber_{{ uniqid() }}"
                                                                        name="shareHolderPhoneNumber[]" value=""
                                                                        type="text" class="form-control "></td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control autonumeric"
                                                                        id="shareHolderShareValue_{{ uniqid() }}"
                                                                        name="shareHolderShareValue[]" value=""
                                                                        type="text" />
                                                                </td>
                                                                <td>
                                                                    <input
                                                                        style="width: 100%; min-width: 150px; max-width: 300px;"
                                                                        class="form-control"
                                                                        id="shareHolderSharePercent_{{ uniqid() }}"
                                                                        name="shareHolderSharePercent[]" value=""
                                                                        type="number" min="0" step=".1" />
                                                                </td>
                                                                <td colspan="3">
                                                                    <button class="btn btn-xs btn-danger removeManagementInputBtn"
                                                                        type="button"><i class="fa fa-trash"></i> Hapus
                                                                        Input</button>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
        
                                            <button type="button" style="margin-top: 10px;" class="btn btn-xs btn-primary"
                                                id="addInputShareHolderBtn">+
                                                Tambah
                                                Input</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
        
                            @if (checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                <button class="btn btn-primary btnSubmitAttachment" style="margin-bottom: 20px;">
                                    Simpan
                                </button>
                            @endif
                        </form>
                    </div>
                </div>
                
                <div id="management-list-additional-info" class="tab-pane fade in active">
                    <form action="{{ route('admin.creditapplicationbusiness.management.uploadKTP', ['id' => $management->id]) }}" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="id" value="{{ $model->id }}">
                        
                        @if(session()->has('managementUploadKTPErrors'))
                            @php
                                $managementUploadKTPValidationErrors = session()->get('managementUploadKTPErrors')->messages();
                            @endphp
                            
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <i class="fa fa-times-circle"></i>&nbsp; Kesalahan pada input :
                                    <hr>
                                    <ul>
                                        @foreach ($managementUploadKTPValidationErrors as $error)
                                            @if(is_array($error))
                                                @foreach ($error as $e)
                                                    <li>{{ $e }}</li>
                                                @endforeach
                                            @else
                                                <li>{{ $error }}</li>
                                            @endif
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endif
                        
                        <div class="col-md-12 mb-3">
                            <div class="card">
                                <div class="card-header">Direktur</div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <thead>
                                            <th>Nama Lengkap</th>
                                            <th>Jabatan/Posisi</th>
                                            <th>PEFINDO</th>
                                            <th>FDC</th>
                                            <th>File KTP</th>
                                        </thead>
                                        <tbody>
                                            @if (is_object($directors))
                                                @foreach (json_decode($directors->directorName, true) as $key => $value)  
                                                <tr>
                                                        <td>{{ $value }}</td>
                                                        <td>{{ json_decode($directors->directorPosition, true)[$key] ? $constant::MANAGEMENT_DIRECTOR_LABELS[json_decode($directors->directorPosition, true)[$key]] : '' }}</td>
                                                        <td>
                                                            <div class="directorResponsePEFINDO">
                                                                Status : <span class="responseStatus">{{ json_decode($directors->directorPEFINDOStatus, true)[$key] ? json_decode($directors->directorPEFINDOStatus, true)[$key] : '-' }}</span>
                                                                <br>
                                                                File : <span class="responseDocument">@if(json_decode($directors->directorPEFINDODocument, true)[$key]) <a href="{{ getFdcDocumentUrl(json_decode($directors->directorPEFINDODocument, true)[$key]) }}">Lihat Dokumen</a> @else - @endif</span>
                                                            </div>
                                                            <button class="btn btn-primary btn-xs checkPEFINDOBtn" style="margin-top: 10px;" data-index="{{ $key }}" data-position="director" data-id="{{ $directors->id }}">Periksa</button>
                                                        </td>
                                                        <td>
                                                            <div class="directorResponseFDC">
                                                                Status : <span class="responseStatus">{{ json_decode($directors->directorPusdafilMonitoringStatus, true)[$key] ? json_decode($directors->directorPusdafilMonitoringStatus, true)[$key] : '-' }}</span>
                                                                <br>
                                                                File : <span class="responseDocument">@if(json_decode($directors->directorPusdafilMonitoringDocument, true)[$key]) <a href="{{ getFdcDocumentUrl(json_decode($directors->directorPusdafilMonitoringDocument, true)[$key]) }}">Lihat Dokumen</a> @else - @endif</span>
                                                            </div>
                                                            <button class="btn btn-primary btn-xs checkFDCBtn" style="margin-top: 10px;" data-index="{{ $key }}" data-position="director" data-id="{{ $directors->id }}" data-reason="1">Check</button>
                                                            <button class="btn btn-primary btn-xs checkFDCBtn" style="margin-top: 10px;" data-index="{{ $key }}" data-position="director" data-id="{{ $directors->id }}" data-reason="2">Monitor</button>
                                                        </td>
                                                        <td>
                                                            @if(!empty(json_decode($directors->directorKTPFile, true)) && json_decode($directors->directorKTPFile, true)[$key] != null)
                                                                @if(file_exists(getManagementKTPFileDirectory($creditApplication->id, $management->id, json_decode($directors->directorKTPFile, true)[$key])))
                                                                    <div class="image-selector-wrapper" style="margin-bottom: 10px; max-height: 150px; max-width: 200px; height: 100%; width: 100%; background-color: #d1d1d1;">
                                                                        <img src="{{ getManagementKTPFileUrl($creditApplication->id, $management->id, json_decode($directors->directorKTPFile, true)[$key]) }}" alt="{{ json_decode($directors->directorKTPFile, true)[$key] }}" style="height: 150px; width: 200px; object-fit: cover; object-position: center;"> 
                                                                        <i onclick="setModalDisplayImageAttributes($(this))" data-label="{{ json_decode($directors->directorKTPFile, true)[$key] }}" data-image-src="{{ getManagementKTPFileUrl($creditApplication->id, $management->id, json_decode($directors->directorKTPFile, true)[$key]) }}" data-filename="{{ json_decode($directors->directorKTPFile, true)[$key] }}" data-toggle="modal" data-target="#modal-display-image" class="fa fa-search image-display-icon"></i> 
                                                                    </div>
                                                                @endif
                                                            @endif
                                                            
                                                            <div class="custom-file">
                                                                <input type="file" style="display: none;" name="directorKTPFile[]" class="custom-file-input" id="management_ktp_file_director_{{ $directors->id }}_{{ $key }}" data-name="{{ $value }}">
                                                                <label class="custom-file-label btn" style="border: 1px solid black;" for="management_ktp_file_director_{{ $directors->id }}_{{ $key }}">Browse File KTP</label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3">
                            <div class="card">
                                <div class="card-header">Komisaris</div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <thead>
                                            <th>Nama Lengkap</th>
                                            <th>Jabatan/Posisi</th>
                                            <th>PEFINDO</th>
                                            <th>FDC</th>
                                            <th>File KTP</th>
                                        </thead>
                                        <tbody>
                                                @if (is_object($commissioners))
                                                    @foreach (json_decode($commissioners->commissionerName, true) as $key => $value)
                                                        <tr>
                                                            <td>{{ $value }}</td>
                                                            <td>{{ $constant::MANAGEMENT_COMMISSIONER_LABELS[json_decode($commissioners->commissionerPosition, true)[$key]] }}</td>
                                                            <td>
                                                                <div class="commissionerResponsePEFINDO">
                                                                    Status : <span class="responseStatus">{{ json_decode($commissioners->commissionerPEFINDOStatus, true)[$key] ? json_decode($commissioners->commissionerPEFINDOStatus, true)[$key] : '-' }}</span>
                                                                    <br>
                                                                    File : <span class="responseDocument">@if(json_decode($commissioners->commissionerPEFINDODocument, true)[$key]) <a href="{{ getFdcDocumentUrl(json_decode($commissioners->commissionerPEFINDODocument, true)[$key]) }}">Lihat Dokumen</a> @else - @endif</span>
                                                                </div>
                                                                <button class="btn btn-primary btn-xs checkPEFINDOBtn" style="margin-top: 10px;" data-index="{{ $key }}" data-position="commissioner" data-id="{{ $commissioners->id }}">Periksa</button>
                                                            </td>
                                                            <td>
                                                                <div class="commissionerResponseFDC">
                                                                    Status : <span class="responseStatus">{{ json_decode($commissioners->commissionerPusdafilMonitoringStatus, true)[$key] ? json_decode($commissioners->commissionerPusdafilMonitoringStatus, true)[$key] : '-' }}</span>
                                                                    <br>
                                                                    File : <span class="responseDocument">@if(json_decode($commissioners->commissionerPusdafilMonitoringDocument, true)[$key]) <a href="{{ getFdcDocumentUrl(json_decode($commissioners->commissionerPusdafilMonitoringDocument, true)[$key]) }}">Lihat Dokumen</a> @else - @endif</span>
                                                                </div>
                                                                <button class="btn btn-primary btn-xs checkFDCBtn" style="margin-top: 10px;" data-index="{{ $key }}" data-position="commissioner" data-id="{{ $commissioners->id }}" data-reason="1">Check</button>
                                                                <button class="btn btn-primary btn-xs checkFDCBtn" style="margin-top: 10px;" data-index="{{ $key }}" data-position="commissioner" data-id="{{ $commissioners->id }}" data-reason="2">Monitor</button>
                                                            </td>
                                                            <td>
                                                                @if(!empty(json_decode($commissioners->commissionerKTPFile, true)) && json_decode($commissioners->commissionerKTPFile, true)[$key] != null)
                                                                    @if(file_exists(getManagementKTPFileDirectory($creditApplication->id, $management->id, json_decode($commissioners->commissionerKTPFile, true)[$key])))
                                                                        <div class="image-selector-wrapper" style="margin-bottom: 10px; max-height: 150px; max-width: 200px; height: 100%; width: 100%; background-color: #d1d1d1;">
                                                                            <img src="{{ getManagementKTPFileUrl($creditApplication->id, $management->id, json_decode($commissioners->commissionerKTPFile, true)[$key]) }}" alt="{{ json_decode($commissioners->commissionerKTPFile, true)[$key] }}" style="height: 150px; width: 200px; object-fit: cover; object-position: center;"> 
                                                                            <i onclick="setModalDisplayImageAttributes($(this))" data-label="{{ json_decode($commissioners->commissionerKTPFile, true)[$key] }}" data-image-src="{{ getManagementKTPFileUrl($creditApplication->id, $management->id, json_decode($commissioners->commissionerKTPFile, true)[$key]) }}" data-filename="{{ json_decode($commissioners->commissionerKTPFile, true)[$key] }}" data-toggle="modal" data-target="#modal-display-image" class="fa fa-search image-display-icon"></i> 
                                                                        </div>
                                                                    @endif
                                                                @endif

                                                                <div class="custom-file">
                                                                    <input type="file" style="display: none;" name="commissionerKTPFile[]" class="custom-file-input" id="management_ktp_file_commissioner_{{ $commissioners->id }}_{{ $key }}" data-name="{{ $value }}">
                                                                    <label class="custom-file-label btn" style="border: 1px solid black;" for="management_ktp_file_commissioner_{{ $commissioners->id }}_{{ $key }}">Browse File KTP</label>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        @if(!empty(json_decode($management)))
                            <div class="col-md-12">
                                <button class="btn btn-success" type="submit"><i class="fa fa-upload"></i>&nbsp; Upload</button>
                            </div>
                        @endif
                    </form>
                </div>
            </div>

        </div>
        <div id="performance-financial" class="tab-pane fade in">
            <div class="col-md-12">
                <form id="mainForm" v-on:submit="formSubmit"
                    action="{{ route('admin.creditapplicationbusiness.financialPerformance', ['id' => $model->id]) }}"
                    class="form-horizontal" method="POST" enctype="multipart/form-data">
                    <div class="card">
                        <div class="card-header">Kinerja Keuangan</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Periode</label>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group date datepickerinput">
                                                <input id="reportDate" name="reportDate" data-date-format="YYYY-MM-DD"
                                                    type="text" class="form-control"
                                                    value="{{ empty(@$financialPerformance->reportDate) ? '' : @$financialPerformance->reportDate }}" />
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-calendar"></span></span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group date datepickerinput">
                                                <input id="reportDate2" name="reportDate2"
                                                    data-date-format="YYYY-MM-DD" type="text" class="form-control"
                                                    value="{{ empty(@$financialPerformance->reportDate2) ? '' : @$financialPerformance->reportDate2 }}" />
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-calendar"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">Neraca</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Total Current Asset</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalCurrentAsset" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalCurrentAsset : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalCurrentAsset2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalCurrentAsset2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Total Asset</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalAsset" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalAsset : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalAsset2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalAsset2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Total Current Liabilities</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalCurrentLiabilities" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalCurrentLiabilities : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalCurrentLiabilities2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalCurrentLiabilities2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Total Liabilities</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalLiabilities" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalLiabilities : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="totalLiabilities2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->totalLiabilities2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Ekuitas</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="ekuitas" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->ekuitas : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="ekuitas2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->ekuitas2 : null }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">Laba / (Rugi)</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Pendapatan Usaha</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="operatingRevenues" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->operatingRevenues : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="operatingRevenues2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->operatingRevenues2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Laba Kotor</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="grossProfit" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->grossProfit : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="grossProfit2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->grossProfit2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Laba Usaha Sebelum Pajak</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="profitBeforeTax" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->profitBeforeTax : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="profitBeforeTax2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->profitBeforeTax2 : null }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Laba Bersih Setelah Pajak</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input name="nettProfitAfterTax" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->nettProfitAfterTax : null }}">
                                        </div>
                                        <div class="col-md-5">
                                            <input name="nettProfitAfterTax2" class="form-control autonumeric"
                                                value="{{ !empty($financialPerformance) ? $financialPerformance->nettProfitAfterTax2 : null }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">Rasio Keuangan [%]</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Return Of Assets</label>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="roa" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->roa : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="roa2" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->roa2 : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Return Of Equity</label>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="roe" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->roe : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="roe2" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->roe2 : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Debt To Equity</label>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="der" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->der : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="der2" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->der2 : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Net Profit Margin</label>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="npm" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->npm : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="npm2" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->npm2 : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Current Ratio</label>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="currentRatio" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->currentRatio : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="input-group">
                                                <input name="currentRatio2" class="form-control autonumericDecimal"
                                                    value="{{ !empty($financialPerformance) ? $financialPerformance->currentRatio2 : null }}"
                                                    disabled>
                                                <span class="input-group-addon"><i class="fa fa-percent"
                                                        aria-hidden="true"></i></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Catatan</label>
                                        </div>
                                        <div class="col-md-10">
                                            <textarea class="form-control" name="notes" id="notes" cols="30" rows="10">{{ !empty($financialPerformance) ? $financialPerformance->notes : null }}</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::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                                <button class="btn btn-primary btnSubmitAttachment">
                                                    Simpan
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="proposal" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 style="font-weight: bold;">Memorandum Usulan Pembiayaan (MUP)</h4>
                    </div>
                    <div class="card-body">
                        <table>
                            <tbody>
                                <tr>
                                    <td>
                                        <a class="btn btn-success btn-sm mr-5"
                                            href="{{ route('admin.creditapplicationbusiness.mup', ['id' => $id]) }}"
                                            role="button">Generate MUP</a>
                                    </td>
                                </tr>
                                @if (file_exists(public_path() .
                                            '/' .
                                            env('UPLOAD_DOCUMENT') .
                                            $model->creditApplication->id .
                                            '-Memorandum-Usulan-Pembiayaan-' .
                                            $model->creditApplication->customerDetail->name .
                                            '-' .
                                            $model->businessName .
                                            '.pdf'))
                                    <tr>
                                        <td>
                                            <a href="{{ getDocumentUrl($model->creditApplication->id . '-Memorandum-Usulan-Pembiayaan-' . $model->creditApplication->customerDetail->name . '-' . $model->businessName . '.pdf') }}"
                                                target="_blank">
                                                <i class="fa fa-eye" aria-hidden="true"></i> Lihat MUP</a>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <form id="mainForm2"
                    action="{{ route('admin.creditapplicationbusiness.proposalSave', ['creditApplicationBusinessId' => $model->id]) }}"
                    class="form-horizontal" method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="creditApplicationBusinessId" value="{{ $model->id }}">
                    <div class="card">
                        <div class="card-header">
                            <h4 style="font-weight: bold;">Proposal</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    {{-- <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Tenor</label>
                                        </div>
                                        <div class="col-md-2">
                                            <input required type="text" name="tenor" value="{{ isset($proposal) && $proposal->tenor !== null ? $proposal->tenor : '' }}"
                                                class="form-control" />
                                        </div>
                                    </div> --}}
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Skor Pefindo</label>
                                        </div>
                                        <div class="col-md-2">
                                            <input required name="kredit_skor_pefindo"
                                                value="{{ isset($proposal) && $proposal->kredit_skor_pefindo !== null ? $proposal->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 required name="kredit_skor_fdc" class="form-control">
                                                <option value="" selected disabled>Pilih opsi</option>
                                                <option value="Lancar"
                                                    @if (isset($proposal) && $proposal->kredit_skor_fdc === 'Lancar') selected @endif>Lancar
                                                </option>
                                                <option value="Pernah Ada Riwayat Tunggakan"
                                                    @if (isset($proposal) && $proposal->kredit_skor_fdc === 'Pernah Ada Riwayat Tunggakan') selected @endif>Pernah Ada
                                                    Riwayat Tunggakan</option>
                                                <option value="Tidak Lancar"
                                                    @if (isset($proposal) && $proposal->kredit_skor_fdc === 'Tidak Lancar') selected @endif>Tidak Lancar
                                                </option>
                                                <option value="Belum pernah ada pinjaman"
                                                    @if (isset($proposal) && $proposal->kredit_skor_fdc === 'Belum pernah ada pinjaman') selected @endif>Belum pernah ada
                                                    pinjaman
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2 ">
                                            <label class="control-label">Penyimpangan (Deviasi)</label>
                                        </div>
                                        <div class="col-md-2">
                                            <select required name="deviasi" class="form-control">
                                                <option value="" selected disabled>Pilih opsi</option>
                                                @foreach ($constant::YES_NO_LABELS as $key => $value)
                                                    <option value="{{ $key }}"
                                                        @if (isset($proposal) && $proposal->deviasi === $key) selected @endif>
                                                        {{ $value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Informasi Payor</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="informasi_payor_trix" value="{!! nl2br(isset($proposal) && $proposal->informasi_payor !== null ? $proposal->informasi_payor : '') !!}"
                                                type="hidden" name="informasi_payor">
                                            <trix-editor input="informasi_payor_trix"></trix-editor>

                                            {{-- <textarea name="informasi_payor" class="form-control">{{ isset($proposal) && $proposal->informasi_payor !== null ? $proposal->informasi_payor : '' }}</textarea> --}}
                                        </div>
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Analisa Rekening Koran</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="analisa_rek_koran" value="{!! nl2br(isset($proposal) && $proposal->analisa_rek_koran !== null ? $proposal->analisa_rek_koran : '') !!}"
                                                type="hidden" name="analisa_rek_koran">
                                            <trix-editor input="analisa_rek_koran"></trix-editor>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <hr>
                                    <h4 style="font-weight: bold;">Analisis SWOT</h4>
                                    <hr>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group" style="margin-bottom: 20px;">
                                        <div class="col-md-2">
                                            <label class="control-label">Strengths (S)</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="strengths_trix" value="{!! isset($proposal) && $proposal->strengths !== null ? nl2br($proposal->strengths) : '' !!}"
                                                type="hidden" name="strengths">
                                            <trix-editor input="strengths_trix"></trix-editor>
                                        </div>

                                    </div>
                                    <div class="form-group" style="margin-bottom: 20px;">
                                        <div class="col-md-2 ">
                                            <label class="control-label">Weaknesses (W)</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="weaknesses_trix" value="{!! isset($proposal) && $proposal->weaknesses !== null ? nl2br($proposal->weaknesses) : '' !!}"
                                                type="hidden" name="weaknesses">
                                            <trix-editor input="weaknesses_trix"></trix-editor>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-bottom: 20px;">
                                        <div class="col-md-2">
                                            <label class="control-label">Opportunities (O)</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="opportunities_trix" value="{!! isset($proposal) && $proposal->opportunities !== null ? nl2br($proposal->opportunities) : '' !!}"
                                                type="hidden" name="opportunities">
                                            <trix-editor input="opportunities_trix"></trix-editor>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-bottom: 20px;">
                                        <div class="col-md-2">
                                            <label class="control-label">Threats (T)</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="threats_trix" value="{!! isset($proposal) && $proposal->threats !== null ? nl2br($proposal->threats) : '' !!}"
                                                type="hidden" name="threats">
                                            <trix-editor input="threats_trix"></trix-editor>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <hr>
                                    <h4 style="font-weight: bold;">Resume</h4>
                                    <hr>
                                </div>
                                <div class="col-md-12">
                                    <input required id="resume_trix" value="{!! nl2br(isset($proposal) && $proposal->resume !== null ? $proposal->resume : '') !!}" type="hidden"
                                        name="resume">
                                    <trix-editor input="resume_trix"></trix-editor>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <hr>
                                    <h4 style="font-weight: bold;">Catatan Pemutus</h4>
                                    <hr>
                                </div>
                                <div class="col-md-12">
                                    <input required id="catatan_pemutus_trix" value="{!! nl2br(isset($proposal) && $proposal->catatan_pemutus !== null ? $proposal->catatan_pemutus : '') !!}"
                                        type="hidden" name="catatan_pemutus">
                                    <trix-editor input="catatan_pemutus_trix"></trix-editor>
                                </div>
                            </div>

                            <br>
                            <br>

                            @if (checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                <button class="btn btn-primary" id="submitForm">
                                    Simpan
                                </button>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="borrower-profile" class="tab-pane fade in">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="alert alert-info" role="alert">
                            <i class="fa fa-info-circle"></i>&nbsp; Perhatian
                            <hr>
                            <p class="font-weight-">
                                Mohon untuk melengkapi semua data yang diperlukan sebelum generate Profil Borrower
                            </p>
                        </div>
                        <table>
                            <tbody>
                                <tr>
                                    <td>
                                        <a class="btn btn-success btn-sm mr-5"
                                            href="{{ route('admin.creditapplicationbusiness.profil.borrower', ['id' => $id]) }}"
                                            role="button">Generate PDF</a>
                                    </td>
                                </tr>
                                @if (file_exists(public_path() .
                                            '/' .
                                            env('UPLOAD_DOCUMENT') .
                                            $model->creditApplication->id .
                                            '-Profil-Penerima-Pembiayaan-' .
                                            $model->creditApplication->customerDetail->name .
                                            '-' .
                                            $model->businessName .
                                            '.pdf'))
                                    <tr>
                                        <td>
                                            <a href="{{ getDocumentUrl($model->creditApplication->id . '-Profil-Penerima-Pembiayaan-' . $model->creditApplication->customerDetail->name . '-' . $model->businessName . '.pdf') }}"
                                                target="_blank">
                                                <i class="fa fa-eye" aria-hidden="true"></i> Lihat Profil Borrower</a>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <form
                    action="{{ route('admin.creditapplicationbusiness.profilBorrower', ['creditApplicationBusinessId' => $model->id]) }}"
                    class="form-horizontal" method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="creditApplicationBusinessId" value="{{ $model->id }}">
                    <div class="card">
                        <div class="card-header">
                            <h4 style="font-weight: bold;">Form Profil Borrower</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                
                                @if(session()->has('profilBorrowerErrors'))
                                    @php
                                        $profilBorrowerValidationErrors = session()->get('profilBorrowerErrors')->messages();
                                    @endphp
                                    
                                    <div class="col-md-12">
                                        <div class="alert alert-danger">
                                            <i class="fa fa-times-circle"></i>&nbsp; Kesalahan pada input :
                                            <hr>
                                            <ul>
                                                @foreach ($profilBorrowerValidationErrors as $error)
                                                    @if(is_array($error))
                                                        @foreach ($error as $e)
                                                            <li>{{ $e }}</li>
                                                        @endforeach
                                                    @else
                                                        <li>{{ $error }}</li>
                                                    @endif
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                @endif

                                @php
                                    $ratingProfil = "";
                                    $ratingGradeProfil = "";
                                    $ratingLabelProfil = "";
                                    $arrRatingProfil = "";
                                    
                                    if(isset($profilBorrower) && $profilBorrower->rating !== null) {
                                        $ratingProfil = $profilBorrower->rating;
                                        $arrRatingProfil = explode("-", $ratingProfil);
                                        $ratingGradeProfil = rtrim($arrRatingProfil[0]);
                                        $ratingLabelProfil = str_replace(' ', '', strtolower($arrRatingProfil[1])) != str_replace(' ', '', strtolower($constant::RISK_RATING_LABELS[$ratingGradeProfil])) ? $constant::RISK_RATING_LABELS[$ratingGradeProfil] : ltrim($arrRatingProfil[1]);
                                    } else {
                                        $ratingGradeProfil = $model->rating;
                                        if(!empty($ratingGradeProfil)) {
                                            if (array_key_exists($model->rating, $constant::RISK_RATING_LABELS)) {
                                                $ratingLabelProfil = $constant::RISK_RATING_LABELS[$model->rating];
                                            }
                                        }
                                    }
                                @endphp

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Rating</label>
                                        </div>
                                        <div class="col-md-10">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <input required readonly="readonly" type="text" class="form-control" name="rating_grade" value="{{ old('rating_grade', isset($ratingGradeProfil) && $ratingGradeProfil !== "" ? $ratingGradeProfil : '') }}">
                                                </div>
                                                <div class="col-md-4">
                                                    <input required readonly="readonly" type="text" name="rating_label" class="form-control" value="{{ old('rating_label', isset($ratingLabelProfil) && $ratingLabelProfil !== "" ? $ratingLabelProfil : '') }}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Environmental</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required type="text" name="environmental" value="{{ old('environmental', isset($profilBorrower) && $profilBorrower->environmental !== null ? $profilBorrower->environmental : '') }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Social</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required type="text" name="social" value="{{ old('social', isset($profilBorrower) && $profilBorrower->social !== null ? $profilBorrower->social : '') }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Governance</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required type="text" name="governance" value="{{ old('governance', isset($profilBorrower) && $profilBorrower->governance !== null ? $profilBorrower->governance : '') }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Maksimum Tenor</label>
                                        </div>
                                        <div class="col-md-5">
                                            <input required name="maksimum_tenor"
                                                value="{{ old('maksimum_tenor', isset($profilBorrower) && $profilBorrower->maksimum_tenor !== null ? $profilBorrower->maksimum_tenor : '') }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Tujuan Pembiayaan</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required name="tujuan_pembiayaan"
                                                value="{{ old('Modal Kerja', isset($profilBorrower) && $profilBorrower->tujuan_pembiayaan !== null ? $profilBorrower->tujuan_pembiayaan : '') }}"
                                                class="form-control" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Kategori Payor</label>
                                        </div>
                                        <div class="col-md-10">
                                            @php
                                                $kategori_payor = "";

                                                if(isset($profilBorrower) && !empty($profilBorrower->kategori_payor)) {
                                                    $kategori_payor = $profilBorrower->kategori_payor;
                                                }
                                            @endphp

                                            <select name="kategori_payor" id="kategori_payor" class="form-control" required>
                                                <option value="" selected disabled>Pilih kategori payor</option>
                                                @foreach ($constant::PAYOR_CATEGORIES as $key => $value)
                                                    <option value="{{ $key }}" @if(old('kategori_payor', $kategori_payor) == $key) selected @endif>{{ $value }}</option>
                                                @endforeach
                                            </select>
                                            {{-- <input required name="kategori_payor"
                                                value="{{ old('kategori_payor', isset($profilBorrower) && $profilBorrower->kategori_payor !== null ? $profilBorrower->kategori_payor : '') }}"
                                                class="form-control" /> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Skema Pembiayaan</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="skema_pembiayaan_trix" value="{!! old('skema_pembiayaan', nl2br(isset($profilBorrower) && $profilBorrower->skema_pembiayaan !== null ? $profilBorrower->skema_pembiayaan : '')) !!}"
                                                type="hidden" name="skema_pembiayaan">
                                            <trix-editor input="skema_pembiayaan_trix"></trix-editor>

                                            {{-- <textarea name="skema_pembiayaan" class="form-control">{{ isset($profilBorrower) && $profilBorrower->skema_pembiayaan !== null ? $profilBorrower->skema_pembiayaan : '' }}</textarea> --}}
                                        </div>
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Skema Pengembalian</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="skema_pengembalian_trix" value="{!! old('skema_pengembalian', nl2br(isset($profilBorrower) && $profilBorrower->skema_pengembalian !== null ? $profilBorrower->skema_pengembalian : '')) !!}"
                                                type="hidden" name="skema_pengembalian">
                                            <trix-editor input="skema_pengembalian_trix"></trix-editor>

                                            {{-- <textarea name="skema_pengembalian" class="form-control">{{ isset($profilBorrower) && $profilBorrower->skema_pengembalian !== null ? $profilBorrower->skema_pengembalian : '' }}</textarea> --}}
                                        </div>
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Risiko</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="risiko_trix" value="{!! old('risiko', nl2br(isset($profilBorrower) && $profilBorrower->risiko !== null ? $profilBorrower->risiko : '')) !!}"
                                                type="hidden" name="risiko">
                                            <trix-editor input="risiko_trix"></trix-editor>

                                            {{-- <textarea name="risiko" class="form-control">{{ isset($profilBorrower) && $profilBorrower->risiko !== null ? $profilBorrower->risiko : '' }}</textarea> --}}
                                        </div>
                                    </div>
                                    <br>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Analisa Industri</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="analisa_industri_trix" value="{!! old('analisa_industri', nl2br(isset($profilBorrower) && $profilBorrower->analisa_industri !== null ? $profilBorrower->analisa_industri : '')) !!}"
                                                type="hidden" name="analisa_industri">
                                            <trix-editor input="analisa_industri_trix"></trix-editor>
                                        </div>
                                    </div>
                                    {{-- <br>
                                    <div class="form-group">
                                        <div class="col-md-2">
                                            <label class="control-label">Informasi Payor</label>
                                        </div>
                                        <div class="col-md-10">
                                            <input required id="informasi_payor_trix" value="{!! old('informasi_payor', nl2br(isset($profilBorrower) && $profilBorrower->informasi_payor !== null ? $profilBorrower->informasi_payor : '')) !!}"
                                                type="hidden" name="informasi_payor">
                                            <trix-editor input="informasi_payor_trix"></trix-editor>
                                        </div>
                                    </div> --}}
                                </div>
                                <br>
                                <div class="col-md-12">
                                    @if (checkPermission(\App\Util\AclConstant::CREDIT_APPLICATION_BUSINESS_UPDATE))
                                        <button class="btn btn-primary" id="submitForm">
                                            Simpan
                                        </button>
                                    @endif
                                </div>
                            </div>

                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="tab-pane fade in" id="form-scoring">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form id="formScoringForm" class="form-horizontal">
                            {{ csrf_field() }}
                            <table class="table table-sm table-bordered w-100">
                                <thead>
                                    <tr style="background-color: #009999; color: white;">
                                        <td colspan="10">
                                            <h4 style="font-weight: bold; letter-spacing: 1px;">Form Scoring</h4>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-center" style="width: 10px !important; vertical-align: middle;">
                                        </th>
                                        <th class="text-center" width="40%" style="vertical-align: middle;"></th>
                                        <th class="text-center" width="10%" style="vertical-align: middle;">Ratio
                                        </th>
                                        <th class="text-center" width="30%" style="vertical-align: middle;">Kondisi
                                        </th>
                                        <th class="text-center" width="10%" style="vertical-align: middle;">Nilai
                                        </th>
                                        {{-- <th class="text-center" style='min-width: 150px !important; vertical-align: middle;'>Aksi</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $formScoringParameterGroupParents = App\Entity\FormScoringParameterGroupParent::with(
                                            ['formScoringParameterGroupChilds.formScoringParameterConditions']
                                        )->get();
                                        $formScoringParameterNumber = 1;

                                        foreach ($formScoringParameterGroupParents as $parent) {
                                            $childs = '';

                                            foreach ($parent->formScoringParameterGroupChilds as $child) {
                                                $conditions = "<select name='formScoringInput[{$parent->code}][condition][{$child->code}]' class='form-control' style='width: 100% !important;'>
                                                <option value='' selected disabled='disabled'>---Pilih---</option>
                                                ";

                                                foreach ($child->formScoringParameterConditions as $condition) {
                                                    $conditions .= "<option value='{$condition->code}'>[{$condition->code}] {$condition->text}</option>";
                                                }

                                                $conditions .= '</select>';

                                                $childs .= "
                                            <tr>
                                                <td style='vertical-align: middle;'>
                                                    {$child->code}
                                                </td>
                                                <td style='vertical-align: middle;'>{$child->title}</td>
                                                <td style='vertical-align: middle;'><input name='formScoringInput[{$parent->code}][ratio][{$child->code}]' type='text' class='form-control'/></td>
                                                <td style='vertical-align: middle;'>{$conditions}</td>
                                                <td style='vertical-align: middle;'><input name='formScoringInput[{$parent->code}][score][{$child->code}]' type='text' class='form-control' readonly/></td>
                                            </tr>
                                            ";

                                                // // childs with action button
                                                // $childs .= "
        // <tr>
        // <td style='vertical-align: middle;'>{$child->code}</td>
        // <td style='vertical-align: middle;'>{$child->title}</td>
        // <td style='vertical-align: middle;'><input name='formScoringInput[ratio][{$child->code}]' type='text' class='form-control'/></td>
        // <td style='vertical-align: middle;'>{$conditions}</td>
        // <td style='vertical-align: middle;'><input name='formScoringInput[score][{$child->code}]' type='text' class='form-control'/></td>
        //     <td style='vertical-align: middle;'>
        //         <div style='display: flex; gap: 10px; justify-content: center; align-items: center'>
        //             <button class='btn btn-xs btn-warning' type='button'><i class='fa fas fa-pencil'></i></button>
        //             <button class='btn btn-xs btn-danger' type='button'><i class='fa fas fa-trash'></i></button>
        //         </div>
        //     </td>
        // </tr>
        // ";
                                            }

                                            echo "<tr style='background-color: #009999; color: white;'>
                                                <td>{$formScoringParameterNumber}</td>
                                                <td colspan='5'>
                                                    {$parent->title}
                                                    <input type='hidden' name='formScoringInput[{$parent->code}][parentId]' value='{$parent->id}'/>
                                                </td>
                                            </tr>
                                            $childs
                                            ";

                                            $formScoringParameterNumber++;
                                        }
                                    @endphp

                                </tbody>
                            </table>

                            <br>
                            <br>

                            <button class="btn btn-primary" id="submitFormScoringBtn" type="button">
                                Simpan
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="tab-pane fade in" id="account-mutation">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="padding-top: 10px !important; padding-bottom: 10px !important;">
                        <button id="accountMutationFormModalBtn" class="btn btn-primary">+ Tambah Data</button>
                    </div>
                    @tableconfig
                    <div class="card-body no-padding" id="accountMutationTable">
                        @tableajax(
                            route('admin.creditapplicationbusiness.getAccountMutations', ['creditApplicationBusinessId' => $model->id])
                        )
                            <thead>
                                <tr>
                                    <th data-column-name="accountData">Informasi Akun</th>
                                    <th data-column-name="mutationData">Data Mutasi</th>
                                    <th data-column-name="action">Aksi</th>
                                </tr>
                            </thead>
                        @endtableajax
                    </div>
                </div>
            </div>
        </div>

        @if ($creditApplication->status == Constant::CREDIT_APPLICATION_STATUS_APPROVED)
            <div class="tab-pane fade in" id="payment-mutation">
                <div class="col-md-12">
                    <div class="card">
                        @tableconfig
                        <div class="card-body no-padding">
                            @tableajax(
                                route('admin.creditapplication.getCustomerMutation', ['customerDetailId' => $creditApplication->customerDetailId])
                            )
                                <thead>
                                    <tr>
                                        <th data-column-name="recordedAt">Disimpan Pada</th>
                                        <th data-column-name="mutationAmount">Jumlah Mutasi</th>
                                        <th data-column-name="remark">Keterangan</th>
                                    </tr>
                                </thead>
                            @endtableajax
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
    </div>

    <script>
        var vueData = {!! json_encode($model) !!};
        vueData.documentText = '{{ preg_replace("/\r|\n/", '', $model->creditApplication->documentText) }}';
        vueData.scf = {!! json_encode($scf) !!};
        vueData.documentAttachment = {!! json_encode($model->creditApplication->documentAttachmentList) !!};
        vueData.documentAttachment.push({
            name: '',
            url: ''
        });

        if (vueData.scf === null) {
            vueData.scfOptiontext = '';
        } else {
            vueData.scfOptiontext = vueData.scf.name;
            vueData.scf = vueData.scf.id;
        }

        var vueExtraMethods = {
            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('modal')
    <div id="modal-show-history" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header p-15">
                    Sejarah Perubahan
                </div>
                <div class="modal-body p-15 text-center">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="col-md-4">Tgl / Jam</th>
                                <th class="col-md-8">Keterangan</th>
                            </tr>
                        </thead>
                        <tbody id="tbody-status-history">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-account-mutation" class="modal fade" role="dialog" style="z-index: 200000 !important;">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <form id="accountMutationForm">
                <!-- Modal content-->
                <input type="hidden" name="accountMutationId" id="accountMutationId" value="">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Form Mutasi Rekening</h4>
                    </div>
                    <div class="modal-body">
                        <div id="validation-errors" class="alert alert-danger alert-dismissible" role="alert"
                            style="z-index: 200001 !important;"></div>

                        <div class="form-group">
                            <label for="bankId" class="form-label">Bank</label>
                            <select name="bankId" id="bankId" class="form-control">
                                <option value="" selected>--- Pilih ---</option>
                                @foreach ($bankLists as $bank)
                                    <option value="{{ $bank->id }}">{{ $bank->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="bankAccountNumber" class="form-label">Nomor Akun</label>
                            <input type="number" class="form-control" name="bankAccountNumber"
                                id="bankAccountNumber">
                        </div>
                        <div class="form-group">
                            <label for="bankAccountOwnerName" class="form-label">Nama Pemilik Akun</label>
                            <input type="text" class="form-control" name="bankAccountOwnerName"
                                id="bankAccountOwnerName">
                        </div>
                        {{-- <div class="form-group">
                            <label for="year" class="form-label">Tahun</label>
                            <input type="number" min="{{ date('Y') - 2 }}" max="{{ date('Y') }}" class="form-control" name="year" id="year">
                        </div> --}}
                        <hr>
                        <h5 style="font-weight: bold;" class="text-center">Mutasi</h5>
                        <hr>
                        <div class="table-responsive">
                            <table id="mutationDataTable" class="table table-sm table-bordered table-striped"
                                style="font-size: 6pt !important;">
                                <thead>
                                    <tr>
                                        <th>Periode</th>
                                        <th style="min-width: 150px !important;">Debit</th>
                                        <th style="min-width: 150px !important;">Kredit</th>
                                        <th style="min-width: 150px !important;">Saldo</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <button class="btn btn-primary"
                            data-cab-id="{{ $creditApplication->creditApplicationBusiness->id }}"
                            id="accountMutationSaveBtn" type="button">
                            Simpan
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @if ($ifStatusVerifcation)
        <div id="modal-verification-ceo-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.creditapplication.statusChange', ['id' => $creditApplication->id]) }}"
                    method="post">
                    <!-- Modal content-->
                    <input type="hidden" name="status">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Approve</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 aplikasi ini?</b></p>
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12 text-left">
                                    <div class="col-md-12">
                                        <div class="col-md-4">No. HP</div>
                                        <div class="col-md-8">: {{ $creditApplication->mobilePhone }}</div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Nama</div>
                                        <div class="col-md-8">: {{ $creditApplication->idCardName }}</div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Tipe</div>
                                        <div class="col-md-8">
                                            : {{ $constant::CREDIT_APPLICATION_TYPE_LABELS[$creditApplication->type] }}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Perusahaan</div>
                                        <div class="col-md-8">
                                            :
                                            {{ empty($creditApplication->company->name) ? 'Tanpa Perusahaan' : $creditApplication->company->name }}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Total Terverifikasi</div>
                                        <div class="col-md-8">
                                            :
                                            {{ (int) $model->creditApplicationScore + (int) $creditApplication->creditApplicationScore }}
                                            / {{ (int) $model->creditApplicationTotalScore }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12">
                                    <label class="control-label">Skor Pengajuan</label>
                                </div>
                                <div class="col-md-12">
                                    <table class="table">
                                        @foreach ($model::FORM_GROUP_STATUS as $fieldStatusLabel => $fieldStatus)
                                            @if ($fieldStatusLabel == 'identityCard')
                                                <tr>
                                                    <td>{{ $creditApplication::FORM_GROUP_LABEL[$fieldStatusLabel] }}</td>
                                                    <td>{{ $creditApplication->groupStatusScore($fieldStatusLabel) }}
                                                        /{{ count($fieldStatus) }}</td>
                                                </tr>
                                            @elseif($fieldStatusLabel == 'personalInfo')
                                                <tr>
                                                    <td>{{ $creditApplication::FORM_GROUP_LABEL[$fieldStatusLabel] }}</td>
                                                    <td>
                                                        {{ $creditApplication->groupStatusScore($fieldStatusLabel) +
                                                            $creditApplication->groupStatusScore('personalAddress') +
                                                            $model->groupStatusScore($fieldStatusLabel) }}
                                                        /{{ count($fieldStatus) }}
                                                    </td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td>{{ $model::FORM_GROUP_LABEL[$fieldStatusLabel] }}</td>
                                                    <td>{{ $model->groupStatusScore($fieldStatusLabel) }}
                                                        /{{ count($fieldStatus) }}</td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    </table>
                                </div>

                                <div class="col-md-12">
                                    <div class="col-md-6">
                                        <label class="control-label">Total Plafond Maksimal</label>
                                    </div>
                                    <div class="col-md-6">
                                        <input class="form-control" disabled type="text"
                                            value="{{ getPriceNumber($model->totalPlafond) }}">
                                    </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">
                                Proses
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="modal-approve-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.creditapplication.statusChange', ['id' => $creditApplication->id]) }}"
                    method="post">
                    <!-- Modal content-->
                    <input type="hidden" name="status"
                        value="{{ $constant::CREDIT_APPLICATION_STATUS_APPROVED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Approve</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 aplikasi ini?</b></p>
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12 text-left">
                                    <div class="col-md-12">
                                        <div class="col-md-4">No. HP</div>
                                        <div class="col-md-8">: {{ $creditApplication->mobilePhone }}</div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Nama</div>
                                        <div class="col-md-8">: {{ $creditApplication->idCardName }}</div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Tipe</div>
                                        <div class="col-md-8">
                                            : {{ $constant::CREDIT_APPLICATION_TYPE_LABELS[$creditApplication->type] }}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Perusahaan</div>
                                        <div class="col-md-8">
                                            :
                                            {{ empty($creditApplication->company->name) ? 'Tanpa Perusahaan' : $creditApplication->company->name }}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-4">Total Terverifikasi</div>
                                        <div class="col-md-8">
                                            :
                                            {{ (int) $model->creditApplicationScore + (int) $creditApplication->creditApplicationScore }}
                                            / {{ (int) $model->creditApplicationTotalScore }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-12">
                                    <label class="control-label">Skor Pengajuan</label>
                                </div>
                                <div class="col-md-12">
                                    <table class="table">
                                        @foreach ($model::FORM_GROUP_STATUS as $fieldStatusLabel => $fieldStatus)
                                            @if ($fieldStatusLabel == 'identityCard')
                                                <tr>
                                                    <td>{{ $creditApplication::FORM_GROUP_LABEL[$fieldStatusLabel] }}</td>
                                                    <td>{{ $creditApplication->groupStatusScore($fieldStatusLabel) }}
                                                        /{{ count($fieldStatus) }}</td>
                                                </tr>
                                            @elseif($fieldStatusLabel == 'personalInfo')
                                                <tr>
                                                    <td>{{ $creditApplication::FORM_GROUP_LABEL[$fieldStatusLabel] }}</td>
                                                    <td>
                                                        {{ $creditApplication->groupStatusScore($fieldStatusLabel) +
                                                            $creditApplication->groupStatusScore('personalAddress') +
                                                            $model->groupStatusScore($fieldStatusLabel) }}
                                                        /{{ count($fieldStatus) }}
                                                    </td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td>{{ $model::FORM_GROUP_LABEL[$fieldStatusLabel] }}</td>
                                                    <td>{{ $model->groupStatusScore($fieldStatusLabel) }}
                                                        /{{ count($fieldStatus) }}</td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    </table>
                                </div>

                                <div class="col-md-12">
                                    <div class="col-md-6">
                                        <label class="control-label">Total Plafond Maksimal</label>
                                    </div>
                                    <div class="col-md-6">
                                        <input class="form-control" disabled type="text"
                                            value="{{ getPriceNumber($model->totalPlafond) }}">
                                    </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">
                                Proses
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="modal-reject-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.creditapplication.statusChange', ['id' => $creditApplication->id]) }}"
                    method="post">
                    <!-- Modal content-->
                    <input type="hidden" name="status"
                        value="{{ $constant::CREDIT_APPLICATION_STATUS_REJECTED }}">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Reject</h4>
                        </div>
                        <div class="modal-body p-15 text-center">
                            <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                            <p class="mb-25"><b>Anda akan menolak aplikasi ini?</b></p>
                            <div class="reject-reason-template">
                                <div class="row">
                                    <input type="radio" name="rejectReason"
                                        value="Pengajuan pembiayaan Anda belum dapat disetujui saat ini. Persetujuan pembiayaan memperhatikan hasil verifikasi, kelengkapan dokumen, dan analisa terhadap aspek capacity Pemohon">
                                    Pengajuan pembiayaan Anda belum dapat disetujui saat ini. Persetujuan pembiayaan
                                    memperhatikan hasil verifikasi, kelengkapan dokumen, dan analisa terhadap aspek
                                    capacity Pemohon
                                </div>
                                <div class="row">
                                    <input type="radio" name="rejectReason"
                                        value="Mohon maaf, saat ini lokasi anda berada di luar jangkauan wilayah layanan Duha Syariah">
                                    Mohon maaf, saat ini lokasi anda berada di luar jangkauan wilayah layanan Duha
                                    Syariah
                                </div>
                                <div class="row">
                                    <input type="radio" name="rejectReason"
                                        value="Pengajuan pembiayaan Anda belum dapat disetujui saat ini karena dokumen Anda tidak dapat diverifikasi">
                                    Pengajuan pembiayaan Anda belum dapat disetujui saat ini karena dokumen Anda tidak
                                    dapat diverifikasi
                                </div>
                                <div class="row">
                                    <input type="radio" name="rejectReason"
                                        value="Pengajuan pembiayaan Anda belum dapat disetujui saat ini karena layanan kami hanya dapat memberikan pembiayaan kepada pegawai yang berpenghasilan tetap. Kami akan mengupayakan agar kedepannya dapat memberikan layanan pembiayaan kepada Wirausahawan">
                                    Pengajuan pembiayaan Anda belum dapat disetujui saat ini karena layanan kami hanya
                                    dapat memberikan pembiayaan kepada pegawai yang berpenghasilan tetap. Kami akan
                                    mengupayakan agar kedepannya dapat memberikan layanan pembiayaan kepada
                                    Wirausahawan
                                </div>
                                <div class="row">
                                    <input type="radio" name="rejectReason"
                                        value="Pengajuan pembiayaan Anda belum dapat disetujui saat ini. Persetujuan pembiayaan memperhatikan Riwayat pinjaman di tempat lain dan analisa terhadap aspek capacity Pemohon">
                                    Pengajuan pembiayaan Anda belum dapat disetujui saat ini. Persetujuan pembiayaan
                                    memperhatikan Riwayat pinjaman di tempat lain dan analisa terhadap aspek capacity
                                    Pemohon
                                </div>
                                <div class="row">
                                    <input type="radio" name="rejectReason" value="" checked>Lainnya
                                </div>
                            </div>
                            <p>Alasan penolakan</p>
                            <textarea name="remarks" id="" cols="30" rows="3" class="form-control"></textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnUpdateStatus">
                                Proses
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif
    @if ($creditApplication->status == $constant::CREDIT_APPLICATION_STATUS_REJECTED)
        <div id="modal-revert-application" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <form action="{{ route('admin.creditapplication.statusChange', ['id' => $creditApplication->id]) }}"
                    method="post">
                    <!-- Modal content-->
                    <input type="hidden" name="status"
                        value="{{ $constant::CREDIT_APPLICATION_STATUS_VERIFICATION }}">
                    <div class="modal-content">
                        <div class="modal-header p-15">
                            <h4 class="modal-title">Revert Status</h4>
                        </div>
                        <div class="modal-body p-15 text-center">
                            <i class="fa fa-exclamation-circle mb-20 fa-4x"></i>
                            <p class="mb-25"><b>Anda akan mengembalikan status aplikasi ini
                                    menjadi
                                    {{ $constant::CREDIT_APPLICATION_STATUS_LABELS[$constant::CREDIT_APPLICATION_STATUS_VERIFICATION] }}
                                    ?</b></p>
                            <p>Alasan Revert Status</p>
                            <textarea name="remarks" id="" cols="30" rows="3" class="form-control"></textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button class="btn btn-primary btnUpdateStatus">
                                Proses
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif

    {{-- MODAL MUTASI REKENING --}}
    {{-- @if ($creditApplication->status == $constant::CREDIT_APPLICATION_STATUS_APPROVED) --}}

    {{-- @endif --}}
    <div id="meta-data" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header p-15">
                    Lokasi
                </div>
                <div class="modal-body p-15">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-6">
                                <div class="col-md-12">
                                    <div class="col-md-4">Latitude</div>
                                    <div class="col-md-8">: <strong><span id="modalLat"></span></strong></div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Longitude</div>
                                    <div class="col-md-8">: <strong><span id="modalLong"></span></strong></div>
                                </div>
                                <div class="col-md-12">
                                    <div class="col-md-4">Timestamp</div>
                                    <div class="col-md-8">: <strong><span id="modalTime"></span></strong></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="col-md-12">
                            <div id="map"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('jsCustom')
    <script type="text/javascript" src="https://unpkg.com/trix@2.0.8/dist/trix.umd.min.js"></script>

    <script>
        var apiGetHistoryUrl = '{{ route('admin.creditapplication.getHistory', ['id' => $creditApplication->id]) }}';
        const baseUrl = window.location.origin;

        function initMap(lat = 0, long = 0) {
            var target = {
                lat: lat,
                lng: long
            };
            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 18,
                center: target
            });
            var marker = new google.maps.Marker({
                position: target,
                map: map
            });
        }

        const fetchFormScoringsByCreditApplicationBusinessId = async (creditApplicationBusinessId) => {
            const url = `${baseUrl}/admin/creditapplicationbusiness/form-scoring/${creditApplicationBusinessId}`;

            try {
                const response = await $.ajax({
                    type: "GET",
                    url: url
                });

                return response.data;
            } catch (error) {
                console.error('Error fetching form scorings:', error);
                throw error; // Rethrow the error to handle it in the calling function
            }
        }

        const setFormScoringValues = async (data) => {
            await data.forEach(item => {
                const ratios = JSON.parse(item.ratio);
                const conditions = JSON.parse(item.condition);
                const scores = JSON.parse(item.score);

                // Iterate through each key in the ratios, conditions, and scores objects and set their corresponding input values
                Object.keys(ratios).forEach(key => {
                    const ratioInput = document.querySelector(
                        `[name="formScoringInput[${item.parameterGroupParent.code}][ratio][${key}]"]`
                        );
                    if (ratioInput) {
                        ratioInput.value = ratios[key];
                    } else {
                        console.warn(
                            `Ratio input not found for key: formScoringInput[${item.parameterGroupParent.code}][ratio][${key}]`
                            );
                    }
                });

                Object.keys(conditions).forEach(key => {
                    const conditionInput = document.querySelector(
                        `[name="formScoringInput[${item.parameterGroupParent.code}][condition][${key}]"]`
                        );
                    if (conditionInput) {
                        conditionInput.value = conditions[key];
                    } else {
                        console.warn(
                            `Condition input not found for key: formScoringInput[${item.parameterGroupParent.code}][condition][${key}]`
                            );
                    }
                });

                Object.keys(scores).forEach(key => {
                    const scoreInput = document.querySelector(
                        `[name="formScoringInput[${item.parameterGroupParent.code}][score][${key}]"]`
                        );
                    if (scoreInput) {
                        scoreInput.value = scores[key];
                    } else {
                        console.warn(
                            `Score input not found for key: formScoringInput[${item.parameterGroupParent.code}][score][${key}]`
                            );
                    }
                });
            });
        };


        const populateFormWithData = async (creditApplicationBusinessId) => {
            try {
                const formScoringData = await fetchFormScoringsByCreditApplicationBusinessId(
                    creditApplicationBusinessId);
                await setFormScoringValues(formScoringData);
            } catch (error) {
                console.error('Error populating form:', error);
            }
        }

        const formScoringSave = async (creditApplicationBusinessId, formData) => {
            const url = `${baseUrl}/admin/creditapplicationbusiness/form-scoring/${creditApplicationBusinessId}`;

            try {
                const response = await $.ajax({
                    type: "POST", // or "PUT" / "PATCH" depending on your API
                    url: url,
                    data: formData,
                    dataType: "json"
                });

                return response; // Assuming the server returns some response data
            } catch (error) {
                console.error('Error saving form scorings:', error);
                throw error; // Rethrow the error to handle it in the calling function
            }
        }

        const handleFormScoringSave = async (creditApplicationBusinessId) => {
            try {
                const formData = $('#formScoringForm').serializeArray();

                const response = await formScoringSave(creditApplicationBusinessId, formData);

                if (response.status === 'success') {
                    console.log('Form scoring data saved successfully:', response);
                    populateFormWithData(creditApplicationBusinessId);
                    return swal('Success', response.message, 'success');
                }

                return swal('Error', response.message, 'error');
            } catch (error) {
                console.error('Error saving form scoring data:', error);
                return swal('Error', response.message, 'error');
            }
        }

        const fetchConditionValue = async (conditionCode, parentCode, childCode) => {
            try {
                const response = await fetch(
                    `${baseUrl}/admin/creditapplicationbusiness/form-scoring/condition/${conditionCode}`);

                const {
                    data
                } = await response.json();

                // Assuming the data returned has a 'value' field that needs to fill the score input
                const scoreInput = document.querySelector(
                    `[name="formScoringInput[${parentCode}][score][${childCode}]"]`);
                if (scoreInput && data.score) {
                    scoreInput.value = data.score;
                } else {
                    console.warn('Score input not found or value not returned');
                }
            } catch (error) {
                console.error('Error fetching condition value:', error);
            }
        };

        function showToast(message) {
            var $toastContainer = $('.toast-container');

            if ($toastContainer.length === 0) {
                $toastContainer = $('<div class="toast-container"></div>');
                $('body').append($toastContainer);
            }

            var $toastMessage = $('<div class="toast-message"></div>').text(message);
            $toastContainer.append($toastMessage);

            setTimeout(function() {
                $toastMessage.addClass('show');
            }, 100);

            setTimeout(function() {
                $toastMessage.removeClass('show');
                setTimeout(function() {
                    $toastMessage.remove();
                }, 400);
            }, 3000);
        }

        $(function() {
            const autoNumericOptionsAccountMutation = {
                mDec: '0',
            }

            const autoNumericOptions = {
                mDec: '0',
                aSep: '.',
                aDec: ',',
            }

            populateFormWithData({{ $model->id }});

            $(document).on('click', '#submitFormScoringBtn', function() {
                handleFormScoringSave({{ $model->id }});
            })

            document.querySelectorAll('select[name^="formScoringInput"]').forEach(select => {
                select.addEventListener('change', function() {
                    const [parentCode, , childCode] = this.name.match(/\[(.*?)\]/g).map(val => val
                        .replace(/\[|\]/g, ''));
                    const conditionCode = this.value;
                    fetchConditionValue(conditionCode, parentCode, childCode);
                });
            });

            @if(session()->has('visitDocumentationUploadError'))
                swal('Error', '{{ session()->get('visitDocumentationUploadError') }}', 'error');
            @endif

            $('.meta-data-photo').on('click', function() {
                var lat = $(this).data('lat');
                var long = $(this).data('long');
                var time = $(this).data('date');

                $('#modalLat').text(lat);
                $('#modalLong').text(long);
                $('#modalTime').text(time);

                initMap(lat, long);

                $('#meta-data').modal('show');

                $('#submit-scf').on('click', function() {
                    window.onbeforeunload = null;
                });
            });

            $('input, select, textarea').on('change', function() {
                formChange = true;
            });

            $('.btnSubmit, .btnUpdateCreditInfo, .btnUpdatePlafond, .btnUpdateStatus, .btnSubmitAttachment')
                .on('click', function() {
                    formChange = false;
                });

            $('[name=rejectReason]').on('change', function() {
                populateRejectReason($(this).val());
            });

            $('#addInputDirectorBtn').on('click', function() {
                appendInputDirectorToTable('#inputDirectorTable');
            });
            $('#addInputCommissionerBtn').on('click', function() {
                appendInputCommissionerToTable('#inputCommissionerTable');
            });
            $('#addInputShareHolderBtn').on('click', function() {
                appendInputShareHolderToTable('#inputShareHolderTable');
            });

            // Function to remove selected tbody
            $(document).on('click', '.removeManagementInputBtn', function(event) {
                var tbodyId = $(this).closest('tbody').attr('id');

                removeManagementInputFromTBody(tbodyId, event);

                return false;
            });

            function appendInputDirectorToTable(idTable) {
                var uniqueSuffix = Date.now();
                var newRow = `
                    <tr>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="directorName_${uniqueSuffix}"
                                name="directorName[]" value="" type="text"
                                class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="directorTaxNumber_${uniqueSuffix}"
                                name="directorTaxNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td>
                            <select id="directorPosition_${uniqueSuffix}"
                                name="directorPosition[]" value=""
                                class="form-control">
                                <option value="" selected="selected"></option>
                                @forelse ($constant::MANAGEMENT_DIRECTOR_LABELS as $key => $value)
                                    <option value="{{ $key }}">
                                        {{ $value }}
                                    </option>
                                @empty
                                    <option value="" disabled>Belum ada opsi
                                    </option>
                                @endforelse
                            </select>
                        </td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="directorIdentityNumber_${uniqueSuffix}"
                                name="directorIdentityNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="directorPhoneNumber_${uniqueSuffix}"
                                name="directorPhoneNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td>
                            <input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                class="form-control autonumeric"
                                id="directorShareValue_${uniqueSuffix}"
                                name="directorShareValue[]" value=""
                                type="text" />
                        </td>
                        <td>
                            <input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                class="form-control"
                                id="directorSharePercent_${uniqueSuffix}"
                                name="directorSharePercent[]" value=""
                                type="number" min="0" step=".1" />
                        </td>
                        <td colspan="3">
                            <button class="btn btn-xs btn-danger removeManagementInputBtn"
                                type="button"><i class="fa fa-trash"></i> Hapus
                                Input</button>
                        </td>
                    </tr>
                    
                    `;

                $(`${idTable} tbody`).append(newRow);
                $(`#directorShareValue_${uniqueSuffix}`).autoNumeric('init', autoNumericOptions);
            }

            function appendInputCommissionerToTable(idTable) {
                var uniqueSuffix = Date.now();
                var newRow = `
                    <tr>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="commissionerName_${uniqueSuffix}"
                                name="commissionerName[]" value="" type="text"
                                class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="commissionerTaxNumber_${uniqueSuffix}"
                                name="commissionerTaxNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td>
                            <select id="commissionerPosition_${uniqueSuffix}"
                                name="commissionerPosition[]" value=""
                                class="form-control">
                                <option value="" selected="selected"></option>
                                @forelse ($constant::MANAGEMENT_COMMISSIONER_LABELS as $key => $value)
                                    <option value="{{ $key }}">
                                        {{ $value }}
                                    </option>
                                @empty
                                    <option value="" disabled>Belum ada opsi
                                    </option>
                                @endforelse
                            </select>
                        </td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="commissionerIdentityNumber_${uniqueSuffix}"
                                name="commissionerIdentityNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="commissionerPhoneNumber_${uniqueSuffix}"
                                name="commissionerPhoneNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td>
                            <input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                class="form-control autonumeric"
                                id="commissionerShareValue_${uniqueSuffix}"
                                name="commissionerShareValue[]" value=""
                                type="text" />
                        </td>
                        <td>
                            <input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                class="form-control"
                                id="commissionerSharePercent_${uniqueSuffix}"
                                name="commissionerSharePercent[]" value=""
                                type="number" min="0" step=".1" />
                        </td>
                        <td colspan="3">
                            <button class="btn btn-xs btn-danger removeManagementInputBtn"
                                type="button"><i class="fa fa-trash"></i> Hapus
                                Input</button>
                        </td>
                    </tr>
                    
                    `;

                $(`${idTable} tbody`).append(newRow);
                $(`#commissionerShareValue_${uniqueSuffix}`).autoNumeric('init', autoNumericOptions);

            }

            function appendInputShareHolderToTable(idTable) {
                var uniqueSuffix = Date.now();
                var newRow = `
                    <tr>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="shareHolderName_${uniqueSuffix}"
                                name="shareHolderName[]" value="" type="text"
                                class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="shareHolderTaxNumber_${uniqueSuffix}"
                                name="shareHolderTaxNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="shareHolderIdentityNumber_${uniqueSuffix}"
                                name="shareHolderIdentityNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td><input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                id="shareHolderPhoneNumber_${uniqueSuffix}"
                                name="shareHolderPhoneNumber[]" value=""
                                type="text" class="form-control "></td>
                        <td>
                            <input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                class="form-control autonumeric"
                                id="shareHolderShareValue_${uniqueSuffix}"
                                name="shareHolderShareValue[]" value=""
                                type="text" />
                        </td>
                        <td>
                            <input
                                style="width: 100%; min-width: 150px; max-width: 300px;"
                                class="form-control"
                                id="shareHolderSharePercent_${uniqueSuffix}"
                                name="shareHolderSharePercent[]" value=""
                                type="number" min="0" step=".1" />
                        </td>
                        <td colspan="3">
                            <button class="btn btn-xs btn-danger removeManagementInputBtn"
                                type="button"><i class="fa fa-trash"></i> Hapus
                                Input</button>
                        </td>
                    </tr>
                    
                    `;

                $(`${idTable} tbody`).append(newRow);
                $(`#shareHolderShareValue_${uniqueSuffix}`).autoNumeric('init', autoNumericOptions);
            }

            function removeManagementInputFromTBody(tbodyId, event) {
                if (confirm('Hapus input yang dipilih?')) {
                    if ($(`table tbody#${tbodyId} tr`).length > 1) {
                        $(event.target).closest('tr').remove();
                        swal('Info', 'Input telah dihapus');
                    } else {
                        alert("Harus ada 1 baris yang tersisa.");
                    }
                }
            }

            $(document).on('click', '.checkFDCBtn', function(e) {
                e.preventDefault();
                const index = $(this).data('index');
                const position = $(this).data('position');
                const id = $(this).data('id');
                const reason = $(this).data('reason');

                const url = "{{ route('admin.creditapplicationbusiness.management.checkFDC') }}";
                const method = "GET";
                const data = {
                    id: id,
                    position: position,
                    index: index,
                    reason: reason,
                };

                $.ajax({
                    type: method,
                    url: url,
                    data: data,
                    dataType: "json",
                    contentType: "application/json",
                    success: function (response) {
                        if (response.success) {
                            let statusElement = $('.checkFDCBtn[data-index="' + index + '"]').closest('tr').find(`.${position}ResponseFDC .responseStatus`);
                            let documentElement = $('.checkFDCBtn[data-index="' + index + '"]').closest('tr').find(`.${position}ResponseFDC .responseDocument`);
                            
                            statusElement.text(response.data.status ? response.data.status : '-');
                            
                            if (response.data.document) {
                                let documentLink = `<a href="{{ getFdcDocumentUrl('${response.data.document}') }}">Lihat Dokumen</a>`;
                                
                                documentElement.html(documentLink);
                            } else {
                                documentElement.text('-');
                            }
                            return swal('Success', response.message, 'success');
                        } else {
                            console.error(response.message);
                            return swal('Error', response.message, 'error');
                        }

                    },
                    error: function(xhr, status, err) {
                        swal('Error', 'Terjadi error saat cek FDC Pengurus', 'error');
                        return console.error(xhr.responseText);
                    },
                });
            })

            $(document).on('click', '.checkPEFINDOBtn', function(e) {
                e.preventDefault();
                const index = $(this).data('index');
                const position = $(this).data('position');
                const id = $(this).data('id');
                const url = "{{ route('admin.creditapplicationbusiness.management.checkPEFINDO') }}";
                const method = "GET";
                const data = {
                    id: id,
                    position: position,
                    index: index,
                };

                $.ajax({
                    type: method,
                    url: url,
                    data: data,
                    dataType: "json",
                    contentType: "application/json",
                    success: function (response) {
                        if (response.success) {
                            let statusElement = $('.checkPEFINDOBtn[data-index="' + index + '"]').closest('tr').find(`.${position}ResponsePEFINDO .responseStatus`);
                            let documentElement = $('.checkPEFINDOBtn[data-index="' + index + '"]').closest('tr').find(`.${position}ResponsePEFINDO .responseDocument`);
                            
                            statusElement.text(response.data.status ? response.data.status : '-');
                            
                            if (response.data.document) {
                                let documentLink = `<a href="{{ getDocumentUrl('${response.data.document}') }}">Lihat Dokumen</a>`;
                                documentElement.html(documentLink);
                            } else {
                                documentElement.text('-');
                            }
                            return swal('Success', response.message, 'success');
                        } else {
                            console.error(response.message);
                            return swal('Error', response.message, 'error');
                        }

                    },
                    error: function(xhr, status, err) {
                        swal('Error', 'Terjadi error saat cek PEFINDO Pengurus, periksa log untuk lebih detail', 'error');

                        return console.error(xhr.responseText);
                    },
                });
            })

            const accountMutationDataTables = $('#accountMutationTable table').DataTable();

            function showAccountMutationFormModal(accountMutationId = "") {
                showToast('Sedang memuat form mutasi rekening');
                $('#validation-errors').hide();
                $('#mutationDataTable tbody').empty();
                $('#accountMutationForm').trigger("reset");
                $('#accountMutationId').val(null);

                if (accountMutationId === "") {
                    var uniqueSuffix = Date.now();
                    var newRow = `<tr>
                    <td>
                        <div class="form-group">
                            <select class="form-control" name="mutationMonth[]" id="mutationMonth_${uniqueSuffix}">
                                <option value="" selected>--- Pilih ---</option>
                                @foreach ($constant::MONTH_LABELS as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                            <input type="number" min="{{ date('Y') - 2 }}" max="{{ date('Y') }}" value="{{ date('Y') }}" class="form-control" name="mutationYear[]" id="mutationYear_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control autonumeric" name="mutationAmountDebit[]" id="mutationAmountDebit_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control autonumeric" name="mutationAmountCredit[]" id="mutationAmountCredit_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control autonumeric" name="balance[]" id="balance_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div style="display: flex; justify-content: center; align-items: center; gap: 5px;">
                            <button class="btn btn-primary addRowMutationData" tabindex="-1" type="button" style="display: flex; justify-content: center; align-items: center; width: 30px !important; height: 30px !important; padding: 2px !important;"><i class="fa fas fa-plus-circle"></i></button>
                            <button class="btn btn-danger removeRowMutationData" tabindex="-1" type="button" style="display: flex; justify-content: center; align-items: center; width: 30px !important; height: 30px !important; padding: 2px !important;"><i class="fa fas fa-minus-circle"></i></button>
                        </div>
                    </td>
                    </tr>`;

                    $('#mutationDataTable tbody').append(newRow)

                    $(`#mutationAmountDebit_${uniqueSuffix}`).autoNumeric('init',
                    autoNumericOptionsAccountMutation);
                    $(`#mutationAmountCredit_${uniqueSuffix}`).autoNumeric('init',
                        autoNumericOptionsAccountMutation);
                    $(`#balance_${uniqueSuffix}`).autoNumeric('init', autoNumericOptionsAccountMutation);

                    $('#modal-account-mutation').modal('show');
                    return false;
                }

                getAccountMutationData(accountMutationId, function(data) {
                    $('input#accountMutationId').val(accountMutationId);
                    $('select#bankId').val(data.bankId);
                    $('input#bankAccountNumber').val(data.bankAccountNumber);
                    $('input#bankAccountOwnerName').val(data.bankAccountOwnerName);

                    const mutationData = JSON.parse(data.mutationData);

                    populateMutationDataTable(mutationData);

                    $('#modal-account-mutation').modal('show');
                });
            }

            function getAccountMutationData(id, callback) {
                const url = `${baseUrl}/admin/creditapplicationbusiness/account-mutation/${id}`;

                $.ajax({
                    type: "GET",
                    url: url,
                    success: function(response) {
                        const {
                            data
                        } = response;
                        callback(data); // Pass the data to the callback function
                    },
                    error: function() {
                        console.error('Error fetching account mutation data');
                    }
                });
            }

            function deleteAccountMutationData(id) {
                if (confirm('Lanjut proses hapus data mutasi rekening yang Anda pilih?') === true) {
                    const url = `${baseUrl}/admin/creditapplicationbusiness/account-mutation/delete/${id}`;

                    $.ajax({
                        type: "POST",
                        url: url,
                        data: {
                            '_token': $('meta[name=csrf-token]').attr("content"),
                            '_method': 'DELETE',
                        },
                        success: function(response) {
                            accountMutationDataTables.ajax.reload();
                            return swal('Success', response.message, 'success');
                        },
                        error: function() {
                            console.error('Error deleting account mutation data');
                        }
                    });
                }

                return false;
            }

            function populateMutationDataTable(mutationData) {
                var uniqueSuffix = Date.now();
                mutationData.forEach(function(mutation, index) {
                    // Add 1 to index to match your HTML IDs (e.g., mutationMonth1, mutationMonth2)
                    const rowIndex = index + 1;

                    var mutationDebit = mutation.mutationAmount.debit;
                    var mutationCredit = mutation.mutationAmount.credit;
                    var mutationBalance = mutation.balance;

                    var newRow = `<tr>
                    <td>
                        <div class="form-group">
                            <select class="form-control" name="mutationMonth[]" id="mutationMonth_${rowIndex}">
                                <option value="">--- Pilih ---</option>
                                @foreach ($constant::MONTH_LABELS as $key => $value)
                                    <option value="{{ $key }}" ${mutation.mutationMonth === '{{ $key }}' ? 'selected' : '' }>{{ $value }}</option>
                                @endforeach
                            </select>
                            <input value="${mutation.mutationYear === '' ? {{ date('Y') }} : mutation.mutationYear}" type="number" min="{{ date('Y') - 2 }}" max="{{ date('Y') }}" class="form-control" name="mutationYear[]" id="mutationYear_${rowIndex}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input value="${parseInt(mutationDebit.toString().replace(/,/g, ''), 10)}" type="text" class="form-control autonumeric" name="mutationAmountDebit[]" id="mutationAmountDebit_${rowIndex}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input value="${parseInt(mutationCredit.toString().replace(/,/g, ''), 10)}" type="text" class="form-control autonumeric" name="mutationAmountCredit[]" id="mutationAmountCredit_${rowIndex}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input value="${parseInt(mutationBalance.toString().replace(/,/g, ''), 10)}" type="text" class="form-control autonumeric" name="balance[]" id="balance_${rowIndex}">
                        </div>
                    </td>
                    <td>
                        <div style="display: flex; justify-content: center; align-items: center; gap: 5px;">
                            <button class="btn btn-primary addRowMutationData" tabindex="-1" type="button" style="display: flex; justify-content: center; align-items: center; width: 30px !important; height: 30px !important; padding: 2px !important;"><i class="fa fas fa-plus-circle"></i></button>
                            <button class="btn btn-danger removeRowMutationData" tabindex="-1" type="button" style="display: flex; justify-content: center; align-items: center; width: 30px !important; height: 30px !important; padding: 2px !important;"><i class="fa fas fa-minus-circle"></i></button>
                        </div>
                    </td>
                    </tr>`;

                    $('#mutationDataTable tbody').append(newRow)

                    $(`#mutationAmountDebit_${rowIndex}`).autoNumeric('init',
                        autoNumericOptionsAccountMutation);
                    $(`#mutationAmountCredit_${rowIndex}`).autoNumeric('init',
                        autoNumericOptionsAccountMutation);
                    $(`#balance_${rowIndex}`).autoNumeric('init', autoNumericOptionsAccountMutation);
                });
            }

            $(document).on('click', '#accountMutationFormModalBtn', function() {
                showAccountMutationFormModal();
            })

            // Function to add a new row to Mutation Data Table
            $(document).on('click', '.editAccountMutationBtn', function() {
                const id = $(this).data('id');
                showAccountMutationFormModal(id);
            });

            // Function to add a new row to Mutation Data Table
            $(document).on('click', '.deleteAccountMutationBtn', function() {
                const id = $(this).data('id');
                deleteAccountMutationData(id);
            });

            $('#accountMutationSaveBtn').on('click', function() {
                const creditApplicationBusinessId = $(this).data('cabId');
                const formData = $('#accountMutationForm').serialize();
                const url =
                    `${baseUrl}/admin/creditapplicationbusiness/account-mutation/${creditApplicationBusinessId}`;

                $.ajax({
                    type: "POST",
                    url: url,
                    data: formData,
                    dataType: "json",
                    success: function(response) {
                        $('#modal-account-mutation').modal('hide');
                        $('#accountMutationForm').trigger("reset");
                        $('#validation-errors').empty(); // Clear previous errors

                        accountMutationDataTables.ajax.reload();
                        return swal('Success', response.message, 'success');
                    },
                    error: function(xhr, status, error) {
                        let errorMessage = 'An error occurred';

                        // Clear previous errors
                        $('#validation-errors').empty();

                        // Check if the server returned a JSON response
                        if (xhr.responseJSON && xhr.responseJSON.errors) {
                            // Handle validation errors
                            $.each(xhr.responseJSON.errors, function(key, errors) {

                                $('#validation-errors').show();

                                // Append errors to the modal body
                                $('#validation-errors').append(`
                                        <li>
                                            ${errors.join(', ')}
                                        </li>
                                    `);
                            });
                        } else if (xhr.responseJSON && xhr.responseJSON.message) {
                            errorMessage = xhr.responseJSON.message;
                            return swal('Error', errorMessage, 'error');
                        } else if (xhr.responseText) {
                            try {
                                // Try to parse the responseText to see if it's JSON
                                let parsedResponse = JSON.parse(xhr.responseText);
                                if (parsedResponse.message) {
                                    errorMessage = parsedResponse.message;
                                }
                            } catch (e) {
                                // If parsing fails, use the responseText directly
                                errorMessage = xhr.responseText;
                            }
                            return swal('Error', errorMessage, 'error');
                        }
                    }
                });
            });

            // Function to add a new row to Mutation Data Table
            $(document).on('click', '.addRowMutationData', function() {
                var uniqueSuffix = Date.now();
                var newRow = `<tr>
                    <td>
                        <div class="form-group">
                            <select class="form-control" name="mutationMonth[]" id="mutationMonth_${uniqueSuffix}">
                                <option value="" selected>--- Pilih ---</option>
                                @foreach ($constant::MONTH_LABELS as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                            <input type="number" min="{{ date('Y') - 2 }}" max="{{ date('Y') }}" value="{{ date('Y') }}" class="form-control" name="mutationYear[]" id="mutationYear_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control autonumeric" name="mutationAmountDebit[]" id="mutationAmountDebit_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control autonumeric" name="mutationAmountCredit[]" id="mutationAmountCredit_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" class="form-control autonumeric" name="balance[]" id="balance_${uniqueSuffix}">
                        </div>
                    </td>
                    <td>
                        <div style="display: flex; justify-content: center; align-items: center; gap: 5px;">
                            <button class="btn btn-primary addRowMutationData" tabindex="-1" type="button" style="display: flex; justify-content: center; align-items: center; width: 30px !important; height: 30px !important; padding: 2px !important;"><i class="fa fas fa-plus-circle"></i></button>
                            <button class="btn btn-danger removeRowMutationData" tabindex="-1" type="button" style="display: flex; justify-content: center; align-items: center; width: 30px !important; height: 30px !important; padding: 2px !important;"><i class="fa fas fa-minus-circle"></i></button>
                        </div>
                    </td>
                    </tr>`;
                $('#mutationDataTable tbody').append(newRow);

                $(`#mutationAmountDebit_${uniqueSuffix}`).autoNumeric('init', autoNumericOptionsAccountMutation);
                $(`#mutationAmountCredit_${uniqueSuffix}`).autoNumeric('init', autoNumericOptionsAccountMutation);
                $(`#balance_${uniqueSuffix}`).autoNumeric('init', autoNumericOptionsAccountMutation);
            });

            // Function to remove a row Mutation Data Table
            $(document).on('click', '.removeRowMutationData', function() {

                if (confirm('Hapus input yang dipilih?')) {
                    if ($('#mutationDataTable tbody tr').length > 1) {
                        $(this).closest('tr').remove();
                        swal('Info', 'Input telah dihapus');
                    } else {
                        alert("Harus ada 1 baris yang tersisa.");
                    }
                }
            });

        });
    </script>

    @js('/assets/admin/js/creditapplicationbusiness-detail.js')
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAM7bMZHRJlsPD0byBV9OVI9DXXnvGjisQ&callback=initMap"></script>
@endsection

@if (checkUserPermission($aclConstant::VIEW_MASKED_DATA))
    @if ($creditApplication::MASKED_FIELD && count($creditApplication::MASKED_FIELD) > 0)
        @foreach ($creditApplication::MASKED_FIELD as $maskedField)
            @push('jsCustom2')
                <script>
                    $(document).ready(function() {
                        $(`#unmask-{{ $maskedField }}-input-btn`).on('click', function(event) {
                            const button = $(this);
                            const id = button.data('id');

                            let url =
                                '{{ route('admin.unmask-data', ['modelId' => ':id', 'fieldName' => ':fieldName']) }}';
                            url = url.replace(':id', id).replace(':fieldName', '{{ $maskedField }}');

                            const input = $(`.masked-input-{{ $maskedField }}`);

                            if (!input.length) {
                                console.error(
                                    `Input element with class '.masked-input-{{ $maskedField }}' not found.`);
                                return;
                            }

                            const maskedValue = input.data('masked-value');
                            const isMasked = input.data('is-masked') === true;

                            if (isMasked) {
                                $.getJSON(url)
                                    .done(function(data) {
                                        input.val(data);
                                    })
                                    .fail(function(xhr, status, error) {
                                        input.val(xhr.responseText);
                                        console.error(xhr.responseText);
                                    })
                                    .always(function(data) {
                                        input.data('is-masked', false);
                                    });
                            } else {
                                input.val(maskedValue);
                                input.data('is-masked', true);
                            }
                        });
                    });
                </script>
            @endpush
        @endforeach
    @endif
    
    @if(isset($model->nominee) && $model->nominee == 'Y')
        @if ($creditApplicationBusinessNominee::MASKED_FIELD && count($creditApplicationBusinessNominee::MASKED_FIELD) > 0)
            @foreach ($creditApplicationBusinessNominee::MASKED_FIELD as $maskedField)
                @push('jsCustom2')
                    <script>
                        $(document).ready(function() {
                            $(`#unmask-{{ $maskedField }}-input-btn`).on('click', function(event) {
                                const button = $(this);
                                const id = button.data('id');

                                let url =
                                    '{{ route('admin.creditapplicationbusinessnominee.unmask-data', ['modelId' => ':id', 'fieldName' => ':fieldName']) }}';
                                url = url.replace(':id', id).replace(':fieldName', '{{ $maskedField }}');

                                const input = $(`.masked-input-{{ $maskedField }}`);

                                if (!input.length) {
                                    console.error(
                                        `Input element with class '.masked-input-{{ $maskedField }}' not found.`);
                                    return;
                                }

                                const maskedValue = input.data('masked-value');
                                const isMasked = input.data('is-masked') === true;

                                if (isMasked) {
                                    $.getJSON(url)
                                        .done(function(data) {
                                            input.val(data);
                                        })
                                        .fail(function(xhr, status, error) {
                                            input.val(xhr.responseText);
                                            console.error(xhr.responseText);
                                        })
                                        .always(function(data) {
                                            input.data('is-masked', false);
                                        });
                                } else {
                                    input.val(maskedValue);
                                    input.data('is-masked', true);
                                }
                            });
                        });
                    </script>
                @endpush
            @endforeach
        @endif
    @endif

    {{-- @if ($management::MASKED_FIELD && count($management::MASKED_FIELD) > 0)
        @foreach ($management::MASKED_FIELD as $maskedField)
            @push('jsCustom2')
                <script>
                    $(document).ready(function() {
                        $(`.unmask-{{ $maskedField }}-{{ $indexInput }}input-btn`).on('click', function(event) {
                            const button = $(this);
                            const input = $(`.masked-input-{{ $maskedField }}`);

                            const id = button.data('id');
                            const index = input.data('index');

                            let url =
                                '{{ route('admin.unmask-data.management', ['managementId' => ':id', 'fieldName' => ':fieldName', 'index' => ':index']) }}';
                            url = url.replace(':id', id).replace(':fieldName', '{{ $maskedField }}').replace(':index', index);


                            if (!input.length) {
                                console.error(
                                    `Input element with class '.masked-input-{{ $maskedField }}' not found.`);
                                return;
                            }

                            const maskedValue = input.data('masked-value');
                            const isMasked = input.data('is-masked') === true;

                            if (isMasked) {
                                $.getJSON(url)
                                    .done(function(data) {
                                        input.val(data);
                                    })
                                    .fail(function(xhr, status, error) {
                                        input.val(xhr.responseText);
                                        console.error(xhr.responseText);
                                    })
                                    .always(function(data) {
                                        input.data('is-masked', false);
                                    });
                            } else {
                                input.val(maskedValue);
                                input.data('is-masked', true);
                            }
                        });
                    });
                </script>
            @endpush
        @endforeach
    @endif --}}
@endif

@push('jsCustom2')
<script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
<script>
    $(document).ready(function () {
        bsCustomFileInput.init()
    })

</script>
@endpush