Added Agent To edit timeshare

src/components/admin/status/editTimeShareAdminPage.vue

             <div class="section-header">
               <h2>Week Information</h2>
             </div>
+            {{ weekParam }}
             <div align="left" class="custom-control custom-switch mb-2">
               <div class="row">
                 <div align="center" class="col"></div>
                       id="season"
                       v-model="selectedSeason"
                     >
-                      <option v-for="(season, r) in seasons" :key="r">{{ season.name }}</option>
+                      <option :value="season.name" v-for="(season, r) in seasons" :key="r">{{
+                        season.name
+                      }}</option>
                     </select>
                   </float-label>
 
             <div class="section-header" style="margin-top:50px">
               <h2>Week Agent</h2>
             </div>
+            <div class="row">
+              <div class="col-md-6">
+                <label for="Name of Agency">Agency</label>
+                <select
+                  class="form-control uniSelect"
+                  id="Agency"
+                  name="agency"
+                  v-model="weekParam.agencyId"
+                >
+                  <option v-for="(item, i) in agencies" :key="i" :value="item.id">{{
+                    item.agencyName
+                  }}</option>
+                </select>
+              </div>
+              <div class="col-md-6">
+                <label for="Name of Agent">Agent</label>
+                <select
+                  class="form-control uniSelect"
+                  id="agent"
+                  name="agent"
+                  v-model="weekParam.agentId"
+                  :disabled="!weekParam.agencyId"
+                >
+                  <option v-for="(item, i) in displayNotDeletedAgents" :key="i" :value="item.id">
+                    <div>{{ item.name + " " + item.surname }}</div>
+                  </option>
+                </select>
+              </div>
+            </div>
             <div v-if="!boolAwaitingPayment">
               <div class="section-header">
                 <h2>Publish Timeshare Week</h2>
     },
     isLoggedIn() {
       return this.user && this.person;
+    },
+    displayNotDeletedAgents() {
+      var notDeletedArr = [];
+      this.agents.forEach(agent => {
+        if (!agent.isDeleted) {
+          if (agent.agencyId === this.weekParam.agencyId) {
+            notDeletedArr.push(agent);
+          }
+        }
+      });
+      return notDeletedArr;
     }
   },
   methods: {
           this.weekParam.resortName = resort.resortName;
         }
       });
-      this.seasons.forEach(season => {
-        if (season.name === this.selectedSeason.name) {
-          this.weekParam.season = season.name;
-        }
-      });
+      console.log(this.selectedSeason);
+      this.weekParam.season = this.selectedSeason;
+
       this.resortBedrooms.forEach(bedroom => {
         if (bedroom === this.selectedBedrooms) {
           this.weekParam.bedroom = bedroom;
       if (this.pubDateParam) {
         this.weekParam.pulbishedDate = new Date(this.pubDateParam).toISOString().substring(0, 19);
       }
-
-      //this.weekParam.regionId = this.weekParam.region.id;
-      this.weekParam.agentId = this.week.agentId;
-      //this.weekParam.bankedWith = this.week.bankedWith;
       this.weekParam.owner = this.week.owner;
       this.weekParam.askingPrice = this.week.askingPrice;
       this.weekParam.module = this.week.module;