changes untested

src/pages/delivery/view.vue

@@ -32,6 +32,9 @@
             </div>
             <div class="col-span-6 bg-neutral p-5">
               <div class="grid grid-cols-12">
+                <div class="col-span-12 font-bold flex mb-10 ">
+                {{ customer.account_number }}
+                </div>
                 <div class="col-span-12 font-bold flex">
                   {{ customer.customer_first_name }}
                   {{ customer.customer_last_name }}
@@ -114,10 +117,10 @@
             When Called
           </div>
           <div class="col-span-12 ">
-            {{ deliveryOrder.when_ordered }}
+            {{ format_date(deliveryOrder.when_ordered) }}
           </div>
           <div class="col-span-12 font-bold mt-10">
-            Driver Name
+            <!-- Driver Name -->
           </div>
           <div class="col-span-12 ">
             {{ deliveryOrder.driver_first_name }} {{ deliveryOrder.driver_last_name }}
@@ -245,7 +248,7 @@ 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 moment from 'moment';
 
 export default defineComponent({
   name: 'deliveryOrder',
@@ -280,6 +283,7 @@ export default defineComponent({
       },
 
       customer: {
+        account_number: '',
         id: 0,
         user_id: 0,
         customer_first_name: '',
@@ -349,6 +353,12 @@ export default defineComponent({
   },
 
   methods: {
+    format_date(value: string){
+         if (value) {
+           return moment(String(value)).format('LLLL')
+          }
+      },
+
     userStatus() {
       let path = import.meta.env.VITE_BASE_URL + '/auth/whoami';
       axios({