Added checks and updated ticket

src/pages/delivery/viewstatus/todaysdeliveries.vue

@@ -20,12 +20,12 @@
 
       </div>
 
-      <div class="overflow-x-auto bg-neutral">
+      <div class="overflow-x-auto">
         <table class="table">
           <!-- head -->
-          <thead>
+          <thead class=" bg-neutral">
             <tr>
-              <th>Delivery Id</th>
+              <th>Id</th>
               <th>Name</th>
               <th>Status</th>
               <th>Town</th>
@@ -36,13 +36,14 @@
               <th>Prime</th>
               <th>Same Day</th>
               <th>Payment</th>
+              <th></th>
             </tr>
           </thead>
-          <tbody>
+          <tbody class="bg-neutral">
             <!-- row 1 -->
 
             <tr v-for="oil in deliveries" :key="oil['id']">
-
+           
               <td>{{ oil['id'] }} </td>
               <router-link :to="{ name: 'customerProfile', params: { id: oil['customer_id'] } }">
                 <td>
@@ -56,7 +57,7 @@
                 <div v-else-if="oil['delivery_status'] == 3">Cancelled</div>
                 <div v-else-if="oil['delivery_status'] == 4">Partial Delivery</div>
                 <div v-else-if="oil['delivery_status'] == 5">Issue</div>
-                <div v-else-if="oil['delivery_status'] == 10">Finalized</div>
+                <div v-else-if="oil['delivery_status'] == 10" class="bg-green-600">Finalized</div>
                 <div v-else></div>
               </td>
 
@@ -90,7 +91,10 @@
                 <div v-else></div>
 
               </td>
-              <td class="flex gap-5">
+              <td class="flex gap-2">
+                <router-link :to="{ name: 'finalizeTicket', params: { id: oil['id'] } }">
+                    <button class="btn btn-accent btn-sm">Finalize</button>
+                  </router-link>
                 <router-link :to="{ name: 'deliveryOrder', params: { id: oil['id'] } }">
                   <button class="btn btn-accent btn-sm">View</button>
                 </router-link>