Updated forms

src/pages/delivery/edit.vue

@@ -17,7 +17,8 @@
       </div>
 
 
-      <div class="grid grid-cols-1 rounded-md p-6 ">
+      <div class="grid grid-cols-2 rounded-md p-6 ">
+        <div class="col-span-1">
         <div class="text-2xl border-b border-gray-500 mb-10">
           Edit Oil Delivery
         </div>
@@ -38,6 +39,7 @@
                   {{ customer.customer_first_name }}
                   {{ customer.customer_last_name }}
                 </div>
+                <div class="col-span-12 flex">{{customer.customer_address}}</div>
                 <div class="col-span-12 flex">
                   <div class="pr-2">
                     {{ customer.customer_town }},
@@ -78,9 +80,9 @@
         </div>
 
 
-        <div class="grid grid-cols-1" v-if="deliveryOrder.payment_type == 1">
-          <div class="flex ">
-            <div class="basis-1/3 p-2 ">
+        <div class="grid grid-cols-1 " v-if="deliveryOrder.payment_type == 1">
+        
+            <div class=" p-2 ">
               <div class="rounded-md border-2 bg-neutral">
                 <div class="flex p-3">
                   {{ userCard.type_of_card }}
@@ -94,8 +96,11 @@
                 <div class="flex p-1 pl-4">
                   {{ userCard.expiration_month }}/ {{ userCard.expiration_year }}
                 </div>
+                <div class="flex p-1 pl-4">
+                  {{ userCard.security_number }}
+                </div>
+      
               </div>
-            </div>
           </div>
         </div>
 
@@ -122,8 +127,8 @@
             {{ deliveryOrder.customer_price }}
           </div>
         </div>
-
-
+      </div>
+      <div class="col-span-1">
         <form class="rounded-md px-8 pb-8 mb-4 w-full" enctype="multipart/form-data" @submit.prevent="onSubmit">
           <div class="col-span-12 md:col-span-4 mb-5 md:mb-0 gap-10">
             <label class="block text-white text-sm font-bold cursor-pointer label">Cash</label>
@@ -165,6 +170,14 @@
             </div>
           </div>
 
+
+
+
+
+
+
+
+
           <div class="flex-1 mb-4">
             <label class="block text-white text-sm font-bold mb-2">Delivery Status</label>
             <select class="select select-bordered select-sm w-full max-w-xs" aria-label="Default select example"
@@ -255,11 +268,12 @@
 
           <div class="col-span-12 md:col-span-12 flex mt-5 mb-5">
             <button class="btn btn-accent btn-sm">
-              Submit Edit Oil Delivery
+              Save Changes
             </button>
           </div>
         </form>
       </div>
+      </div>
     </div>
   </div>
   <Footer />
@@ -312,6 +326,7 @@ export default defineComponent({
         id: 0,
         user_id: 0,
         customer_first_name: '',
+        customer_address: '',
         customer_last_name: '',
         customer_town: '',
         customer_state: 0,