added print button and finalize

src/pages/automatic/home.vue

@@ -29,6 +29,7 @@
             <!-- head -->
             <thead>
             <tr>
+              <th>Ticket ID</th>
               <th>Due Date</th>
               <th>Status</th>
               <th>Town</th>
@@ -41,6 +42,7 @@
             <tbody>
             <!-- row 1 -->
             <tr v-for="oil in deliveries" :key="oil['id']">
+              <td>{{ oil['id'] }}</td>
               <td>
                 <div v-if="oil['delivery_status'] == 0">Waiting</div>
                 <div v-else-if="oil['delivery_status'] == 1">delivered</div>
@@ -61,16 +63,13 @@
               <td>
                 {{ oil['expected_delivery_date'] }}
               </td>
-
               <td>
                 <div v-if="oil['automatic'] == 0">No</div>
                 <div v-else>Yes</div>
               </td>
-
-
               <td class="flex gap-5">
                 <router-link :to="{ name: 'deliveryEdit', params: { id: oil['id'] } }">
-                  <button class="btn">Edit</button>
+                  <button class="btn btn-accent">Edit</button>
                 </router-link>
               </td>
             </tr>