changes untested

src/layouts/headers/headerauth.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="navbar bg-base-100">
+  <div class="navbar bg-primary">
     <div class="basis-1/4 md:basis-1/4">
       <router-link :to="{ name: 'home' }">
         Auburn Oil
@@ -12,12 +12,12 @@
 
     <div class="basis-1/2 md:basis-1/4 justify-end gap-5">
       <router-link :to="{ name: 'customerCreate' }">
-        <button class="btn">Create Customer</button>
+        <button class="btn btn-accent">Create Customer</button>
       </router-link>
 
       <div v-if="employee.id">
         <router-link :to="{ name: 'employeeProfile', params: { id: employee.id } }">
-          <button class="btn">{{ user.user_name }}</button>
+          <button class="btn btn-accent">{{ user.user_name }}</button>
         </router-link>
       </div>
     </div>
@@ -72,19 +72,18 @@ export default defineComponent({
         employee_state: '',
       },
       loaded: false,
-      searchTerm: '',
+      searchTerm: "",
       customers: [],
       type_of_search: 0,
     };
   },
   watch: {
-    searchTerm() {
+    searchTerm(this:any) {
       this.performSearch();
     },
   },
   methods: {
-    performSearch: debounce(async function () {
-      console.log(this.searchTerm)
+    performSearch: debounce(async function (this:any) {
       if (this.searchTerm === "") {
         this.customers = [];
         return;

src/layouts/headers/headernoauth.vue

@@ -12,10 +12,10 @@
 
     <div class="basis-1/2 md:basis-1/4 justify-end gap-5">
                 <router-link :to="{ name: 'login' }">
-                  <button class="btn">Login</button>
+                  <button class="btn btn-primary">Login</button>
                 </router-link>
                       <router-link :to="{ name: 'register' }">
-                  <button class="btn">Register</button>
+                  <button class="btn btn-primary">Register</button>
                 </router-link>
     </div>
   </div>

src/layouts/headers/search.vue

@@ -47,7 +47,6 @@ const getSearchUrl = () => {
 };
 
 const performSearch = debounce(async () => {
-  console.log("searching")
   if (searchTerm.value === "") {
     customers.value = [];
     return;

src/layouts/sidebar/sidebar.vue

@@ -8,14 +8,17 @@
     <div class="drawer-side">
       <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
 
-      <ul class="menu p-4 w-80 min-h-full bg-base-200 text-base-content">
+      <ul class="menu p-4 w-80 min-h-full bg-base-100 text-base-content">
 
         <!-- Sidebar content here -->
+        <li>
         <router-link :to="{ name: 'home' }">
           <div class=" hover:underline py-1 px-5 font-bold">Home</div>
         </router-link>
+         </li>
 
         <div class="font-bold text-lg text-gray-500 pt-5">Customer</div>
+        
         <li>
           <router-link :to="{ name: 'customer' }">
             <div class=" hover:underline py-1">All Customers</div>
@@ -24,38 +27,33 @@
             <div class=" hover:underline py-1">Create Customer</div>
           </router-link>
         </li>
-
         <div class="font-bold text-lg text-gray-500 pt-5">Delivery</div>
         <li>
-          <router-link :to="{ name: 'delivery' }">
-            <div class=" hover:underline py-1">Waiting Deliveries</div>
-          </router-link>
           <router-link :to="{ name: 'deliveryOutForDelivery' }">
-            <div class=" hover:underline py-1">Out for Delivery</div>
+            <div class=" hover:underline py-1">Todays Deliveries</div>
           </router-link>
-          <router-link :to="{ name: 'deliveryDelivered' }">
-            <div class=" hover:underline py-1">Delivered Tickets</div>
+          <router-link :to="{ name: 'deliveryTommorrow' }">
+            <div class=" hover:underline py-1">Tommorrow Deliveries</div>
           </router-link>
-         
-        </li>
-
-
-        <div class="font-bold text-lg text-gray-500 pt-5">Service</div>
-        <li>
-          <router-link :to="{ name: 'service' }">
-            <div class=" hover:underline py-1">Service</div>
+          <router-link :to="{ name: 'deliveryWaiting' }">
+            <div class=" hover:underline py-1">Waiting Deliverys</div>
+          </router-link>
+          <router-link :to="{ name: 'deliveryDelivered'}">
+            <div class=" hover:underline py-1">Delivered Payment </div>
+          </router-link>
+          <router-link :to="{ name: 'deliveryIssue' }">
+            <div class=" hover:underline py-1">Issue Tickets</div>
+          </router-link>
+          <router-link :to="{ name: 'deliveryFinalized' }">
+            <div class=" hover:underline py-1">Finished Tickets</div>
           </router-link>
         </li>
-
-
         <div class="font-bold text-lg text-gray-500 pt-5">Automatics</div>
         <li>
           <router-link :to="{ name: 'auto' }">
             <div class=" hover:underline py-1">Automatics</div>
           </router-link>
         </li>
-
-
         <div class="font-bold text-lg text-gray-500 pt-5">Employees</div>
         <li>
           <router-link :to="{ name: 'employee' }">
@@ -63,18 +61,13 @@
           </router-link>
         </li>
 
-
         <div class="font-bold text-lg text-gray-500 pt-5">Admin</div>
         <li>
           <router-link :to="{ name: 'oilprice' }">
             <div class=" hover:underline py-1">Oil Pricing</div>
           </router-link>
         </li>
-        <li>
-          <router-link :to="{ name: 'serviceprice' }">
-            <div class=" hover:underline py-1">Service Pricing</div>
-          </router-link>
-        </li>
+      
       </ul>