fix

src/abstraction/resources/programResource.js

@@ -7,6 +7,7 @@ export const getJson = (data) => ({
     trainer_id: data.trainer_id,
     sport_category: data.trainer ? getJsonSportCategory(data.trainer) : {},
     sport_category_id: data.sport_category_id,
+    workout_category_id: data.workout_category?.id,
     thumbnail: data.thumbnail,
     verified: data.verified,
     status: data.status,
@@ -21,6 +22,7 @@ export const getJson = (data) => ({
 });
 export const setData = (data) => ({
     sport_category_id: data.sport_category_id,
+    workout_category_id: data.workout_category_id,
     title: data.title,
     description: data.description,
     tags: data.tags,

src/components/Programs/Add.vue

@@ -36,6 +36,18 @@
                     label="program category"
                     :items="getSportCategories"
                     v-model="form.sport_category_id"
+                    @change="changeSportCategories"
+                  ></v-autocomplete>
+                </v-col>
+                <v-col cols="4">
+                  <v-autocomplete
+                    dark
+                    class="mt-0 pt-0"
+                    item-text="name"
+                    item-value="id"
+                    label="workout subcategory"
+                    :items="getWorkoutCategories"
+                    v-model="form.workout_category_id"
                   ></v-autocomplete>
                 </v-col>
                 <v-col cols="3"
@@ -161,6 +173,7 @@ export default {
   },
   computed: {
     ...mapGetters("sportCategories", ["getSportCategories"]),
+    ...mapGetters("workoutCategories", ["getWorkoutCategories"]),
     ...mapGetters("programs", ["getProgram"]),
     programId() {
       return this.$route.params.id;
@@ -174,6 +187,7 @@ export default {
   },
   methods: {
     ...mapActions("sportCategories", ["loadSportCategories"]),
+    ...mapActions("workoutCategories", ["loadWorkoutCategories"]),
     ...mapActions("programs", ["addProgram", "updateProgram", "loadProgram"]),
     async submit() {
       try {
@@ -203,6 +217,10 @@ export default {
       this.form = this.getProgram;
       this.form["batch_id"] = RANDOM_TOKEN;
       // this.perviousCropData = this.fileForm.crop_data;
+      await this.loadWorkoutCategories(this.form.sport_category_id);
+    },
+    async changeSportCategories() {
+      await this.loadWorkoutCategories(this.form.sport_category_id);
     },
     removeTags(item) {
       this.form.tags.splice(this.form.tags.indexOf(item), 1);