update

resources/js/vue/views/MedicalCenter/AddEdit.vue

@@ -12,6 +12,33 @@
               :rules="[rules.required, rules.counter]"
             ></v-text-field>
           </v-flex>
+          <v-flex xs12 md3 xs3>
+              <v-combobox
+                :items="cities"
+                item-text="name_en"
+                item-value="id"
+                v-model="medicalCenter.city_id"
+                label="Select City"
+              ></v-combobox>
+          </v-flex>
+          <v-flex xs12 md3 xs3>
+            <v-text-field
+              v-model="medicalCenter.address"
+              label="Address"
+              color="black"
+              class="pa-2"
+              :rules="[rules.required]"
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 md3 xs3>
+            <v-text-field
+              v-model="medicalCenter.phone_number"
+              label="Phone Number"
+              color="black"
+              class="pa-2"
+              :rules="[rules.required]"
+            ></v-text-field>
+          </v-flex>
         </v-layout>
         <v-layout row wrap align-center justify-center class="mt-3">
           <v-btn class="WM-CyanBlueGradient-BG" @click="AddMedicalCenter" style="padding:10px 60px">
@@ -42,18 +69,23 @@ export default {
   data() {
     return {
       medicalCenter: {
-        name: ""
+        name: "",
+        address : "",
+        city_id : "",
+        phone_number : ""
       },
       rules: {
         required: value => !!value || "Required.",
         counter: value => value.length <= 30 || "Max 30 characters"
-      }
+    },
+    cities : []
     };
   },
   created() {
     if (this.$route.params.medicalCenter) {
       this.load(this.$route.params.medicalCenter);
-    }
+      }
+      this.loadCities();
   },
   methods: {
     async load(id) {
@@ -62,6 +94,12 @@ export default {
         this.medicalCenter = result.data.data;
       }
     },
+    async loadCities() {
+        const result = await ApiService.get(urls.allCities);
+        if (result.status == 200) {
+            this.cities = result.data.data;
+        }
+    },
     async AddMedicalCenter() {
       if (this.$refs.form.validate()) {
         if (this.$route.params.medicalCenter) {