<template>
    <div class="modal fade" id="showContractLandPurchaseSale" 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-purchase-sale-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 class="mb-2"><u class="text_moul">កិច្ចសន្យាទិញ-លក់ដី</u></p>
                                    <p>ធ្វើឡើងនៅភ្នំពេញ, {{funDate(obj.loan?.installment_date)}}</p>
                                    <p>ធ្វើឡើងរវាង៖</p>
                                </div>
                            </div>
                            <div class="mortgage_content">
                                <div class="article">
                                    <p class="title ps-5"><strong>-</strong></p>
                                    <p>
                                        អ្នកលក់ឈ្មោះ <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>
                                        ខាងលើតទៅហៅថា<strong>ភាគី “ក”</strong>។</p>
                                </div>
                                <p class="text-center">និង</p>
                                <div class="article">
                                    <p class="title ps-5"><strong>-</strong></p>
                                    <p>
                                        អ្នកទិញឈ្មោះ <span class="text_moul">លោក គួង ឃុនលី</span> 
                                        កើតថ្ងៃទី១០ ខែឧសភា ឆ្នាំ១៩៩៧ កាន់អត្តសញ្ញាណប័ណ្ណលេខ ០១០៩៤៥១១៨ ចុះថ្ងៃទី១៣ ខែធ្នូ ឆ្នាំ២០១៨ មានអាសយដ្ឋាន ផ្ទះលេខ៦៤៤ ផ្លូវលំ 
                                        ភូមិមានជ័យ សង្កាត់ស្ទឹងមានជ័យខណ្ឌមានជ័យ រាជធានីភ្នំពេញតទៅហៅកាត់ថា<strong>ភាគី “ខ”</strong> ។
                                    </p>
                                </div>
                                <p>
                                    យោង៖ កិច្ចសន្យាខ្ចីប្រាក់ {{funDate(obj.loan?.installment_date)}} 
                                    រវាងលោក គួង ឃុនលី និង
                                    {{ obj.client?.lady_and_gentle_men}}
                                    {{ obj.client?.name}}
                                    <span v-if="obj.garuantor1?.name!=null">
                                        <strong>ជាមួយ {{ obj.garuantor1?.lady_and_gentle_men}}</strong> 
                                        {{obj.garuantor1?.name || ' ...................... ' }}
                                    </span> 
                                </p>
                                <p class="text-center">ភាគីទាំងសងខាងបានព្រមព្រៀងគ្នា</p>
                                <p class="text-center">ក្នុងការបំពេញកាតព្វកិច្ចដែលមានខ្លឹមសារដូចប្រការខាងក្រោម៖</p>
                                <div class="article">
                                    <p class="title"><strong>ប្រការ១៖ </strong></p>
                                    <p>កម្មវត្ថុនៃកិច្ចសន្យា</p>
                                    <p>ភាគី(ក) បានយល់ព្រមលក់ និង ភាគី(ខ) យល់ព្រមទិញ នូវអចលនវត្ថុ៖</p>
                                    <p class="title ps-5"><strong>-</strong></p>
                                    <p>
                                        វិញ្ញាបនបត្រសម្គាល់ម្ចាស់អចលនវត្ថុលេខ៖ វិញ្ញាបនបត្រសម្គាល់ម្ចាស់អចលនវត្ថុលេខ {{ obj.collateral_land_first?.number}} 
                                        ដែលមានទីតាំងស្ថិតនៅ {{ obj.collateral_land_first?.location}} ចុះ{{funDate(obj.collateral_land_first?.date_made)}}។
                                    </p>
                                </div>
                                <div class="article">
                                    <p class="title"><strong>ប្រការ២៖ </strong></p>
                                    <p>តម្លៃទិញ លក់ និងការទូទាត់</p>
                                    <p class="title ps-5"><strong>-</strong></p>
                                    <p>
                                        <strong>ភាគី “ក”</strong> និង<strong>ភាគី “ខ”</strong> 
                                        យល់ព្រមទិញ-លក់អចលនវត្ថុដូចមានចែងក្នុងប្រការ១ ខាងលើនេះ 
                                        សរុបក្នុងតម្លៃ {{ obj.loan?.loan_out | numberFomartValue }}{{ obj.loan?.currency_name }} ({{ totalToword(obj.loan?.loan_out, obj.loan?.currency_id) }}) ។
                                    </p>
                                    <p class="title ps-5"><strong>-</strong></p>
                                    <p><strong>ភាគី “ខ”</strong> ត្រូវបង់ប្រាក់ផ្ដាច់ចំនួន {{ obj.loan?.loan_out | numberFomartValue }}{{ obj.loan?.currency_name }} ({{ totalToword(obj.loan?.loan_out, obj.loan?.currency_id) }}) នៅថ្ងៃចុះកិច្ចសន្យាទិញ-លក់នេះ ។</p>
                                </div>
                                <div class="article">
                                    <p class="title"><strong>ប្រការ៣៖ </strong></p>
                                    <p>ករណីកិច្ច និង កិច្ចធានារបស់ភាគីទាំងសងខាងៈ</p>
                                    <p class="title ps-4"><strong>៣.១.</strong></p>
                                    <p><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> ធានាថាផ្លូវឯកជនផ្សេងៗនៅក្នុងប្លង់ គឺជាទ្រព្យរួមតែមួយដែលមានក្នុងប្លង់ ដោយពុំមានជាប់ពាក់ព័ន្ធជាមួយតតិយជន ឬ របស់រដ្ឋឡើយ ផ្លូវឯកជនគឺផ្ទេរមកជាមួយដីដូចមានយោងខាងលើ ។</p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៤៖ </strong></p>
                                    <p>ប្រធានសក្ដិ</p>
                                    <p>មិនមានភាគីណាមួយត្រូវបានចាត់ទុកថាមានកំហុសដោយសារខកខាន ឬ ពន្យារពេលក្នុងកាបំពេញ
                                       កាតព្វកិច្ចនៃកិច្ចព្រមព្រៀងនេះនៅពេលប្រទេសជួបប្រទះករណីប្រធានសក្កិដែលមិនអាចដឹងមុន មិនអាចទប់ស្កាត់បាន និងក្រៅឆន្ទៈ ដូចជាៈ គ្រោះថ្នាក់ធម្មជាតិ សង្គ្រាមទូទាំងប្រទេស ឬភាពវឹកវរក្នុងសង្គម ដែលមិនអាចគ្រប់គ្រងបាន។
                                    </p>
                                </div>

                                <div class="article">
                                    <p class="title"><strong>ប្រការ៥៖ </strong></p>
                                    <p>ប្រសិទ្ធិភាពនៃកិច្ចព្រមព្រៀង</p>
                                    <p>កិច្ចព្រមព្រៀងនេះមានប្រសិទ្ធិភាពក្នុងការអនុវត្តចំពោះភាគីទាំងពីរ ចាប់ពីថ្ងៃផ្តិតមេដៃស្ដាំរហូតដលបញ្ចប់កាតព្វកិច្ច។កិច្ចសន្យានេះនឹងនរាករណ៍នៅពេលដែលកិច្ចសន្យាខ្ចីប្រាក់ត្រូវបានបញ្ចប់ និងបានបំពេញកាតព្វកិច្ច។ </p>
                                </div>
                                 <div class="article">
                                    <p class="title"><strong>ប្រការ៦៖ </strong></p>
                                    <p>ច្បាប់គ្រប់គ្រងកិច្ចសន្យា និង យន្តការក្នុងការដោះស្រាយវិវាទ</p>
                                    <p>កិច្ចព្រមព្រៀងនេះ ត្រូវគ្រប់គ្រងដោយច្បាប់នៃព្រះរាជាណាចក្រកម្ពុជា។ រាល់វិវាទដែលកើតឡើងចេញ ពីកិច្ចសន្យានេះ ត្រូវដាក់ជូនដោះស្រាយដោយអាជ្ញាធរ និងតុលាការនៃព្រះរាជាណាចក្រកម្ពុជា ក្នុងករណីដំណោះស្រាយដោយសន្តិវិធីមិនអាចធ្វើទៅបាន។</p>
                                </div>
                                <div class="article">
                                    <p class="title"><strong>ប្រការ៧៖ </strong></p>
                                    <p>អំពីការរក្សាទុកកិច្ចព្រមព្រៀងនេះ</p>
                                    <p>កិច្ចព្រមព្រៀងនេះ ធ្វើឡើងជាភាសាខ្មែរមានចំនួន ០៣ច្បាប់ដើម មានតម្លៃស្មើគ្នា៖</p>
                                </div>

                                <div class="d-flex justify-content-center">
                                    <div>
                                        <p><strong>-</strong>	<strong>ភាគី “ក”</strong> ចំនួន.......................................................១ច្បាប់។</p>
                                        <p><strong>-</strong>	<strong>ភាគី “ខ”</strong> ចំនួន.......................................................១ច្បាប់។</p>
                                        <p><strong>-</strong>	មេធាវី     ចំនួន.......................................................១ច្បាប់។</p>
                                    </div>
                                </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-purchase-sale-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>
