<template>
    <div class="modal fade" id="showContractInsurance" 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-contract-insurance" style="width: 198mm; margin: auto">
                        <div class="mortgage_loan">
                            <div class="mortgage_header">
                                <img src="images/logo-insurance.png" alt="" width="230px" class="position-absolute" style="top: 10px">
                                <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>
                                    <p class="mb-2"><u class="text_moul">កិច្ចសន្យានេះធ្វើឡើងរវាង</u></p>
                                </div>
                            </div>
                            <div class="mortgage_content">
                                <div class="d-flex justify-content-between">
                                    <div>
                                        <strong>លេខអ្នកសុំខ្ចី/បញ្ចាំ (CLIENT CID): {{ obj.client?.code }}</strong>
                                    </div>
                                    <div>
                                        <strong>កាលបរិច្ឆេទខ្ចីប្រាក់/បញ្ចាំៈ
                                           {{  funDate(obj.installment_date) }}
                                        </strong>
                                    </div>
                                </div>
                                <p><strong><u>១.ភាគីលក់សេវាធានារ៉ាប់រងប្រាក់កម្ចី៖</u></strong>
                                    ក្រុមហ៊ុន<span class="text_moul"> សេវាធានារ៉ាប់រងប្រាក់កម្ចី សំណាបតិចណូឡូជី</span> តទៅនេះហៅថាភាគី <span class="text_moul"><span class="text_moul">“ក”</span></span>។</p>
                                <p class="text_moul text-center">និង</p>
                                <p><strong><u>២.ភាគីសុំទិញសេវាធានារ៉ាប់រងប្រាក់កម្ចី៖</u></strong> ៖ ឈ្មោះ {{ obj.client?.name }} ភេទ {{ obj.client?.gender == 1? 'ប្រុស':'ស្រី' }} អាយុ {{ obj.client?.age || '.........' }} ឆ្នាំ
                                    សញ្ជាតិ ខ្មែរ កាន់
                                    <span v-if="obj.client?.type_document == 1">អត្តសញ្ញាណប័ណ្ណ</span>
                                    <span v-else-if="obj.client?.type_document == 2">សៀវភៅគ្រួសារ</span>
                                    <span v-else-if="obj.client?.type_document == 3">សៀវភៅស្នាក់នៅ</span>
                                    <span v-else-if="obj.client?.type_document == 4">លិខិតឆ្លងដែន</span>
                                    <span v-else>សំបុត្រកំណើត</span>
                                    ចុះថ្ងៃទី {{ funDate(obj.client?.create_card_date) }} ចេញដោយ {{ obj.client?.issued_by || '................................................' }}
                                    មុខរបរផ្ទាល់ខ្លួន {{ obj.client?.occupation || '................................................' }} និងឈ្មោះ {{ obj.garuantor1?.name || '....................................' }}
                                    ភេទ <span v-if="obj.garuantor1?.name != null">{{ obj.garuantor1.gender == 1 ? 'ប្រុស':'ស្រី' }}</span><span v-else> .............</span> អាយុ {{ obj.garuantor1?.age || '............' }} ឆ្នាំ
                                    កាន់<span v-if="obj.garuantor1?.type_document == 1">អត្តសញ្ញាណប័ណ្ណ</span>
                                    <span v-else-if="obj.garuantor1?.type_document == 2">សៀវភៅគ្រួសារ</span>
                                    <span v-else-if="obj.garuantor1?.type_document == 3">សៀវភៅស្នាក់នៅ</span>
                                    <span v-else-if="obj.garuantor1?.type_document == 4">លិខិតឆ្លងដែន</span>
                                    <span v-else>សំបុត្រកំណើត</span>
                                    ចុះថ្ងៃទី {{ funDate(obj.garuantor1?.create_card_date) }}
                                    ចេញដោយ {{ obj.garuantor1?.issued_by || '........................................' }}
                                    មុខរបរផ្ទាល់ខ្លួន {{ obj.garuantor1?.occupation || '..............................' }} ត្រូវជា {{ obj.garuantor1?.relationship || '................' }} ។
                                    អាស័យដ្ឋានបច្ចុបន្បៈផ្ទះលេខ...........ផ្លូវលេខ..........ក្រុមទី...........
                                    ភូមិ {{ obj.client?.village_kh || '.....................' }} ឃុំ/សង្កាត់ {{ obj.client?.commune_kh || '................................' }}
                                    ស្រុក/ខណ្ឌ/ក្រុង {{ obj.client?.district_kh || '......................................' }} ខេត្ត/រាជធានី {{ obj.client?.province_kh || '..............................' }}។
                                    តទៅនេះហៅកាត់ថាភាគី <span class="text_moul">“ខ”</span>។
                                </p>
                                <p><strong>ភាគី </strong><span class="text_moul">“ក”</span> <strong>និងភាគី</strong> <span class="text_moul">“ខ”</span><strong>បានព្រមព្រៀងចុះកិច្ចសន្យាទិញសេវាធានារ៉ាប់រងប្រាក់កម្ចី ដោយអនុវត្តរាល់ប្រការទាំងឡាយដែលមានចែងខាងក្រោម</strong></p>
                                <div class="article">
                                    <p class="title"><strong><u>ប្រការរ១៖</u></strong></p>
                                    <p><strong>អំពីលក្ខខណ្ឌរួម</strong></p>
                                    <p>ផ្ផ្អែកលើមូលដ្ឋាននៃការស្នើសុំទិញសេវាធានារ៉ាប់រងប្រាក់កម្ចី ភាគី <span class="text_moul">“ក”</span>យល់ព្រមឲ្យភាគី <span class="text_moul">“ខ”</span> ទទួលបាននូវសេវាធានារ៉ាប់រងប្រាក់កម្ចីរបស់ខ្លួន ដែលបានខ្ចីប្រាក់ពី <strong> សំណាបតិចណូឡូជី </strong> ហើយភាគី<span class="text_moul">“ខ”</span>ក៏យល់ព្រមទទួល និងសន្យាបង់មកភាគី <span class="text_moul">“ក”</span> វិញនូវកម្រៃសេវាធានារ៉ាប់រងប្រាក់កម្ចី និង រាល់លក្ខខណ្ឌដែលបានព្រមព្រៀងគ្នាដូចខាងក្រោមនេះ៖</p>
                                    <p class="title">១.១</p>
                                    <p>សមាជិកនៅក្នុងគ្រួសារ(<strong>ប្តី/ប្រពន្ធ និងកូនក្នុងបន្ទុក</strong>) របស់អតិថិជនដែលត្រូវបានរាប់បញ្ចូលនៅក្នុងការធានារ៉ាប់រងប្រាក់កម្ចីនេះផងដែរៈ</p>
                                </div>
                                <table class="table table-bordered border-secondary">
                                    <tbody>
                                        <tr class="text-center border-secondary table-info">
                                            <td style="width: 50px">ល.រ</td>
                                            <td>ឈ្មោះសាមជិក</td>
                                            <td>ថ្ងៃខែឆ្នាំកំណើត</td>
                                            <td>ភេទ</td>
                                            <td>ត្រូវជា</td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">១</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">២</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">៣</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">៤</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">៥</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="5">ផ្សេងៗ.............................................................................................................................................................</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="article">
                                    <p class="title">១.២</p>
                                    <p>កម្រៃសេវាធានារ៉ាប់រងប្រាក់កម្ចីដែលភាគី <span class="text_moul">“ខ”</span> ត្រូវបង់ទៅភាគី <span class="text_moul">“ក”</span> </p>

                                    <div class="article-list">
                                        <p class="title">-</p>
                                        <p>{{obj.insurance}}% នៃទំហំប្រាក់កម្ចីដែលអតិថិជនទទួលបានពី <strong> សំណាបតិចណូឡូជី </strong> ។</p>
                                    </div>
                                    <div class="article-list">
                                        <p class="title">-</p>
                                        <p>លក្ខខណ្ឌបង់ប្រាក់កម្រៃៈ បង់នៅពេលបើកប្រាក់កម្ចី (បង់តែមួយលើកគត់)</p>
                                    </div>

                                    <p class="title">១.៣</p>
                                    <p>អត្ថប្រយោជន៍ផ្សេងៗដែលភាគី<span class="text_moul">“ខ”</span> ទទួលបានពីភាគី <span class="text_moul">“ក”</span> </p>

                                    <div class="article-list">
                                        <p class="title">-</p>
                                        <p><strong>ទំហំទឹកប្រាក់ធានារ៉ាប់រងសងត្រលប់ៈ</strong> ស្មើនឹងសមតុល្យទឹកប្រាក់ដែលអតិថិជននៅជំពាក់ <strong> សំណាបតិចណូឡូជី </strong> ។</p>
                                        <p class="title">-</p>
                                        <p><strong>រយៈពេលធានារ៉ាប់រងប្រាក់កម្ចីៈ</strong> ស្មើនឹងរយៈពេលនៃកិច្ចសន្យាខ្ចីចងការប្រាក់/បញ្ចាំ ឬ ក្រោយរយៈពេលមួយសប្តាហ៍នៃកាលបរិច្ឆេទបង់សងលើកចុងក្រោយ នៅក្នុងតារាងសងប្រាក់ដែលបានឯកភាពជាមួយ <strong> សំណាបតិចណូឡូជី </strong> (យូរបំផុតត្រឹមថ្ងៃទី.........ខែ............ឆ្នាំ.............)។</p>
                                    </div>
                                </div>
                                <div class="article">
                                    <p class="title"><strong><u>ប្រការ២៖</u> </strong></p>
                                    <p><strong>អំពីលក្ខខណ្ឌដែលទទួលបានប្រាក់សំណងធានារ៉ាប់រងប្រាក់កម្ចី</strong></p>
                                    <p>ក្នុងករណីដែលអតិថិជន ឬ សមាជិកក្នុងគ្រួសារ ជួបគ្រោះថ្នាក់ ឬ ជំងឺ រហូតដល់បាត់បង់អាយុជីវិត សេវាធានារ៉ាប់រងប្រាក់កម្ចី សំណាបតិចណូឡូជី នឹងធានាទូទាត់សងបំណុលដែលនៅសល់ទៅ សំណាបតិចណូឡូជី។</p>
                                </div>
                                <div class="article">
                                    <p class="title"><strong><u>ប្រការ៣៖</u> </strong></p>
                                    <p><strong>អំពីលក្ខខណ្ឌសដែលមិនត្រូវទទួលបានប្រាក់សំណងធានារ៉ាប់រងប្រាក់កម្ចី</strong></p>
                                    <div class="article-list">
                                        <p class="title">-</p>
                                        <p>ការធ្វើអត្តឃាត</p>
                                        <p class="title">-</p>
                                        <p>គ្រោះថ្នាក់ ឬ ជំងឺទាំងឡាយណាដែលបង្កឡើងដោយការប្រើប្រាស់គ្រឿងស្រវឹង ឬ គ្រឿងញៀនគ្រប់ប្រភេទ</p>
                                        <p class="title">-</p>
                                        <p>គ្រោះថ្នាក់ទាំងឡាយណាដែលបង្កឡើងដោយការប្រព្រឹត្តបទល្មើសដែលច្បាប់បានហាមឃាត់</p>
                                        <p class="title">-</p>
                                        <p>ជំងឺអេដស៍ ឬ ករណីប្រធានសក្តិ</p>
                                    </div>
                                </div>
                                <div class="article">
                                    <p class="title"><strong><u>ប្រការ៤៖ </u> </strong></p>
                                    <p><strong>ឯកសារសម្រាប់ទាមទារសំណងធានារ៉ាប់រងប្រាក់កម្ចី</strong></p>
                                    <p>ភាគី<span class="text_moul">“ខ”</span> ត្រូវបំពេញបែបបទ និងភ្ជាប់ឯកសារយោងមួយចំនួនដើម្បីស្នើសុំទាមទារសំណងប្រាក់ធានារ៉ាប់រងប្រាក់កម្ចី ដាក់ស្នើជូនទៅ ភាគី <span class="text_moul">“ក”</span> ខាងក្រោម៖</p>
                                    <div class="article-list">
                                        <p class="title">-</p>
                                        <p>ទម្រង់ឯកសារទាមទារសំណងធានារ៉ាប់រងប្រាក់កម្ចី</p>
                                        <p class="title">-</p>
                                        <p>កំណត់ហេតុរបស់អាជ្ញាមានសមត្ថកិច្ច</p>
                                        <p class="title">-</p>
                                        <p>សំបុត្រមរណភាព</p>
                                    </div>
                                </div>
                                <div class="article">
                                    <p class="title"><strong><u>ប្រការ៥</u></strong></p>
                                    <p><strong>អំពីលក្ខខណ្ឌអវសាន</strong></p>
                                    <p> ភាគី <span class="text_moul">“ក”</span> និងភាគី <span class="text_moul">“ខ”</span> សន្យាគោរពយ៉ាងម៉ឺងម៉ាត់តាមរាល់ប្រការនៃ ខសន្យានានាខាងលើ។ ក្នុងករណីមានការអនុវត្តផ្ទុយ ឬ ដោយរំលោភលើលក្ខខណ្ឌណាមួយនៃកិច្ចសន្យានេះ ភាគីដែលល្មើសត្រូវទទួលខុសត្រូវចំពោះមុខច្បាប់ជាធរមាន។ រាល់សោហ៊ុយចំណាយទាក់ទងក្នុងការដោះស្រាយលើវីវាទជាបន្ទុករបស់ភាគីដែលរំលោភលើកិច្ចសន្យា។
		                                កិច្ចសន្យានេះត្រូវបានធ្វើឡើង ដោយមានការព្រមព្រៀងពិតប្រាកដ និងដោយស្មើភាពគ្មានការបង្ខិតបង្ខំពីភាគីណាមួយឡើយ ហើយ មានប្រសិទ្ធភាពចាប់ពីថ្ងៃចុះហត្ថលេខា និងផ្តិតមេដៃនេះតទៅ។
                                    </p>
                                </div>
                                <p class="text-center"><span class="me-3">✥</span> កិច្ចសន្យានេះត្រូវបានធ្វើឡើងជា <strong>០២ច្បាប់</strong> ជាភាសាខ្មែរ ដើម្បីតម្កល់ទុកនៅៈ</p>
                                <div class="d-flex justify-content-center">
                                    <div>
                                        <p>-	ភាគី <span class="text_moul">“ក”</span>.................................................០១(ច្បាប់ដើម)</p>
                                        <p>-	ភាគី <span class="text_moul">“ខ”</span>.................................................០១(ច្បាប់ដើមចម្លង)</p>
                                    </div>
                                </div>
                                <br>
                                <div class="row page-avoid text-center">
                                    <div class="col-6">
                                        <p class="text_moul">ស្នាមមេដៃស្តាំភាគី <span class="text_moul">“ខ”</span></p>
                                        <p class="invisible">.</p>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <div class="d-flex justify-content-center">
                                            <p>{{ obj.client?.name }}</p>
                                            <p class="ps-3"> {{ obj.garuantor1?.name || '.........................' }} </p>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <p class="text_moul">តំណាងភាគី <span class="text_moul">“ក”</span></p>
                                        <br>
                                        <br>
                                        <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">{{ $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-contract-insurance", {
                    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 '................... /................... /...................'
                }
            },
            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: 58px;
        .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>
