From df3e60e3b094d9048ce57394cdbd46529439ae63 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Thu, 25 Nov 2021 16:47:02 +0800
Subject: [PATCH] update CustomerProfileComponent add details of last payment
 date, last payment amount, and created date

---
 .../elements/CustomerProfileComponent.vue     | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/companies/elements/CustomerProfileComponent.vue b/resources/assets/vue/components/companies/elements/CustomerProfileComponent.vue
index f97f7916..6225a43e 100644
--- a/resources/assets/vue/components/companies/elements/CustomerProfileComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CustomerProfileComponent.vue
@@ -38,7 +38,7 @@
                                 <i class="fa fa-circle text-success m-r-5" :class="[{'text-success': item.status === 2}, {'text-danger-darker': item.status === 5}, {'text-danger': item.status !== 2 || item.status !== 5}]"></i>{{item.status === 2 ? 'Active' : item.status === 5 ? 'Suspended' : 'Inactive'}}
                             </div>
                         </div>
-                        <div class="col m-l-50">
+                        <div class="col-auto m-l-50">
                             <div class="row align-items-center parentContainer">
                                 <div class="col-auto padding-5 b-a b-grey b-rad-lg pointer requestModal" data-type="assignSegment">
                                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -64,6 +64,23 @@
                                 </modal-component>
                             </div>
                         </div>
+                        <div class="col m-l-50">
+                            <div class="row">
+                                <div class="col">
+                                    <p class="m-b-0 fs-11 muted bold"><b>Last Payment: </b>{{item.last_payment}}</p>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <p class="m-b-0 fs-11 muted bold"><b>Payment Amount: </b>MYR {{(Math.round((item.total_payments + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</p>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <p class="m-b-0 fs-11 muted bold"><b>Created at: </b>{{item.created_at}}</p>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>