Office driver api get data works

src/pages/delivery/create.vue

@@ -163,6 +163,18 @@
           </div>
 
 
+          <div class="flex-1 mb-4">
+            <label class="block text-white text-sm font-bold mb-2">Delivery Driver </label>
+            <select class="select select-bordered w-full max-w-xs" aria-label="Default select example" id="customer_state"
+              v-model="CreateOilOrderForm.basicInfo.driver_driver">
+              <option class="text-white" v-for="(driver, index) in truckDriversList" :key="index" :value="driver['id']">
+                  {{ driver['employee_first_name'] }}  {{ driver['employee_last_name'] }}
+              </option>
+            </select>
+
+          </div>
+
+
           <div class="col-span-12 md:col-span-12 flex mt-5 mb-5">
             <button
                 class="btn">
@@ -179,15 +191,15 @@
 
 
 <script lang="ts">
-import {defineComponent} from 'vue'
+import { defineComponent } from 'vue'
 import axios from 'axios'
 import authHeader from '../../services/auth.header'
 import Header from '../../layouts/headers/headerauth.vue'
 import SideBar from '../../layouts/sidebar/sidebar.vue'
 import Footer from '../../layouts/footers/footer.vue'
 import useValidate from "@vuelidate/core";
-import {notify} from "@kyvg/vue3-notification"
-import {minLength, required} from "@vuelidate/validators";
+import { notify } from "@kyvg/vue3-notification"
+import { minLength, required } from "@vuelidate/validators";
 
 export default defineComponent({
   name: 'deliveryCreate',
@@ -203,7 +215,7 @@ export default defineComponent({
       v$: useValidate(),
       user: null,
       userCards: [],
-
+      truckDriversList: [],
       CreateOilOrderForm: {
         basicInfo: {
           gallons_ordered: '',
@@ -216,6 +228,7 @@ export default defineComponent({
           credit: false,
           cash: false,
           credit_card_id: 0,
+          driver_driver: '',
         },
       },
         customer: {
@@ -248,6 +261,7 @@ export default defineComponent({
   },
   created() {
     this.userStatus()
+      this.getDriversList()
   },
   watch: {
     $route() {
@@ -322,6 +336,8 @@ export default defineComponent({
       expected_delivery_date: string;
       dispatcher_notes_taken: string;
       credit_card_id: any;
+      driver_employee_id: string,
+
     }) {
       let path = import.meta.env.VITE_BASE_URL + "/delivery/create/" + this.customer.id;
       axios({
@@ -353,11 +369,26 @@ export default defineComponent({
         cash: this.CreateOilOrderForm.basicInfo.cash,
         credit: this.CreateOilOrderForm.basicInfo.credit,
         credit_card_id: this.CreateOilOrderForm.basicInfo.userCards,
+        driver_employee_id: this.CreateOilOrderForm.basicInfo.driver_driver,
       };
       this.CreateOilOrder(payload);
     },
 
 
+    getDriversList() {
+      let path = import.meta.env.VITE_BASE_URL + "/employee/drivers";
+      axios({
+        method: "get",
+        url: path,
+        withCredentials: true,
+         headers: authHeader(),
+      })
+          .then((response: any) => {
+            this.truckDriversList = response.data;
+          })
+          .catch(() => {
+          });
+    },
 
   },
 })