<template>
    <div class="modal fade" id="showContract" 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">
                                <div class="text-center">
                                    <h6 class="text_moul my-2">កិច្ចសន្យាខ្ចីប្រាក់/បញ្ចាំ</h6>
                                    <p>ធ្វើនៅ
                                        {{ funDate(obj.loan?.installment_date) }}
                                    </p>
                                </div>
                            </div>
                            <div class="mortgage_content">
                                <p><strong>1. ភាគី(ក)</strong>ទទួលបញ្ចាំតំណាងពេញច្បាប់ដោយលោក  ......................  តួនាទីជា  <input type="checkbox" class="ps-2">  ប្រធានសាខា <input type="checkbox" class="ps-2"> ប្រធានសាខាស្ដីទី    ដែលតទៅនេះហៅថា  ភាគី(<strong>ម្ចាស់បំណុល</strong>) ។</p>
                                <p class="text-center text_moul">និង</p>
                                <p><strong>2. ភាគី ខ (កូនបំណុល)</strong></p>

                                <table>
                                    <tr class="align-top">
                                        <td class="pe-2"><strong>ក-</strong></td>
                                        <td>ឈ្មោះ {{ obj.client?.name }} ភេទ {{ obj.client?.gender ==1?'ប្រុស':'ស្រី' }} សញ្ជាតិ ខ្មែរ ថ្ងៃខែឆ្នាំកំណើត {{ formatDate(obj.client?.date_of_birth) }}
                                            <span v-if="obj.client?.type_document ==2"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅគ្រួសារ
                                            <span v-if="obj.client?.type_document ==3"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅស្នាក់នៅ
                                            <span v-if="obj.client?.type_document ==1"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span> អត្តសញ្ញាណប័ណ្ណ
                                            <span v-if="obj.client?.type_document ==5"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សំបុត្រកំណើត
                                            <input type="checkbox" class="ps-2"> លិខិតបញ្ជាក់ផ្សេងៗ ……………………
                                            កាន់អត្តសញ្ញាណប័ណ្ណលេខ {{ obj.client?.id_card || "..........................................." }} ចុះថ្ងៃទី {{ formatDate(obj.client?.create_card_date) }} ។</td>
                                    </tr>
                                    <tr class="align-top">
                                        <td class="pe-2"><strong>ខ-</strong></td>
                                        <td>
                                            ឈ្មោះ {{ obj.garuantor1?.name || "...................................." }}  ភេទ <span v-if="obj.garuantor1?.gender">{{ obj.garuantor1?.gender ==1?'ប្រុស':'ស្រី' }}</span><span v-else>.............</span> សញ្ជាតិ ខ្មែរ ថ្ងៃខែឆ្នាំកំណើត {{ formatDate(obj.garuantor1?.date_of_birth) }}
                                            <span v-if="obj.garuantor1?.type_document ==2"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅគ្រួសារ
                                            <span v-if="obj.garuantor1?.type_document ==3"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅស្នាក់នៅ
                                            <span v-if="obj.garuantor1?.type_document ==1"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span> អត្តសញ្ញាណប័ណ្ណ
                                            <span v-if="obj.garuantor1?.type_document ==5"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សំបុត្រកំណើត
                                            <input type="checkbox" class="ps-2"> លិខិតបញ្ជាក់ផ្សេងៗ ……………………
                                            កាន់អត្តសញ្ញាណប័ណ្ណលេខ {{ obj.garuantor1?.id_card || "..................................." }} ចុះថ្ងៃទី {{ formatDate(obj.garuantor1?.create_card_date) }} ត្រូវជា {{ obj.garuantor1?.relationship || ".................." }} ។
                                            អាសយដ្ឋានបច្ចុប្បន្នៈផ្ទះលេខ {{ obj.garuantor1?.house_no || ".........." }} ភូមិ {{ obj.garuantor1?.village_kh || "...................................." }} ឃុំ/សង្កាត់ {{ obj.garuantor1?.commune_kh || "..............................." }} ក្រុង/ស្រុក/ខណ្ឌ {{ obj.garuantor1?.district_kh || "................................." }}
                                            រាជធានី/ខេត្ត {{ obj.garuantor1?.province_kh || "................................." }} ។ដែលតទៅហៅកាត់ថាភាគី <strong>(កូនបំណុល)</strong>។</td>
                                    </tr>
                                </table>
                                <p><strong>3. </strong>  ភាគី<strong>(ម្ចាស់បំណុល)</strong> ព្រមឲ ភាគី(<strong>កូនបំណុល</strong>)ខ្ចីប្រាក់ ដោយគោរពតាមលក្ខណ្ឌដែលបានព្រមព្រៀងគ្នាដូចតទៅ៖</p>

                                <div class="ps-4">
                                    <table>
                                        <tr class="align-top">
                                            <td class="pe-2">❖</td>
                                            <td>ចំនួនទឹកប្រាក់សុំខ្ចី {{ obj.loan?.loan_out | numberFomartValue}} ជាអក្សរ {{ totalToword(obj.loan?.loan_out, obj.loan?.currency_id) }} រយៈពេល {{ obj.loan?.period }} {{ funTerm(obj.loan?.term_type) }} គិតចាប់ពី
                                                {{ funDate(obj.loan?.start_date) }}
                                                រហូតដល់
                                                {{ funDate(obj.loan?.expired_date) }}
                                                ។
                                            </td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="pe-2">❖</td>
                                            <td>កូនបំណុលយល់ព្រមបង់សេវាកម្ចីចំនួន{{  obj.loan?.total_service | numberFomartValue }}{{ obj.loan?.currency_name }}ក្នុងមួយវគ្គ ជូនម្ចាស់បំណុលនៅពេលប្រគល់និងទទួលប្រាក់កម្ចីលើកដំបូង។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="pe-2">❖</td>
                                            <td>ចំនួនទឹកប្រាក់ដែលត្រូវសង ៖ ដូចមានបញ្ជាក់ក្នុងតារាងកាលវិភាគសងប្រាក់។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="pe-2">❖</td>
                                            <td>ទីកន្លែងបង់ប្រាក់ភាគី(កូនបំណុល)យល់ព្រម ឲភ្នាក់ងារបញ្ចាំរបស់(ម្ចាស់បំណុល) ចុះប្រមូលប្រាក់ដល់ផ្ទះ ឬកន្លែងប្រកបអាជីវកម្ម របស់      (កូនបំណុល)។</td>
                                        </tr>
                                    </table>
                                     <table>
                                        <tr class="align-top">
                                            <td colspan="2"><strong>ប្រការ ១៖ </strong> ចំពោះករណីដូចខាងក្រោម ភាគី(កូនបំណុល) យល់ព្រមឲ ភាគី(ម្ចាស់បំណុល) អនុវត្តវិធានការដូចតទៅ៖</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="ps-3 pe-2"><strong class="font-dot">•</strong></td>
                                            <td>ករណីភាគី(កូនបំណុល)សងប្រាក់មិនទាន់ពេលវេលាតាមតារាងកាលវិភាគសងប្រាក់សុខចិត្តបង់ប្រាក់ពិន័យចំនួន១,000រៀលក្នុងមួយថ្ងៃដោយរាប់បញ្ចូលទាំងថ្ងៃឈប់សម្រាក់នៃពេលវេលាយឺតយ៉ាវ។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="ps-3 pe-2"><strong class="font-dot">•</strong></td>
                                            <td>អ្នកធានា  និងអ្នករួមធានា មានកតព្វកិច្ចធានាសងប្រាក់ជំនួស រហូតដល់បំណុល របស់ភាគី(កូនបំណុល) ត្រូវបានសងចប់ទាំងការប្រាក់ ប្រាក់ដើម និង ប្រាក់ពិន័យ(ករណីមាន)</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="ps-3 pe-2"><strong class="font-dot">•</strong></td>
                                            <td>ក្នុងករណីយឺតយ៉ាវអស់លទ្ធភាពសងប្រាក់(កូនបំណុល) សុខចិត្តលក់ទ្រព្យសម្បត្តិទាំងឡាយរបស់ខ្លួន ដើម្បីយកប្រាក់មកទូទាត់បំណុលដែលនៅជំពាក់ ទាំងអស់រួមមាន ប្រាក់ដើម ការប្រាក់ និង ប្រាក់ពិន័យផង។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td class="ps-3 pe-2"><strong class="font-dot">•</strong></td>
                                            <td>ក្នុងករណី (កូនបំណុល)លក់ពុំដាច់ទ្រព្យសម្បត្តិរយៈពេលមួយខែដោយគិតចាប់ពីថ្ងៃយឺតយ៉ាវ ដំបូង (កូនបំណុល)សុខចិត្តប្រគល់ទ្រព្យសម្បត្តិទាំងនោះជា អចលនទ្រព្យក្ដី ចលនទ្រព្យក្ដី ឲសមាជិកធានា ក្នុងក្រុមឬសុខចិត្តឲ (ម្ចាស់បំណុល)ប្ដឹងទៅអាជ្ញាធរមាន សមត្ថកិច្ច ឬទៅតុលាការដើម្បីលក់ទ្រព្យសម្បត្តិទាំងនោះក្នុងតម្លៃឡាយឡុង ហើយយកប្រាក់មកទូទាត់បំណុលដែលនៅជំពាក់ (ម្ចាស់បំណុល)។ ករណីមិនទាន់សងគ្រប់(កូនបំណុល)ត្រូវមានកត្តព្វកិច្ចសងបំណុលដែលនៅសល់បន្ថែមទៀតរហូតដល់គ្រប់ចំនួន។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td colspan="2"><strong>ប្រការ ២៖ </strong> (កូនបំណុល)សន្យាថាមិនបានប្រើប្រាស់ប្រាក់កម្ចីទៅលើអំពើដែលផ្ទុយនិងច្បាប់ ឬ ធ្វើសកម្មភាពដែលប៉ះពាល់ដល់សង្គមនិង ប្រជាជនទូទៅ ។ប្រសិនបើមានហេតុការណ៏កើតឡើងគឺជាការទទួលខុសត្រូវរបស់ភាគី(កូនបំណុល)។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td colspan="2"><strong>ប្រការ ៣៖  </strong> មិនត្រូវយកប្រាក់ដែលខ្ចីទៅចែកចាយឲបុគ្គលទីបីឬស៊ីឈ្នូលក្នុងការខ្ចីប្រាក់នេះឡើយ។ករណីកូន(បំណុល)ប្រព្រឹត្តិបែបនេះ ម្ចាស់(បំណុល)មានសិទ្ធិគ្រប់គ្រាន់ក្នុងការបញ្ចប់កិច្ចសន្យាដោយតម្រូវឲកូន(បំណុល)បង់សងផ្ដាច់នៅ ការប្រាក់ ប្រាក់ដើម និងប្រាក់ពិន័យ (ប្រសិនបើមាន)។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td colspan="2"><strong>ប្រការ ៤៖ </strong> កូន(បំណុល)យល់យ៉ាងច្បាស់ថា ប្រាក់កម្ចីដែលខ្លួនខ្ចីនេះ ជាកម្មសិទ្ធឯកជន មិនមែនជារបស់រដ្ឋទេ ដូចនេះកូន(បំណុល)ត្រូវបង់សងប្រគល់ឲបានទៀងទាត់តាមកាលបរិច្ឆេទបង់ប្រាក់ដែលបានបោះពុម្ពជូននៅពេលទទួលប្រាក់កម្ចីដំបូង។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td colspan="2"><strong>ប្រការ ៥៖  </strong> ភាគី(ម្ចាស់បំណុល) និងភាគី (កូនបំណុល) សន្យាគោរពយ៉ាងម៉ឺងម៉ាត់តាមរាល់ចំណុចខាងលើ។ ករណីមានការអនុវត្តផ្ទុយ ឬរំលោភលើលក្ខខណ្ឌណាមួយលើកិច្ចសន្យានេះភាគីដែលល្មើសត្រូវទទួលខុសត្រូវចំពោះមុខច្បាប់ជាធរមានរាល់សោហ៊ុយចំណាយជាបន្ទុករបស់ភាគីដែលល្មើសលក្ខខណ្ឌនៃកិច្ចសន្យា។</td>
                                        </tr>
                                        <tr class="align-top">
                                            <td colspan="2"><strong>ប្ប្រការ ៦៖ </strong> កិច្ចសន្យាខ្ចីប្រាក់រៀលនេះមានប្រសិទ្ធភាពចាប់ពីថ្ងៃផ្ដិតស្នាមមេដៃនេះតទៅ។កិច្ចសន្យានេះធ្វើឡើងដោយមានការព្រមព្រៀងគ្នាពិតប្រាកដដោយសេរីដោយគ្មានការបង្ខិតបង្ខំពីភាគីណាមួយឡើយ។</td>
                                        </tr>
                                    </table>
                                </div>

                                <div class="row mt-3 page-avoid">
                                    <div class="col-6 text-center">
                                        <p class="text_moul">ស្នាមមេដៃភាគីដាក់បញ្ជាំ(កូនបំណុល)</p>
                                        <br>
                                        <br>
                                        <br>
                                        <div class="d-flex justify-content-around">
                                            <p>..............................</p>
                                            <p>..............................</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <br>
                            <br>
                            <div class="mortgage_header">
                                <div class="text-center">
                                    <h6 class="my-2"><u class="text_moul">ព័ត៌មានអ្នកធានា</u></h6>
                                </div>
                            </div>
                            <div class="mortgage_content">
                                <p class="ps-4 text_moul">១.អ្នកធានាបំណុល</p>
                                <table>
                                    <tr class="align-top">
                                        <td class="pe-2"><strong>ក-</strong></td>
                                        <td>ឈ្មោះ {{ obj.garuantor2?.name || "...................................." }} ភេទ <span v-if="obj.garuantor2?.gender">{{ obj.garuantor2?.gender ==1 ?'ប្រុស':'ស្រី' }}</span><span v-else>.............</span> សញ្ជាតិ ខ្មែរ ថ្ងៃខែឆ្នាំកំណើត {{ formatDate(obj.garuantor2?.date_of_birth) }}
                                            <span v-if="obj.garuantor2?.type_document ==2"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅគ្រួសារ
                                            <span v-if="obj.garuantor2?.type_document ==3"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅស្នាក់នៅ
                                            <span v-if="obj.garuantor2?.type_document ==1"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span> អត្តសញ្ញាណប័ណ្ណ
                                            <span v-if="obj.garuantor2?.type_document ==5"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សំបុត្រកំណើត

                                            <input type="checkbox" class="ps-2"> លិខិតបញ្ជាក់ផ្សេងៗ………………………………
                                            កាន់អត្តសញ្ញាណប័ណ្ណលេខ {{ obj.garuantor2?.id_card ||"........................................." }} ប្រភេទប័ណ្ណ………………………………………ចុះថ្ងៃទី {{ formatDate(obj.garuantor2?.create_card_date) }} ។</td>
                                    </tr>
                                    <tr class="align-top">
                                        <td class="pe-2"><strong>ខ-</strong></td>
                                        <td>ឈ្មោះ {{ obj.garuantor3?.name ||"...................................." }}  ភេទ <span v-if="obj.garuantor3?.gender">{{ obj.garuantor3?.gender ==1 ?'ប្រុស':'ស្រី' }}</span><span v-else>.............</span> សញ្ជាតិ ខ្មែរ ថ្ងៃខែឆ្នាំកំណើត {{ formatDate(obj.garuantor3?.date_of_birth) }}
                                            <span v-if="obj.garuantor3?.type_document ==2"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅគ្រួសារ
                                            <span v-if="obj.garuantor3?.type_document ==3"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សៀវភៅស្នាក់នៅ
                                            <span v-if="obj.garuantor3?.type_document ==1"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span> អត្តសញ្ញាណប័ណ្ណ
                                            <span v-if="obj.garuantor3?.type_document ==5"><input type="checkbox" class="ps-2" checked></span><span v-else><input type="checkbox" class="ps-2"></span>  សំបុត្រកំណើត
                                            <input type="checkbox" class="ps-2"> លិខិតបញ្ជាក់ផ្សេងៗ………………………………

                                            កាន់អត្តសញ្ញាណប័ណ្ណលេខ {{ obj.garuantor3?.id_card ||"..................................." }}
                                            ប្រភេទប័ណ្ណ ……………………………………… ចុះថ្ងៃទី {{ formatDate(obj.garuantor3?.create_card_date) }} ត្រូវជា {{ obj.garuantor3?.relationship || ".................." }} ។
                                            អាសយដ្ឋានបច្ចុប្បន្នៈ
                                            ផ្ទះលេខ {{ obj.garuantor3?.house_no || ".........." }}
                                            ភូមិ {{ obj.garuantor3?.village_kh || "...................................." }}
                                            ឃុំ/សង្កាត់ {{ obj.garuantor3?.commune_kh || "..............................." }}
                                            ក្រុង/ស្រុក/ខណ្ឌ {{ obj.garuantor3?.district_kh || "................................." }}
                                            រាជធានី/ខេត្ត {{ obj.garuantor3?.province_kh || "................................." }}
                                            មុខរបរ {{ obj.garuantor3?.occupation || "……………………………………………………" }}
                                            ស្ថានភាពគ្រួសារ
                                            <input type="checkbox" class="ps-2">  រៀបការ
                                            <input type="checkbox" class="ps-2"> លីវ
                                            <input type="checkbox" class="ps-2"> មេម៉ាយ/ពោះម៉ាយ

                                            បានស្ម័គ្រចិត្ត និងយល់ព្រមធ្វើជាអ្នកធានាចំពោះប្រាក់កម្ចីដែល ភាគី(កូនបំណុល)បានខ្ចីពី ភាគី(ម្ចាស់បំណុល)ក្នុងចំនួនជាលេខ {{ obj.loan?.loan_out | numberFomartValue }}{{ obj.loan?.currency_name }}
                                            ជាអក្សរ {{ totalToword(obj.loan?.loan_out, obj.loan?.currency_id) }} ដែលមានលក្ខណ្ឌដូចដែលបានចែងក្នុងកិច្ចសន្យាខ្ចីប្រាក់ខាងលើនេះទោះបីជាភាគី(កូនបំណូល) មិនព្រមសង គ្មានលទ្ធភាពសង ឬរត់ចោលផ្ទះក៏ដោយ។ ហើយសន្យាថានិងទទួលបន្ទុកសងប្រាក់ជំនួស ភាគី (កូនបំណុល)  រួមមានប្រាក់ដើម ការប្រាក់និងប្រាក់ពិន័យ និងចំណាយផ្សេងៗទៀតដែលទាក់ទងនិងការដោះស្រាយវិវាទ៏ដែលកើតចេញពី ឬទាក់ទិនជាមួយកិច្ចសន្យាខ្ចីប្រាក់ និងកាតាព្វកិច្ចធានាប្រាក់កម្ចី។
                                        </td>
                                    </tr>
                                </table>
                                <div class="row mt-3 page-avoid">
                                    <div class="col-5 text-center">
                                        <p class="text_moul">ស្នាមមេដៃអ្នកធានាប្រាក់</p>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <div class="d-flex justify-content-around">
                                            <p>..............................</p>
                                            <p>..............................</p>
                                        </div>
                                    </div>
                                    <div class="col-2"></div>
                                    <div class="col-5 text-center">
                                        <p class="text_moul">តំណាងភាគីទទួលបញ្ចាំ ភាគី(ម្ចាស់បំណុល)</p>
                                        <p class="text_moul">ហត្ថលេខា និង ត្រា</p>
                                        <p>ថ្ងៃទី…………/…………/…………</p>
                                        <br>
                                        <br>
                                        <br>
                                        <p>..............................</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><img src="/icons/b_drop.png" alt="" /> {{ $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, numberToWord } 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"],
                });
            },
            formatDate(date) {
                if (!date) return "........../........../...........";
                return this.$options.filters.onlyDate(date);
            },
            funDate(date) {
                if(date){
                    return "ថ្ងៃទី " + moment(date).format("DD") + " ខែ" + this.funMonth(moment(date).format("MMM")) + " ឆ្នាំ " + moment(date).format("YYYY");
                } else {
                    return 'ថ្ងៃទី................... ខែ................... ឆ្នាំ...................'
                }
            },
            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 "សំបុត្រកំណើត";
                }
            },
            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: 35px;
        .title{
            position: absolute;
            left: 0;
        }
    }
    .border-box{
        border: 1px solid #000;
        width: 80px;
        height: 100px;
    }
</style>
