Update Change of ownership for timeshare

src/components/admin/status/editTimeShareAdminPage.vue

             <div class="section-header" style="margin-top:50px">
               <h2>Detailed Individual Information</h2>
             </div>
+
             <div class="form">
+              <div v-if="ROLE === 'Super Admin'" class="row mb-4">
+                <div class="col">
+                  <float-label label="SELECT OWNER" fixed>
+                    <select
+                      v-model="weekParam.ownerId"
+                      class="form-control uniSelect mt-3"
+                      @change="updateCurrentUser()"
+                    >
+                      <option v-for="indiv in individuals" :key="indiv.id" :value="indiv.id">{{
+                        indiv.fullName
+                      }}</option>
+                    </select>
+                  </float-label>
+                </div>
+              </div>
               <div class="row">
                 <div class="form-group col-md-6">
                   <float-label>
                     <input
                       type="text"
                       name="name"
+                      disabled
                       class="form-control"
                       id="name"
                       placeholder="Name"
                   <float-label>
                     <input
                       type="text"
+                      disabled
                       class="form-control"
                       name="surname"
                       id="surname"
                   <float-label>
                     <input
                       type="text"
+                      disabled
                       name="idnum"
                       class="form-control"
                       id="idnum"
                   <float-label>
                     <input
                       type="text"
+                      disabled
                       class="form-control"
                       name="company"
                       id="company"
                   <float-label>
                     <input
                       type="text"
+                      disabled
                       class="form-control"
                       name="email"
                       id="email"
                   <float-label>
                     <input
                       type="text"
+                      disabled
                       name="cell"
                       class="form-control"
                       id="cell"
                   <float-label>
                     <input
                       type="text"
+                      disabled
                       class="form-control"
                       name="landline"
                       id="landline"
       dateParam: {},
       depDateParam: {},
       pubDateParam: {},
-      boolAwaitingPayment: false
+      boolAwaitingPayment: false,
+      selectedUser: ""
     };
   },
   components: {
   },
   created() {
     this.initTimeshare(this.weekId);
+    this.getIndividuals();
   },
   computed: {
     ...mapState("timeshare", [
       person: "authentication/getPerson"
     }),
     ...mapState("bank", ["banks"]),
+    ...mapState("register", ["individuals", "removeIndividual"]),
     ...mapGetters("fees", ["getListingFee"]),
     refAgent() {
       return this.sellItem && this.sellItem.referedByAgent;
     ...mapActions("bank", ["getBanks"]),
     ...mapActions("myWeeks", ["getItems", "getWeek", "editSave"]),
     ...mapActions("status", ["getStatusList"]),
+    ...mapActions("register", ["getIndividuals", "deleteIndividual"]),
     newSale() {
       this.weekId = 0;
       this.getBlankWeek();
     },
+    updateCurrentUser() {
+      this.individuals.forEach(indiv => {
+        if (this.weekParam.ownerId === indiv.id) {
+          console.log(indiv);
+          this.week.owner.name = indiv.name;
+          this.week.owner.surname = indiv.surname;
+          this.week.owner.idNumer = indiv.idNumber;
+          this.week.owner.companyRegNumber = indiv.companyRegNumber;
+          this.week.owner.emailAddress = indiv.email;
+          this.week.owner.cellNumber = indiv.cellNumber;
+          this.week.owner.landlineNumber = indiv.telephone;
+          console.log(this.week.owner);
+        }
+      });
+    },
     saveEdit() {
       this.regions.forEach(region => {
         if (region.regionCode === this.selectedRegion) {
         }
       });
       if (this.week.owner.cellNumber === "") {
-        this.week.owner.cellNumber = "0000000000";
+        delete this.week.owner.cellNumber;
       }
       if (this.week.owner.telephone === "") {
-        this.week.owner.telephone = "0000000000";
+        delete this.week.owner.telephone;
       }
       this.weekParam.arrivalDate = new Date(this.dateParam).toISOString().substring(0, 10);
       this.weekParam.departureDate = new Date(this.depDateParam).toISOString().substring(0, 10);