Timeshare sell pages

src/components/timeshare/sell/sellPage.vue

             </div>
             <div class="col-md-4" v-if="refAgent">
               <label for="Name of Agency">Agency</label>
-              <select class="form-control" id="Agency" name="agency" v-model="sellItem.agency">
-                <option v-for="(item, i) in agencies" :key="i">{{item.agencyName}}</option>
+              <select class="form-control" id="Agency" name="agency" v-model="sellItem.agencyId">
+                <option v-for="(item, i) in agencies" :key="i" :value="item.id">{{item.agencyName}}</option>
               </select>
             </div>
             <div class="col-md-4" v-if="refAgent">
               <label for="Name of Agent">Agent</label>
-              <select class="form-control" id="agent" name="agent" v-model="sellItem.agent">
-                <option v-for="(item, i) in agents" :key="i">{{item.name}}</option>
+              <select class="form-control" id="agent" name="agent" v-model="sellItem.agentId">
+                <option
+                  v-for="(item, i) in agents"
+                  :key="i"
+                  :value="item.id"
+                >{{item.name + ' ' + item.surname}}</option>
               </select>
             </div>
           </div>
                 </div>
               </div>
             </div>
-            <div class="col-md-6">
-              <label
-                for="If yes, please confirm with whom"
-                v-if="sellItem.currentYearBanked"
-              >Please confirm with whom</label>
-              <select
-                class="form-control"
-                name="spacebankOwner"
-                v-if="sellItem.currentYearBanked"
-                v-model="sellItem.bankedWith"
-              >
-                <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
-              </select>
-            </div>
+
             <DetailIndividual :owner="sellItem.owner" />
             <hr />
-            <Address :address="sellItem.owner" />
+            <Address :address="sellItem.owner.address" />
             <hr />
             <BankDetails :bankingDetails="sellItem.owner.bankingDetails" />
             <hr />
 
           <button type="submit" class="btn btn-b-n btn-lg">Submit</button>
 
+          <hr />
+          {{sellItem}}
           <hr />
 
           <p>* A listing fee of R380 including VAT is payable to list your timeshare week/module on the Uni-Vate website</p>

src/store/modules/timeshare/timeshare.js

     maritalStatus: MaritalStatus,
     sellItem: {
       referedByAgent: false,
-      agent: undefined,
-      agency: undefined,
+      agentId: undefined,
+      agencyId: undefined,
       otherResort: false,
       otherResortName: undefined,
       resort: undefined,
-      region: undefined,
+      regionId: undefined,
       season: undefined,
       module: undefined,
       unitNumber: undefined,