From 302355521a94b95ecfa6aeb995f43f7dc1b0823c Mon Sep 17 00:00:00 2001
From: Fairuz <fairuz.tester@gmail.com>
Date: Thu, 27 May 2021 15:20:36 +0800
Subject: [PATCH] Update admin view customer profile

---
 .../elements/CompanyDetailsComponent.vue      |  9 +++---
 .../CustomerProfileSectionComponent.vue       | 32 +++++++++++++++++--
 2 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 3fc57ff1..34aba5a5 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -1,9 +1,5 @@
 <template>
     <div class="row align-items-center m-b-10 parentContainer">
-        <div class="container p-0 m-0" @click="backToCompanyList()">
-            <i class="fa fa-arrow-left fs-11 align-middle"></i>
-            <span class="fs-11 m-0 align-middle pl-2 text-uppercase">Back to list</span>
-        </div>
         <div class="row w-100 m-0 p-0">
             <div class="col-auto p-0 pt-2 m-b-10" :style="minWidth">
                 <div class="h5 m-0">{{this.company_details.name ? this.company_details.name : ""}}</div>
@@ -57,7 +53,12 @@
             }
         },
         watch: {
+            company: function(newVal, oldVal) {
+                console.log(newVal);
+            },
             company_details: function(newVal, oldVal) {
+                console.log(newVal);
+
                 if(newVal !== null) {
 
                     let approved  = 0, completed  = 0, rejected  = 0, expired  = 0, pending = 0;
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index 54a6b6d6..9409f821 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -55,7 +55,7 @@
                                                 </div>
                                                 <div class="col">
                                                     <div class="row fs-12 text-center">
-                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="transfers">
+                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="credit">
                                                             <div class="row justify-content-center">
                                                                 <div class="col-auto">
                                                                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -78,7 +78,7 @@
                                             <div class="row justify-content-end">
                                                 <div class="col-6">
                                                     <div class="row fs-12 text-center">
-                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="transfers">
+                                                        <div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="profile">
                                                             <div class="row justify-content-center">
                                                                 <div class="col-auto">
                                                                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -151,6 +151,32 @@
                                                     </div>
                                                 </div>
                                             </div>
+                                            <div class="row tabsContainer hide tabContent" tab-name="credit">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <div class="row">
+                                                                <div class="col">
+                                                                    wonderful!!
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row tabsContainer hide tabContent" tab-name="profile">
+                                                <div class="col">
+                                                    <div class="row">
+                                                        <div class="col">
+                                                            <div class="row">
+                                                                <div class="col">
+                                                                    <company-details-component :company_details="company" section="customerProfileSection"></company-details-component>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -170,7 +196,7 @@
     export default {
         props: {
             id: {
-                type: Number,
+                type: String,
                 required: true
             }
         },