From 4db0fb9f29fb6621c24cb95e7fafdb48cbf1b813 Mon Sep 17 00:00:00 2001
From: JiaSheng <jiasheng224@gmail.com>
Date: Sat, 5 Aug 2023 18:14:45 +0800
Subject: [PATCH] customer profile edit module

---
 .../ValueObjects/Constants/BusinessType.php   |   7 ++
 .../elements/CompanyDetailsComponent.vue      |   8 ++
 .../EditCustomerProfileInfoFormComponent.vue  | 106 ++++++++++++++++++
 3 files changed, 121 insertions(+)
 create mode 100644 resources/assets/vue/components/companies/forms/EditCustomerProfileInfoFormComponent.vue

diff --git a/app/Classes/ValueObjects/Constants/BusinessType.php b/app/Classes/ValueObjects/Constants/BusinessType.php
index 831568e9..8cd4aa7c 100644
--- a/app/Classes/ValueObjects/Constants/BusinessType.php
+++ b/app/Classes/ValueObjects/Constants/BusinessType.php
@@ -12,4 +12,11 @@ final class BusinessType {
 
     public const TRANSFER_AGENT = 4;
 
+    public const BUSINESS_TYPE_LIST = [
+        self::FREIGHT_FORWARDER => 'FREIGHT_FORWARDER',
+        self::IMPORTER => 'IMPORTER',
+        self::CURRENCY_VENDOR => 'CURRENCY_VENDOR',
+        self::TRANSFER_AGENT => 'TRANSFER_AGENT',
+    ];
+
 }
diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 39eed578..2d07c2ca 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -38,6 +38,11 @@
                     </div>
                 </div>
             </div>
+            <div class="col-12 p-0 p-b-5">
+                <div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15 requestModal" data-type="editProfileInfo">
+                    <i class="fa fa-pencil m-r-10"></i>Edit Profile Info
+                </div>
+            </div>
             <div class="col-12 p-0">
                 <label class="muted m-b-0" :style="minWidth">Address&nbsp;</label>
             </div>
@@ -61,6 +66,9 @@
         <modal-component id="deleteAddressModal">
             <address-modal-component section="deleteAddressModal" :address_id="this.address_id"></address-modal-component>
         </modal-component>
+        <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="editProfileInfo">
+            <edit-customer-profile-info-form-component :data="this.company_details" section="editCustomerProfileModal" v-if="this.company_details.id"></edit-customer-profile-info-form-component>
+        </modal-component>
 
     </div>
 </template>
diff --git a/resources/assets/vue/components/companies/forms/EditCustomerProfileInfoFormComponent.vue b/resources/assets/vue/components/companies/forms/EditCustomerProfileInfoFormComponent.vue
new file mode 100644
index 00000000..21eb294a
--- /dev/null
+++ b/resources/assets/vue/components/companies/forms/EditCustomerProfileInfoFormComponent.vue
@@ -0,0 +1,106 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <h3 class="all-caps m-b-5 bold no-margin">Edit Customer Profile</h3>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.business_type">
+                                <label>Business Type</label>
+                                <input type="text" class="form-control" v-model="parameters.business_type">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.email">
+                                <label>Email</label>
+                                <input type="text" class="form-control" v-model="parameters.email">
+                            </validation-wrapper-component>
+                        </div>
+                    </div> 
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.contact_email">
+                                <label>Contact Email</label>
+                                <input type="text" class="form-control" v-model="parameters.contact_email">
+                            </validation-wrapper-component>
+                        </div>
+                    </div> 
+                    <div class="row m-b-10">
+                        <div class="col">
+                            <validation-wrapper-component :validator="$v.parameters.phone">
+                                <label>Phone</label>
+                                <input type="text" class="form-control" v-model="parameters.phone">
+                            </validation-wrapper-component>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col p-r-5">
+                            <div class="btn btn-sm btn-default bg-master-lightest btn-block b-rad-none" data-dismiss="modal">Cancel</div>
+                        </div>
+                        <div class="col p-l-5">
+                            <div class="btn btn-sm btn-success btn-block b-rad-none" @click="submitForm()">Update</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import modalFormHandler from "../../../general/mixins/modalFormHandler";
+    import { required } from "vuelidate/lib/validators";
+    export default {
+        props: {
+            data: {
+                type: Object,
+                default: null
+            }
+        },
+        created() {
+            if(this.data){
+                this.parameters.business_type = this.data.business_type;
+                this.parameters.email = this.data.employee ? this.data.employee.email : "";
+                this.parameters.contact_email = this.data.contact ? this.data.contact.email : "";
+                this.parameters.phone = this.data.contact ? this.data.contact.phone : "";
+            }
+        },
+        data(){
+            return {
+                parameters: {
+                    business_type: "",
+                    email: "",
+                    contact_email: "",
+                    phone: "",
+                }
+            }
+        },
+        validations: {
+            parameters: {
+                business_type: {
+                    required,
+                },
+                email: {
+                    required,
+                },
+                contact_email: {
+                    required,
+                },
+                phone: {
+                    required,
+                },
+            }
+        },
+        methods: {
+            submitForm(){
+                this.submit(route('api.company.update', this.data.id), 'put', '', false, false);
+            },
+        },
+    }
+</script>
\ No newline at end of file