@if ($loan)
    <div class="arco-modal-container modal-contract_detail" style="z-index: 1001; display: none;">
        <div class="arco-modal-mask modal-contract_detail-mask" style="display: none"></div>
        <div class="arco-modal-wrapper arco-modal-wrapper-align-center">
            <div class="arco-modal" style="">
                <div class="arco-modal-header">
                    <div class="arco-modal-title arco-modal-title-align-center">Loan Contract</div>
                    <div tabindex="-1" role="button" aria-label="Close"
                        class="arco-modal-close-btn close-btn close-contract ">
                        <span class="arco-icon-hover"><svg viewBox="0 0 48 48" fill="none"
                                xmlns="http://www.w3.org/2000/svg" stroke="currentColor"
                                class="arco-icon arco-icon-close" stroke-width="4" stroke-linecap="butt"
                                stroke-linejoin="miter">
                                <path d="M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142">
                                </path>
                            </svg></span>
                    </div>
                </div>
                <div class="arco-modal-body">
                    <div>
                        <div
                            class="arco-descriptions arco-descriptions-layout-horizontal arco-descriptions-size-medium">
                            <!---->
                            <div class="arco-descriptions-body">
                                <table class="arco-descriptions-table">
                                    <tbody>
                                        <tr class="arco-descriptions-row">
                                            <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                                style="text-align: left;">Name of the borrower: </td>
                                            <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                                colspan="1" style="text-align: left;">
                                                {{ $loan->member->actual_name ?? '' }}</td>
                                        </tr>
                                        <tr class="arco-descriptions-row">
                                            <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                                style="text-align: left;">ID Number:</td>
                                            <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                                colspan="1" style="text-align: left;">
                                                {{ $loan->member->id_card_number ?? '' }} </td>
                                        </tr>
                                        <tr class="arco-descriptions-row">
                                            <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                                style="text-align: left;">Mobile Number:</td>
                                            <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                                colspan="1" style="text-align: left;">{{ $member->user->phone ?? '' }}
                                            </td>
                                        </tr>
                                        <tr class="arco-descriptions-row">
                                            <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                                style="text-align: left;">Installment Payment:</td>
                                            <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                                colspan="1" style="text-align: left;">
                                                {{ number_format($loan->amount ?? 0) }}
                                                {{ $settings_->where('key', 'currency')->first()->value ?? '' }}</td>
                                        </tr>
                                        <tr class="arco-descriptions-row">
                                            <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                                style="text-align: left;">Terms:</td>
                                            <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                                colspan="1" style="text-align: left;">{{ $loan->loan_period ?? '' }}
                                                months</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div>
                            <p class="font-bold">Article Loan Form:</p>
                            <ul class="list-decimal list-inside mb-2">
                                <li> Use valid identification documents when applying for loans. The customer
                                    promises
                                    and confirms that all information, data and documents provided by the customer
                                    according to the terms of this contract are legally used and owned by the
                                    customer,
                                    are correct in all aspects, do not conceal information, and the upper limit of
                                    approval for personal loans does not exceed 5 times of the borrower's income.
                                </li>
                                <li> The customer accepts and allows COMPANY to receive information related to
                                    negotiating loan contracts and documents related to loan contracts. COMPANY
                                    shall
                                    not disclose to any third party at any time any information related to the
                                    customer
                                    and/or contracts, loan agreements and/or other relevant documents. The Client
                                    agrees
                                    that the above information may be used, encrypted, transmitted and stored by
                                    COMPANY
                                    , its management company, its affiliates, subsidiaries and member companies that
                                    own
                                    other assets of COMPANY. </li>
                                <li> The determination of each applicant's qualification and/or credit limit and/or
                                    interest rate received depends on the loan application documents and/or the
                                    terms
                                    and conditions, but such approval must be decided by the company. </li>
                                <li> The Company shall have the right to charge interest during the default period
                                    regardless of any or all instalments. The interest rate shall be charged in such
                                    manner as the Company thinks fit, but shall not exceed the highest interest rate
                                    that the Company is entitled to charge according to law. Debt shall still be
                                    charged
                                    at the interest rate during the accounting period. </li>
                                <li> The borrower will be informed of the preliminary approval result when
                                    submitting
                                    the loan application. Both parties agree to abide by the stipulated terms and
                                    conditions. </li>
                                <li> The total amount of loans and amortization shall not exceed 18% per year. </li>
                                <li> The Company reserves the right to use its internal rules and regulations to
                                    approve
                                    or reject financing. However, even if the approval of special interest rate is
                                    applied , if it is found that the borrower's qualification does not meet the
                                    standards and conditions specified by the company, the borrower agrees to allow
                                    the
                                    company to change the interest rate at any time and for any reason, including
                                    the
                                    cost of using the credit line that the borrower must pay to the company. The
                                    interest rate including these fees shall not exceed the maximum interest rate
                                    prescribed by law. </li>
                                <li> This short-term loan contract shall come into force from the date of signing by
                                    both parties (including the electronic contract). The contract text has the same
                                    legal effect. The financial institution and the borrower shall keep a copy of
                                    the
                                    contract. </li>
                                <li></li>
                            </ul>
                            <p class="font-bold"> DISCLOSURE STATEMENT ON LOAN/CREDIT TRANSACTION (As required
                                under
                                R.A 3765, Truth Lending Act) </p>
                            <ul class="mb-2">
                                <li> - The borrower must fill in personal information in the system and all
                                    information
                                    must be filled in truthfully. </li>
                                <li> - If the borrower provides untrue information, the company can pursue legal
                                    responsibility against the borrower. </li>
                                <li> - All information confirmed by the borrower cannot be changed. </li>
                                <li> - Whether the approval result is passed or not comes from the credit review
                                    committee and cannot be changed. </li>
                                <li> - The borrower must comply with the outcome of the board's final resolution or
                                    additional requirements to prove the declared information are true and reliable.
                                </li>
                                <li> - The borrower must comply with the deliberation results of the board of
                                    directors
                                    within the specified period. After the evaluation is completed, the total amount
                                    will be credited to the account filled in by the borrower in the system.
                                    However, if
                                    the borrower does not fulfill the terms of the contract approved by the Finance,
                                    the
                                    contract will be cancelled. If the contract is terminated, the borrower must pay
                                    a
                                    processing fee of 50% of the loan amount in order to remove all balances from
                                    the
                                    system as liquidation damage. </li>
                                <li> - If there is any error after submitting personal information, the error is
                                    caused
                                    by the borrower, the borrower shall be responsible for this event Incorrect
                                    information will be corrected in accordance with the company policy. </li>
                                <li> - If the borrower does not bear the mistakes caused by himself, the company can
                                    confiscate the borrower's securities according to law. This would be considered
                                    serious intentional fraud and could face severe legal penalties if brought
                                    directly
                                    to court with the accordance with Article 1170 of Civil code also known as
                                    Breach of
                                    Contract. </li>
                                <li> - The parties to this agreement shall stricly abide by their obligations,
                                    unless
                                    the parties agree Otherwise, either party shall not terminate this agreement,
                                    Either
                                    party is in breach of contract, tort or breach of contract, and the party in
                                    breach
                                    shall bear the costs and losses suffered by the other party due to the breach of
                                    contract. Such as: Investigation charge, litigation charge, attorney charge,
                                    etc..
                                    This will be borne by the breaching party if the company defaults, the company
                                    must
                                    pay the borrower all administrative fees, If the borrower defaults, all the
                                    administrative cost must also be paid to the company. </li>
                            </ul>
                            <p class="font-bold"> NOW AS THE LOAN APPLICANT HAVE READ, OBSERVED, COMPLIED AND AGREE
                                WITH ALL THE PROVISIONS IN THIS LETTER. THIS CONTRACT IS DECLARED ACTIVE WHEN THE
                                LOAN
                                MONEY IS APPROVED AND RECEIVED BY THE BORROWER IN THE LENDING ACCOUNT WALLET. </p>
                            <br>
                            <div class="flex space-x-2 items-start justify-center my-2">
                                <div class="w-full flex flex-col min-h-full self-stretch">
                                    <p class="text-center">Borrower</p>
                                    <div class="flex flex-col flex-1 justify-center"><img class="w-full h-auto"
                                            src="{{ asset($loan->member->actual_name ?? '') }}" alt=""></div>
                                    <h5 class="font-bold text-center">{{ $loan->member->actual_name ?? '' }}</h5>
                                </div>
                            </div>
                            <p class="italic">The information in this document may be confidential and privileged
                                and
                                is valid solely for the purpose it was intended. If you are not the intended
                                recipient,
                                any disclosure copying, distribution, or any action taken in reliance on it, is
                                prohibited and may be unlawful. If you receive, this document in error, please
                                notify
                                the sender immediately and delete all copies of this document.</p>
                        </div>
                    </div>
                </div>
                <div class="arco-modal-footer"><button
                        class="arco-btn arco-btn-primary arco-btn-shape-square arco-btn-size-medium arco-btn-status-normal close-contract"
                        type="button">Ok</button></div>
            </div>
        </div>
    </div>
@endif