added promo. fixed bugs

src/pages/delivery/create.vue

@@ -123,6 +123,16 @@
                 <input v-model="CreateOilOrderForm.basicInfo.other" class="checkbox checkbox-xs" id="Other"
                   type="checkbox" />
               </div>
+              <div class="flex-1 mb-4">
+                <label class="block text-white text-sm font-bold mb-2">Select a Promo</label>
+                <select class="select select-bordered select-sm w-full max-w-xs" aria-label="Default select example"
+                  id="userCards" v-model="CreateOilOrderForm.basicInfo.promos">
+                  <option class="text-white" v-for="(promo, index) in promos" :key="index" :value="promo['id']">
+                    {{ promo['name_of_promotion'] }} {{ promo['money_off_delivery'] }}
+                  </option>
+                </select>
+              </div>
+
 
               <div class="col-span-12 md:col-span-12 flex mt-5 mb-5">
                 <button class="btn btn-sm btn-accent">
@@ -257,6 +267,7 @@ export default defineComponent({
       user: null,
       checked: false,
       userCards: [],
+      promos: [],
       truckDriversList: [],
       CreateOilOrderForm: {
         basicInfo: {
@@ -267,12 +278,14 @@ export default defineComponent({
           prime: false,
           emergency: false,
           userCards: [],
+          promos: [],
           same_day: false,
           credit: false,
           cash: false,
           check: false,
           other: false,
           credit_card_id: 0,
+          promo_id: 0,
           driver_driver: '',
         },
       },
@@ -308,6 +321,7 @@ export default defineComponent({
   created() {
     this.userStatus()
     this.getDriversList()
+    this.getPromos()
   },
   watch: {
     $route() {
@@ -318,6 +332,7 @@ export default defineComponent({
   },
   mounted() {
     this.getCustomer(this.$route.params.id)
+    
     this.getPaymentCards(this.$route.params.id);
     this.getCustomerDelivery(this.$route.params.id)
   },
@@ -383,7 +398,19 @@ export default defineComponent({
         .catch(() => {
         });
     },
-
+    getPromos() {
+      let path = import.meta.env.VITE_BASE_URL + "/promo/all" ;
+      axios({
+        method: "get",
+        url: path,
+        withCredentials: true,
+      })
+        .then((response: any) => {
+          this.promos = response.data;
+        })
+        .catch(() => {
+        });
+    },
     getDriversList() {
       let path = import.meta.env.VITE_BASE_URL + "/employee/drivers";
       axios({
@@ -411,6 +438,7 @@ export default defineComponent({
       expected_delivery_date: string;
       dispatcher_notes_taken: string;
       credit_card_id: any;
+      promo_id: any;
       driver_employee_id: string,
 
     }) {
@@ -446,6 +474,7 @@ export default defineComponent({
         check: this.CreateOilOrderForm.basicInfo.check,
         other: this.CreateOilOrderForm.basicInfo.other,
         credit_card_id: this.CreateOilOrderForm.basicInfo.userCards,
+        promo_id: this.CreateOilOrderForm.basicInfo.promos,
         driver_employee_id: this.CreateOilOrderForm.basicInfo.driver_driver,
       };
       let pass = 0;