<template>
    <div class="modal fade" id="showContractLoan" aria-hidden="true" role="dialog" data-backdrop="static">
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"></h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-span="Close"></button>
                </div>
                <div class="modal-body">
                    <div id="print-interest-contract" style="width: 198mm; margin: auto">
                        <div class="mortgage_loan">
                            <div class="mortgage_header">
                                <!-- <img src="images/logo.png" alt="" width="70px" class="position-absolute" style="top: 5px"> -->
                                <div class="text-center">
                                    <h6 class="text_moul mb-2">ព្រះរាជាណាចក្រកម្ពុជា</h6>
                                    <h6 class="text_moul">ជាតិ សាសនា  ព្រះមហាក្សត្រ</h6>
                                    <img src="icons/contract.png" alt="">
                                    <p><u class="text_moul">កិច្ចសន្យាខ្ចីប្រាក់</u></p>
                                </div>
                            </div>
                            <div class="mortgage_content">
                                <p style="text-indent: 60px">
                                    <strong>កិច្ចសន្យានេះ ធ្វើឡើងរវាង៖</strong>
                                </p>
                                <p style="text-indent: 60px">
                                    <strong>១. អ្នកឲ្យខ្ចី៖</strong> លោក <span class="text_moul">គួង ឃុនលី</span> 
                                    កើតថ្ងៃទី១០ ខែឧសភា ឆ្នាំ១៩៩៧ កាន់អត្តសញ្ញាណប័ណ្ណលេខ ០១០៩៤៥១១៨ ចុះថ្ងៃទី១៣ ខែធ្នូ ឆ្នាំ២០១៨ មានអាសយដ្ឋាន ផ្ទះលេខ៦៤៤ ផ្លូវលំ ភូមិ សង្កាត់ស្ទឹងមានជ័យខណ្ឌមានជ័យ រាជធានីភ្នំពេញ 
                                    ដែលចាប់ពីពេលនេះទៅហៅថា ភាគី“ក” ។
                                </p>
                                <p class="text-center">និង</p>
                                <p style="text-indent: 60px">
                                    ២. អ្នកខ្ចី៖ {{ obj.client?.lady_and_gentle_men}} 
                                    <span class="text_moul">{{ obj.client?.name}}</span> 
                                    កាន់អត្តសញ្ញាណប័ណ្ណលេខ {{ obj.client?.id_card || '..................................' }} 
                                    មានទីលំនៅ 
                                    ផ្ទះលេខ{{ obj.client?.house_no || '......' }} ផ្លូវលេខ{{ obj.client?.street_no || '......' }}
                                    ភូមិ {{ obj.client?.village_kh || '.......................' }}
                                    ឃុំ/សង្កាត់ {{ obj.client?.commune_kh || '...................................' }}
                                    ស្រុក/ខណ្ឌ/ក្រុង {{ obj.client?.district_kh || '.....................................' }}
                                    ខេត្ត/រាជធានី {{ obj.client?.province_kh || '...............................' }} 
                                    <span v-if="obj.garuantor1?.name!=null">
                                        និង {{ obj.garuantor1?.lady_and_gentle_men}} 
                                        <span class="text_moul">{{obj.garuantor1?.name || ' ...................... ' }}</span> 
                                        កាន់អត្តសញ្ញាណប័ណ្ណលេខ {{ obj.garuantor1?.id_card || '..................................' }} 
                                        មានទីលំនៅ 
                                        ផ្ទះលេខ{{ obj.garuantor1?.house_no || '......' }} ផ្លូវលេខ{{ obj.garuantor1?.street_no || '......' }}
                                        ភូមិ {{ obj.garuantor1?.village_kh || '.......................' }}
                                        ឃុំ/សង្កាត់ {{ obj.garuantor1?.commune_kh || '...................................' }}
                                        ស្រុក/ខណ្ឌ/ក្រុង {{ obj.garuantor1?.district_kh || '.....................................' }}
                                        ខេត្ត/រាជធានី {{ obj.garuantor1?.province_kh || '...............................' }}
                                    </span>
                                    ដែលចាប់ពី ពេលនេះទៅហៅថា ភាគី“ខ” ។
                                </p>
                                <p>
                                    <strong>យោង៖ កិច្ចសន្យាទិញ-លក់ដី ចុះ{{funDate(obj.loan?.installment_date)}} 
                                    រវាងលោក</strong> <span class="text_moul">គួង ឃុនលី</span> <strong>
                                    និង {{ obj.client?.lady_and_gentle_men}}</strong> 
                                    <span class="text_moul">{{ obj.client?.name}}</span>
                                    <span v-if="obj.garuantor1?.name!=null">
                                        <strong>ជាមួយ {{ obj.garuantor1?.lady_and_gentle_men}}</strong> 
                                        <span class="text_moul">{{obj.garuantor1?.name || ' ...................... ' }}</span>
                                    </span> 
                                    ។
                                </p>
                                <p class="text-center">ភាគីទាំងពីរបានព្រមព្រៀងគ្នា ដូចខាងក្រោមៈ</p>
                                <div class="article">
                                    <p class="title"><strong>ប្រការរ១៖</strong></p>
                                    <p>កម្មវត្ថុនៃកិច្ចសន្យា</p>
                                    <p class="title ps-4"><strong>១.១.</strong></p>
                                    <p>ភាគី“ក” យល់ព្រមឲ្យ ភាគី“ខ” ខ្ចីប្រាក់ចំនួន <strong>{{ obj.loan?.loan_out | numberFomartValue }}{{ obj.loan?.currency_name }} ({{ totalToword(obj.loan?.loan_out, obj.loan?.currency_id) }})</strong>។ </p>
                                    <p class="title ps-4"><strong>១.២.</strong></p>
                                    <p><strong>ភាគី “ខ”</strong> យល់ព្រមខ្ចីប្រាក់ពី <strong>ភាគី “ក”</strong> ដូចមានចែងក្នុងប្រការ១.១ ខាងលើ។  </p>
                                </div>
                                <div class="article">
                                    <p class="title"><strong>ប្រការ២៖</strong></p>
                                    <p>រយៈពេលនៃការខ្ចីប្រាក់ និង ការធានា</p>
                                    <p class="title ps-4"><strong>២.១.</strong></p>
                                    <p><strong>ភាគី “ក”</strong> បានយល់ព្រមឲ្យ <strong>ភាគី “ខ”</strong> ខ្ចីប្រាក់ដែលមានរយៈពេល ៣(បី)ខែ ។ </p>
                                    <p class="title ps-4"><strong>២.២.</strong></p>
                                    <!-- និង ប្រាក់ភាគលាភ ៥% -->
                                    <p><strong>ភាគី “ខ”</strong> ខ្ចីដោយគិតការប្រាក់ជូន <strong>ភាគី “ក”</strong> ចំនួន {{ obj.loan?.interest}}% ក្នុងមួយខែ ស្មើនឹង {{ obj.loan?.interest_per_month | numberFomartValue }}{{ obj.loan?.currency_name }} ({{ totalToword(obj.loan?.interest_per_month, obj.loan?.currency_id) }}) ក្នុង ១ខែ គិតចាប់ពីថ្ងៃចុះកិច្ចសន្យា នេះហើយការប្រាក់គឺត្រូវបង់ដើមខែនៃកិច្ចសន្យា ។</p>
                                
                                    <p class="title ps-4"><strong>២.៣.</strong></p>
                                    <p>
                                        <strong>ភាគី “ខ”</strong> 
                                        ដាក់បញ្ចាំវិញ្ញាបនបត្រសម្គាល់ម្ចាស់អចលនវត្ថុដូចខាងក្រោម វិញ្ញាបនបត្រសម្គាល់ម្ចាស់អចលនវត្ថុលេខ{{ obj.collateral_land_first?.number}} 
                                        ដែលមានទីតាំងស្ថិតនៅ {{ obj.collateral_land_first?.location}} ចុះ{{funDate(obj.collateral_land_first?.date_made)}} ។
                                    </p>
                                    <p class="title ps-4"><strong>២.៤.</strong></p>
                                    <p>
                                        ក្នុងករណី <strong>ភាគី “ខ”</strong> បង់ការប្រាក់យឺតលើសពីប្រាំពីរថ្ងៃនៃថ្ងៃកំណត់បង់ការប្រាក់ នោះ <strong>ភាគី “ខ”</strong> 
                                        ត្រូវបង់ប្រាក់ពិន័យ ១.៥% នៃការប្រាក់ក្នុងមួយខែ។
                                    </p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៣៖</strong></p>
                                    <p>សិទ្ធិ និងកាតព្វកិច្ចរបស់ភាគី "ក"</p>
                                    <p class="title ps-4"><strong>៣.១.</strong></p>
                                    <p><strong>ភាគី “ក”</strong> ត្រូវប្រគល់ប្រាក់ចំនួន <strong>{{ obj.loan?.loan_out | numberFomartValue }}{{ obj.loan?.currency_name }} ({{ totalToword(obj.loan?.loan_out, obj.loan?.currency_id) }})</strong> ទៅឲ្យ<strong>ភាគី “ខ”</strong> គ្រប់ចំនួន ។</p>
                                    <p class="title ps-4"><strong>៣.២.</strong></p>
                                    <p><strong>ភាគី “ក”</strong> ធានាថាខ្លួនមិនទាមទារប្រាក់កម្ចីពី <strong>ភាគី “ខ”</strong> មុនកាលកំណត់ឡើយក្នុងករណីដែល <strong>ភាគី “ខ”</strong> បង់ការប្រាក់បានត្រឹមត្រូវតាមពេលកំណត់។</p>
                                    <p class="title ps-4"><strong>៣.៣.</strong></p>
                                    <p>ក្នុងករណី <strong>ភាគី “ខ”</strong> មិនព្រមទូទាត់ប្រាក់បំណុល ការប្រាក់ ឬ ប្រាក់ភាគលាភ ឲ្យ <strong>ភាគី “ក”</strong> តាមពេល 
                                       កំណត់នៃកិច្ចសន្យានេះ នោះត្រូវសន្មតថាជាការបំពាននៃកិច្ចសន្យាយ៉ាងធ្ងន់ធ្ងរ នោះ <strong>ភាគី “ក”</strong>  នឹងមានសិទ្ធិពេញលេញក្នុងការធ្វើចរន្តផ្ទេរកម្មសិទ្ធិនៃអចលនទ្រព្យដែលបានដាក់ បញ្ជាំខាងលើ ពី <strong>ភាគី “ខ”</strong>  មក <strong>ភាគី “ក”</strong> បានដោយគ្មានការតវ៉ាពី <strong>ភាគី “ខ”</strong> ។ <strong>ភាគី “ក”</strong> មានសិទ្ធិ ស្របច្បាប់ក្នុងការកាន់កាប់អចលនវត្ថុខាងលើ ។
                                    </p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៤៖ </strong></p>
                                    <p>សិទ្ធិ និងកាតព្វកិច្ចរបស់ភាគី "ខ"</p>
                                    <p class="title ps-4"><strong>៤.១.</strong></p>
                                    <p><strong>ភាគី “ខ”</strong> ធានាថាបង់ការប្រាក់ទៀងទាត់ ដោយមិនបង្ករឲ្យមានភាពស្មុគស្មាញទៅដល់<strong>ភាគី “ក”</strong> ហើយប្រសិនបើមានការបង្ករភាពលំបាក ឬមិនមានដំណោះស្រាយសមរម្យណាមួយក្រោយមានភាព យឺតយ៉ាវក្នុងការបំពេញកាតព្វកិច្ចបង់ការប្រាក់ នោះ <strong>ភាគី “ខ”</strong> សុខចិត្តយល់ព្រមឲ្យ <strong>ភាគី “ក”</strong> ផ្ទេរ កម្មសិទ្ធិដោយមិនចាំបាច់ធ្វើការជូនដំណឹង ហើយ <strong>ភាគី “ខ”</strong> គ្មានសិទ្ធិស្នើសុំ ឬ ទាមទារតម្លៃលើដី ដែល <strong>ភាគី “ខ”</strong> បានដាក់បញ្ជាំបន្ថែមនោះទេ។</p>
                                    <p class="title ps-4"><strong>៤.២.</strong></p>
                                    <p><strong>ភាគី “ខ”</strong> ធានាថាទ្រព្យធានាដែលខ្លួនបានដាក់បញ្ជាំឲ្យ <strong>ភាគី “ក”</strong> គឺជាកម្មសិទ្ធិស្របច្បាប់របស់ខ្លួន ដោយពុំមានជាប់ពាក់ព័ន្ធនឹងបញ្ហានានាជាមួយបុគ្គល រឺ ស្ថាប័នណាមួយឡើយ។</p>
                                    <p class="title ps-4"><strong>៤.៣.</strong></p>
                                    <p>ក្នុងករណីដែលរកឃើញថា <strong>ភាគី “ខ”</strong> បានរំលោភលើខ្លឹមសារនៃកិច្ចព្រមព្រៀង រឺ រកឃើញថាទ្រព្យ ធានាខាងលើមិនមែនជាកម្មសិទ្ធិរបស់ខ្លួន រឺ មានជាប់ពាក់ព័ន្ធជាមួយនឹងវិវាទណាមួយ នោះខ្លួនសុខចិត្តទទួលខុសត្រូវចំពោះមុខច្បាប់ និងសងរាល់សំណងខូចខាតនានាដែលកើតចេញពីអំពើរបស់ខ្លួន។ </p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៥៖ </strong></p>
                                    <p>ការកែប្រែកិច្ចសន្យា</p>
                                    <p class="title ps-4"><strong>៥.១.</strong></p>
                                    <p>ក្នុងករណីដែលភាគីណាមួយ ចង់ធ្វើការកែប្រែកិច្ចសន្យាត្រូវធ្វើការជូនដំណឹងទៅឲ្យភាគីម្ខាងទៀត ក្នុងរយៈពេល ១ (មួយ) ខែ និងត្រូវមានការព្រមព្រៀងពីភាគីម្ខាងទៀត។</p>
                                    <p class="title ps-4"><strong>៥.២.</strong></p>
                                    <p>ក្នុងការពិភាក្សាទៅលើការកែប្រែកិច្ចសន្យានេះ ត្រូវធ្វើដោយសន្តិវិធី និងត្រូវមានការព្រមព្រៀងរបស់ ភាគីទាំងសងខាងទើបកិច្ចសន្យានេះអាចកែប្រែបាន។</p>
                                    <p class="title ps-4"><strong>៥.៣.</strong></p>
                                    <p>ការកែប្រែក្នុងកិច្ចសន្យានេះ ត្រូវធ្វើជាលាយលក្ខណ៍អក្សរដោយមានការផ្តិតស្នាមម្រាមដៃ និងត្រូវ មានសរសេរបញ្ជាក់អំពីការកែប្រែនៃកិច្ចសន្យានេះ។</p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៦៖  </strong></p>
                                    <p>យន្តការនៃការដោះស្រាយវិវាទ</p>
                                    <p class="title ps-4"><strong>៦.១.</strong></p>
                                    <p>ក្នុងករណីដែលគូភាគីមានវិវាទដែលពាក់ព័ន្ធនូវកិច្ចសន្យានេះ គូភាគីត្រូវដោះស្រាយគ្នាតាមការ ចរចារ និងសម្របសម្រួលគ្នាដោយសន្តិវិធី មិនលើសពី១៥ថ្ងៃក្រោយពីពេលមានវិវាទកើតឡើង </p>
                                    <p class="title ps-4"><strong>៦.២.</strong></p>
                                    <p>ក្នុងករណីដែលការចរចាមិនអាចស្វែងរកដំណោះស្រាយបាន គូភាគីជ្រើសយកសាលាដំបូងរាជធានី ភ្នំពេញដែលជាអ្នកមានសមត្ថកិច្ចក្នុងការដោះស្រាយវិវាទ។</p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៦៖  </strong></p>
                                    <p>យន្តការនៃការដោះស្រាយវិវាទ</p>
                                    <p class="title ps-4"><strong>៦.១.</strong></p>
                                    <p>ក្នុងករណីដែលគូភាគីមានវិវាទដែលពាក់ព័ន្ធនូវកិច្ចសន្យានេះ គូភាគីត្រូវដោះស្រាយគ្នាតាមការ ចរចារ និងសម្របសម្រួលគ្នាដោយសន្តិវិធី មិនលើសពី១៥ថ្ងៃក្រោយពីពេលមានវិវាទកើតឡើង </p>
                                    <p class="title ps-4"><strong>៦.២.</strong></p>
                                    <p>ក្នុងករណីដែលការចរចាមិនអាចស្វែងរកដំណោះស្រាយបាន គូភាគីជ្រើសយកសាលាដំបូងរាជធានី ភ្នំពេញដែលជាអ្នកមានសមត្ថកិច្ចក្នុងការដោះស្រាយវិវាទ។</p>
                                </div>

                                <div class="article mb-3">
                                    <p class="title"><strong>ប្រការ៧៖  </strong></p>
                                    <p>អវសាន្តបញ្ញត្តិ</p>
                                    <p class="title ps-4"><strong>៧.១.</strong></p>
                                    <p>កិច្ចសន្យានេះធ្វើឡើងជា ៤ (បួន) ច្បាប់ មានតម្លៃគតិយុត្តិដូចគ្នាដោយភាគីទាំងពីររក្សាទុកចំនួន ម្នាក់០១  (មួយ) ច្បាប់ និងរក្សាទុកនៅមេធាវីចំនួន ០២ (ពីរ) ច្បាប់។</p>
                                    <p class="title ps-4"><strong>៧.២.</strong></p>
                                    <p>គូភាគីមានសមត្ថភាពក្នុងការអាន និងបានយល់ពីខ្លឹមសារទាំងអស់ ហើយបានយល់ព្រមក្នុងការអនុវត្តគ្រប់ប្រការដែលមានចែងនៅក្នុងកិច្ចសន្យា។</p>
                                    <p class="title ps-4"><strong>៧.៣.</strong></p>
                                    <p>ដើម្បីជាសក្ខីភាព ភាគីទាំងសងខាងទទួលស្គាល់ និងយល់ព្រមទទួលខុសត្រូវចំពោះមុខច្បាប់ជាធរមានចាប់ពីថ្ងៃដែលបានផ្តិតម្រាមដៃទុកជាភស្តុតាង។</p>
                                    <p class="title ps-4"><strong>៧.៤.</strong></p>
                                    <p>កិច្ចសន្យានេះ មានអានុភាពអនុវត្តទាំងស្រុង គិតចាប់ពីថ្ងៃដែលគូភាគីបានផ្តិតមេដៃតទៅ។</p>
                                </div>
                                <p style="padding-left: 60px"><u><strong>ឧបសម្ព័ន្ធនៃកិច្ចសន្យាខ្ចីប្រាក់នេះរួមមាន៖</strong></u></p>
                                <div style="padding-left: 60px">
                                    <p><strong>•</strong>	ច្បាប់ថតចម្លងអត្តសញ្ញាប័ណ្ណលេខ៖………………………………………………ចំនួន០១ច្បាប់ ។</p>
                                    <p><strong>•</strong>	ច្បាប់ថតចម្លងអត្តសញ្ញាប័ណ្ណលេខ៖………………………………………………ចំនួន០១ច្បាប់។</p>
                                </div>
                                <div class="row page-avoid text-center">
                                    <div class="col-6">
                                        <p class="text_moul">ស្នាមមេដៃភាគី “ក”</p>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <p>ម្ចាស់បំណុល</p>
                                    </div>
                                    <div class="col-6">
                                        <p class="text_moul">ស្នាមមេដៃភាគី “ខ”</p>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <p>កូនបំណុល</p>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <div class="fw-bold">
                                        <p>បានឃើញ និង បញ្ជាក់ថា៖ </p>
                                        <p>ស្នាមមេដៃខាងលើ ពិតជារបស់សាម៉ីខ្លួនប្រាកដមែន។</p>
                                        <p>{{ funDateChankati(obj.loan?.installment_date)}}</p>
                                        <p>{{funDate(obj.loan?.installment_date)}}</p>
                                    </div>
                                    <p class="text_moul">មេធាវី</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{ $t("Close") }}</button>
                    <button type="button" class="btn btn-primary" @click="printP">
                        {{$t('Print')}}
                    </button>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    var moment = require("moment");
    import {currencyToWord } from "number_to_khmer_word";
    export default {
        props:['obj'],
        data(){
            return{
                moment : moment,
                currencyToWord : currencyToWord,
            }
        },
        methods: {
            printP() {
                this.$htmlToPaper("print-interest-contract", {
                    styles: ["/css/app.css", "/css/print/mortgage-loan.css"],
                });
            },
            funDate(date) {
                if(date){
                    return "ថ្ងៃទី" + moment(date).format("DD") + " ខែ" + this.funMonth(moment(date).format("MMM")) + " ឆ្នាំ" + moment(date).format("YYYY");
                } else {
                    return 'ថ្ងៃទី................... ខែ................... ឆ្នាំ...................'
                }
            },
            funDateChankati(date) {
                return moment(date).toLunarDate();
            },
            funConditionPay(ConPay,status){
                if(ConPay==1){
                    return 'បង់ប្រចាំ'+this.funTerm(status)+'ថេរ';
                }else if(ConPay==2){
                    return 'បង់រំលោះប្រចាំ'+this.funTerm(status)+'ថយ(ដើមថេរ)';
                }else if(ConPay==3){
                    return 'បង់ប្រាក់ដើមនិងការប្រាក់ថេរ'+this.funTerm(status);
                }else if(ConPay==4){
                    return 'បង់តែការប្រាក់ប្រចាំ'+this.funTerm(status);
                }
            },
            funMonth(mon) {
                if (mon == "Jan") {
                    return "មករា";
                } else if (mon == "Feb") {
                    return "កុម្ភៈ";
                } else if (mon == "Mar") {
                    return "មីនា";
                } else if (mon == "Apr") {
                    return "មេសា";
                } else if (mon == "May") {
                    return "ឧសភា";
                } else if (mon == "Jun") {
                    return "មិថុនា";
                } else if (mon == "Jul") {
                    return "កក្កដា";
                } else if (mon == "Aug") {
                    return "សីហា";
                } else if (mon == "Sep") {
                    return "កញ្ញា";
                } else if (mon == "Oct") {
                    return "តុលា";
                } else if (mon == "Nov") {
                    return "វិច្ឆិកា";
                } else if (mon == "Dec") {
                    return "ធ្នូ";
                }
            },
            funTypeCard(card) {
                if (card == 1) {
                    return "អត្តសញ្ញាណប័ណ្ណ";
                } else if (card == 2) {
                    return "សៀវភៅគ្រួសារ";
                } else if (card == 3) {
                    return "សៀវភៅស្នាក់នៅ";
                } else if (card == 4) {
                    return "លិខិតឆ្លងដែន";
                } else {
                    return "សំបុត្រកំណើត";
                }
            },
            funIssuedBy(value) {
                if (value == 1) {
                    return "ក្រសួងមហាផ្ទៃ";
                } else if (value == 2) {
                    return "អធិការដ្ឋាន,ប៉ុស្តិ៍រដ្ឋបាល";
                } else if (value == 3) {
                    return "មន្រ្តីអត្រានុកូលដ្ឋាន";
                } else if (value == 4) {
                    return "មេភូមិ,ចៅសង្កាត់";
                }
                else {
                    return "................................................";
                }
            },
            funTerm(status){
                if(status==1){
                    return 'ថ្ងៃ';
                }else if(status==2){
                    return 'សប្ដាហ៍';
                }else if(status==3){
                    return 'កន្លះខែ';
                }else if(status==4){
                    return 'ខែ';
                }
            },
            totalToword(loan_out,currency_id) {
                if (currency_id == 1) {
                    if (loan_out) {
                        return currencyToWord(loan_out, "KHR").slice(1).replace(/-/g, "");
                    } else {
                        return currencyToWord(0, "KHR").slice(1);
                    }
                } else {
                    if (loan_out) {
                        return currencyToWord(loan_out, "USD")
                            .slice(1)
                            .replace(/-/g, " ")
                            .replace(/ ដុល្លារ គត់/, " ដុល្លារសហរដ្ឋអាមេរិចគត់");
                    } else {
                        return currencyToWord(0, "USD").slice(1);
                    }
                }
            },
        }
    }
</script>

<style lang="scss" scoped>
    .article{
        position: relative;
        padding-left: 64px;
        .title{
            position: absolute;
            left: 0;
        }
    }
    .article-list{
        position: relative;
        padding-left: 10px;
        .list{
            position: absolute;
            left: 0;
        }
    }
    .border-box{
        border: 1px solid #000;
        width: 80px;
        height: 100px;
    }
</style>
