oceanhelm 0.0.8 → 0.0.10

package/dist/oceanhelm.es.js

@@ -1,10 +1,10 @@
-import { openBlock as o, createElementBlock as l, normalizeClass as g, createElementVNode as e, toDisplayString as r, createCommentVNode as m, Fragment as p, renderList as h, withModifiers as D, createTextVNode as _, renderSlot as O, withDirectives as v, vShow as P, normalizeStyle as E, createStaticVNode as x, vModelText as k, vModelSelect as C, vModelCheckbox as N } from "vue";
-const S = (s, t) => {
-  const u = s.__vccOpts || s;
-  for (const [b, n] of t)
-    u[b] = n;
-  return u;
-}, U = {
+import { openBlock as l, createElementBlock as r, normalizeClass as b, createElementVNode as t, toDisplayString as a, createCommentVNode as c, Fragment as f, renderList as g, withModifiers as D, createTextVNode as w, renderSlot as L, withDirectives as h, vShow as A, normalizeStyle as N, createStaticVNode as x, vModelText as k, vModelSelect as _, vModelCheckbox as E } from "vue";
+const S = (s, e) => {
+  const d = s.__vccOpts || s;
+  for (const [p, n] of e)
+    d[p] = n;
+  return d;
+}, O = {
   name: "ConfigurableSidebar",
   props: {
     // Brand configuration
@@ -52,7 +52,7 @@ const S = (s, t) => {
       return this.customClasses;
     },
     filteredMenuItems() {
-      return this.menuItems.filter((s) => this.hasPermission(s) ? s.type === "dropdown" && s.children ? s.children.some((t) => this.hasPermission(t)) : !0 : !1);
+      return this.menuItems.filter((s) => this.hasPermission(s) ? s.type === "dropdown" && s.children ? s.children.some((e) => this.hasPermission(e)) : !0 : !1);
     }
   },
   mounted() {
@@ -61,7 +61,7 @@ const S = (s, t) => {
   methods: {
     // Get filtered children for dropdown items
     getFilteredChildren(s) {
-      return s.children ? s.children.filter((t) => this.hasPermission(t)) : [];
+      return s.children ? s.children.filter((e) => this.hasPermission(e)) : [];
     },
     // Permission checking
     hasPermission(s) {
@@ -69,8 +69,8 @@ const S = (s, t) => {
     },
     // Navigation handling
     handleNavigation(s) {
-      var t;
-      this.$emit("navigate", s), s.href && !s.preventDefault && (s.external ? window.open(s.href, "_blank") : (t = this.$router) == null || t.push(s.href));
+      var e;
+      this.$emit("navigate", s), s.href && !s.preventDefault && (s.external ? window.open(s.href, "_blank") : (e = this.$router) == null || e.push(s.href));
     },
     // Action handling
     handleAction(s) {
@@ -82,92 +82,89 @@ const S = (s, t) => {
     },
     // Responsive behavior
     initializeResponsiveBehavior() {
-      const s = document.getElementById("sidebarToggle"), t = document.getElementById("sidebar"), u = document.getElementById("content");
-      !s || !t || !u || (window.innerWidth >= 768 && (t.classList.toggle("active"), u.classList.toggle("active")), s.addEventListener("click", () => {
-        t.classList.toggle("active"), u.classList.toggle("active");
-      }), document.addEventListener("click", (b) => {
-        const n = t.contains(b.target), a = s.contains(b.target);
-        !n && !a && window.innerWidth < 768 && t.classList.contains("active") && (t.classList.remove("active"), u.classList.remove("active"));
+      const s = document.getElementById("sidebarToggle"), e = document.getElementById("sidebar"), d = document.getElementById("content");
+      !s || !e || !d || (window.innerWidth >= 768 && (e.classList.toggle("active"), d.classList.toggle("active")), s.addEventListener("click", () => {
+        e.classList.toggle("active"), d.classList.toggle("active");
+      }), document.addEventListener("click", (p) => {
+        const n = e.contains(p.target), o = s.contains(p.target);
+        !n && !o && window.innerWidth < 768 && e.classList.contains("active") && (e.classList.remove("active"), d.classList.remove("active"));
       }));
     }
   },
   emits: ["navigate", "action", "item-click"]
-}, L = {
+}, U = {
   key: 0,
   class: "logo d-flex align-items-center left"
-}, $ = { class: "list-unstyled components mt-4" }, j = ["onClick"], B = ["href", "onClick"], H = ["onClick"], Q = {
+}, $ = { style: { "margin-left": "45px" } }, j = { class: "list-unstyled components mt-4" }, B = ["onClick"], H = ["href", "onClick"], Q = ["onClick"], J = {
   class: "dropdown-toggle",
   type: "button",
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
-}, J = {
+}, W = {
   class: "dropdown-menu",
   "aria-labelledby": "dropdownMenuLink"
-}, W = ["onClick"], G = {
+}, K = ["onClick"], z = {
   key: 3,
   class: "dropdown-divider"
-}, z = { key: 4 };
-function Y(s, t, u, b, n, a) {
-  return o(), l("nav", {
+}, G = { key: 4 };
+function Y(s, e, d, p, n, o) {
+  return l(), r("nav", {
     id: "sidebar",
-    class: g(a.sidebarClasses)
+    class: b(o.sidebarClasses)
   }, [
-    u.showLogo ? (o(), l("div", L, [
-      e("i", {
-        class: g([u.logoIcon, "me-2"])
-      }, null, 2),
-      e("span", null, r(u.brandName), 1)
-    ])) : m("", !0),
-    e("ul", $, [
-      (o(!0), l(p, null, h(a.filteredMenuItems, (i, f) => (o(), l("li", {
-        key: f,
-        class: g({ active: i.active, dropdown: i.type === "dropdown" }),
-        onClick: (y) => a.handleItemClick(i)
+    d.showLogo ? (l(), r("div", U, [
+      t("span", $, a(d.brandName), 1)
+    ])) : c("", !0),
+    t("ul", j, [
+      (l(!0), r(f, null, g(o.filteredMenuItems, (i, m) => (l(), r("li", {
+        key: m,
+        class: b({ active: i.active, dropdown: i.type === "dropdown" }),
+        onClick: (y) => o.handleItemClick(i)
       }, [
-        i.type === "link" ? (o(), l("a", {
+        i.type === "link" ? (l(), r("a", {
           key: 0,
           href: i.href || "#",
-          onClick: D((y) => a.handleNavigation(i), ["prevent"])
+          onClick: D((y) => o.handleNavigation(i), ["prevent"])
         }, [
-          i.icon ? (o(), l("i", {
+          i.icon ? (l(), r("i", {
             key: 0,
-            class: g(i.icon)
-          }, null, 2)) : m("", !0),
-          _(" " + r(i.label), 1)
-        ], 8, B)) : i.type === "button" ? (o(), l("a", {
+            class: b(i.icon)
+          }, null, 2)) : c("", !0),
+          w(" " + a(i.label), 1)
+        ], 8, H)) : i.type === "button" ? (l(), r("a", {
           key: 1,
-          onClick: D((y) => a.handleAction(i), ["prevent"]),
+          onClick: D((y) => o.handleAction(i), ["prevent"]),
           style: { cursor: "pointer" }
         }, [
-          i.icon ? (o(), l("i", {
+          i.icon ? (l(), r("i", {
             key: 0,
-            class: g(i.icon)
-          }, null, 2)) : m("", !0),
-          _(" " + r(i.label), 1)
-        ], 8, H)) : i.type === "dropdown" ? (o(), l(p, { key: 2 }, [
-          e("a", Q, [
-            i.icon ? (o(), l("i", {
+            class: b(i.icon)
+          }, null, 2)) : c("", !0),
+          w(" " + a(i.label), 1)
+        ], 8, Q)) : i.type === "dropdown" ? (l(), r(f, { key: 2 }, [
+          t("a", J, [
+            i.icon ? (l(), r("i", {
               key: 0,
-              class: g(i.icon)
-            }, null, 2)) : m("", !0),
-            _(" " + r(i.label), 1)
+              class: b(i.icon)
+            }, null, 2)) : c("", !0),
+            w(" " + a(i.label), 1)
           ]),
-          e("div", J, [
-            (o(!0), l(p, null, h(a.getFilteredChildren(i), (y, A) => (o(), l("a", {
-              key: A,
+          t("div", W, [
+            (l(!0), r(f, null, g(o.getFilteredChildren(i), (y, P) => (l(), r("a", {
+              key: P,
               class: "dropdown-item black",
-              onClick: D((q) => a.handleAction(y), ["prevent"]),
+              onClick: D((T) => o.handleAction(y), ["prevent"]),
               style: { cursor: "pointer" }
-            }, r(y.label), 9, W))), 128))
+            }, a(y.label), 9, K))), 128))
           ])
-        ], 64)) : i.type === "separator" ? (o(), l("div", G)) : i.type === "text" ? (o(), l("a", z, r(i.label), 1)) : m("", !0)
-      ], 10, j))), 128))
+        ], 64)) : i.type === "separator" ? (l(), r("div", z)) : i.type === "text" ? (l(), r("a", G, a(i.label), 1)) : c("", !0)
+      ], 10, B))), 128))
     ]),
-    O(s.$slots, "footer")
+    L(s.$slots, "footer")
   ], 2);
 }
-const K = /* @__PURE__ */ S(U, [["render", Y]]);
-const X = {
+const X = /* @__PURE__ */ S(O, [["render", Y]]);
+const Z = {
   name: "VesselList",
   props: {
     // Required props
@@ -203,6 +200,12 @@ const X = {
       })
     }
   },
+  data() {
+    return {
+      activeFilter: "All"
+      // 'All', 'Active', or 'Inactive'
+    };
+  },
   emits: [
     "vessel-add",
     "vessel-click",
@@ -220,11 +223,21 @@ const X = {
     inactiveVesselsCount() {
       return this.vessels.filter((s) => s.status === "Inactive").length;
     },
+    filteredVessels() {
+      return this.activeFilter === "All" ? this.vessels : this.vessels.filter((s) => s.status === this.activeFilter);
+    },
     canAddVessel() {
       return this.config.enableAdd && (this.userProfile.role === "owner" || this.userProfile.role === "staff");
     }
   },
   methods: {
+    // Filter methods
+    filterVessels(s) {
+      this.activeFilter = s;
+    },
+    clearFilter() {
+      this.activeFilter = "All";
+    },
     // Event handlers that emit to parent
     handleAddVessel() {
       if (!this.canAddVessel) {
@@ -234,13 +247,13 @@ const X = {
       this.$emit("vessel-add");
     },
     handleVesselClick(s) {
-      const t = {
+      const e = {
         vessel: s,
         route: this.currentRoute,
         id: s.registrationNumber,
         name: s.name
       };
-      this.grantAccess(s) ? this.currentRoute === "dashboard" ? this.$emit("vessel-click", s) : this.$emit("vessel-navigate", t) : this.handleAccessDenied("this protected route");
+      this.grantAccess(s) ? this.currentRoute === "dashboard" ? this.$emit("vessel-click", s) : this.$emit("vessel-navigate", e) : this.handleAccessDenied("this protected route");
     },
     handleDeleteVessel(s) {
       if (!this.grantAccess(s)) {
@@ -270,175 +283,210 @@ const X = {
     statusClass(s) {
       return `status-${(s == null ? void 0 : s.toLowerCase()) || ""}`;
     },
-    getDuration(s, t) {
-      const u = /* @__PURE__ */ new Date(), b = new Date(s), n = u - b;
+    getDuration(s, e) {
+      const d = /* @__PURE__ */ new Date(), p = new Date(s), n = d - p;
       if (n < 0)
         return "Invalid (future date)";
-      const a = Math.floor(n / (1e3 * 60 * 60)), i = Math.floor(a / 24), f = a % 24;
+      const o = Math.floor(n / (1e3 * 60 * 60)), i = Math.floor(o / 24), m = o % 24;
       let y = "";
-      return i > 0 && (y += `${i} day${i > 1 ? "s" : ""}`), f > 0 && (y += (y ? " " : "") + `${f} hr${f > 1 ? "s" : ""}`), y || "0 hr";
+      return i > 0 && (y += `${i} day${i > 1 ? "s" : ""}`), m > 0 && (y += (y ? " " : "") + `${m} hr${m > 1 ? "s" : ""}`), y || "0 hr";
     },
     setVesselDate(s) {
       this.$emit("date-change", s);
     },
     grantAccess(s) {
-      const { role: t, vessel: u } = this.userProfile;
-      return t === "owner" || t === "staff" || t === "captain" && u === s.name;
+      const { role: e, vessel: d } = this.userProfile;
+      return e === "owner" || e === "staff" || e === "captain" && d === s.name;
     },
     getDaysToExpiry(s) {
       if (!s)
         return null;
-      const t = /* @__PURE__ */ new Date(), b = new Date(s) - t;
-      return Math.ceil(b / (1e3 * 60 * 60 * 24));
+      const e = /* @__PURE__ */ new Date(), p = new Date(s) - e;
+      return Math.ceil(p / (1e3 * 60 * 60 * 24));
     },
     getExpiryClass(s) {
-      const t = this.getDaysToExpiry(s);
-      return t === null ? "" : t < 30 ? "cert-critical" : t < 90 ? "cert-warning" : "";
+      const e = this.getDaysToExpiry(s);
+      return e === null ? "" : e < 30 ? "cert-critical" : e < 90 ? "cert-warning" : "";
     }
   }
-}, Z = { class: "row mb-3" }, ee = { class: "col-md-4" }, te = { class: "card border-0 shadow-sm" }, se = { class: "card-body d-flex align-items-center" }, ie = { class: "mt-2 mb-0" }, ne = { class: "col-md-4" }, oe = { class: "card border-0 shadow-sm" }, le = { class: "card-body d-flex align-items-center" }, re = { class: "mt-2 mb-0" }, ae = {
+}, ee = { class: "row mb-3" }, te = { class: "col-md-4" }, se = { class: "card-body d-flex align-items-center" }, ie = { class: "mt-2 mb-0" }, ne = { class: "col-md-4" }, oe = { class: "card-body d-flex align-items-center" }, le = { class: "mt-2 mb-0" }, re = {
   key: 0,
   class: "col-md-4"
-}, de = {
+}, ae = { class: "d-flex justify-content-between align-items-center mb-4" }, de = {
   key: 0,
-  class: "text-center py-4"
+  class: "alert alert-info mb-3",
+  role: "alert"
 }, ue = {
   key: 1,
-  class: "alert alert-primary",
-  role: "alert"
+  class: "text-center py-4"
 }, ce = {
   key: 2,
+  class: "alert alert-primary",
+  role: "alert"
+}, me = {
+  key: 3,
+  class: "alert alert-warning",
+  role: "alert"
+}, ve = { class: "alert-heading" }, pe = { class: "mb-0" }, he = {
+  key: 4,
   class: "row"
-}, me = ["onClick"], ve = { class: "card-body d-flex align-items-center" }, pe = { class: "flex-grow-1" }, fe = { class: "d-flex justify-content-between align-items-center mb-2" }, he = { class: "card-title mb-0" }, ge = { class: "row" }, be = { class: "col-6" }, ye = { class: "mb-0" }, we = {
+}, fe = ["onClick"], ge = { class: "card-body d-flex align-items-center" }, be = { class: "flex-grow-1" }, ye = { class: "d-flex justify-content-between align-items-center mb-2" }, we = { class: "card-title mb-0" }, ke = { class: "row" }, Ce = { class: "col-6" }, _e = { class: "mb-0" }, De = {
   key: 0,
   class: "col-6"
-}, ke = { class: "mb-0" }, _e = { class: "mb-0" }, Ce = {
+}, xe = { class: "mb-0" }, Se = { class: "mb-0" }, Ae = {
   key: 1,
   class: "col-6"
-}, De = { class: "text-muted" }, xe = ["onClick"], Se = { class: "action-icon v-left delete" }, Pe = ["onClick"], Ae = ["onClick"];
-function qe(s, t, u, b, n, a) {
-  return o(), l(p, null, [
-    e("div", Z, [
-      e("div", ee, [
-        e("div", te, [
-          e("div", se, [
-            t[2] || (t[2] = e("div", { class: "rounded-circle bg-primary bg-opacity-10 p-3 me-3" }, [
-              e("i", { class: "bi bi-check-circle-fill text-primary fs-4" })
+}, Pe = { class: "text-muted" }, Te = ["onClick"], qe = { class: "action-icon v-left delete" }, Ie = ["onClick"], Fe = ["onClick"];
+function Re(s, e, d, p, n, o) {
+  return l(), r(f, null, [
+    t("div", ee, [
+      t("div", te, [
+        t("div", {
+          class: b(["card border-0 shadow-sm", { "border-primary border-2": n.activeFilter === "Active" }]),
+          onClick: e[0] || (e[0] = (i) => o.filterVessels("Active")),
+          style: { cursor: "pointer" }
+        }, [
+          t("div", se, [
+            e[5] || (e[5] = t("div", { class: "rounded-circle bg-primary bg-opacity-10 p-3 me-3" }, [
+              t("i", { class: "bi bi-check-circle-fill text-primary fs-4" })
             ], -1)),
-            e("div", null, [
-              t[1] || (t[1] = e("h6", { class: "mb-0" }, "Active Vessels", -1)),
-              e("h3", ie, r(a.activeVesselsCount), 1)
+            t("div", null, [
+              e[4] || (e[4] = t("h6", { class: "mb-0" }, "Active Vessels", -1)),
+              t("h3", ie, a(o.activeVesselsCount), 1)
             ])
           ])
-        ])
+        ], 2)
       ]),
-      e("div", ne, [
-        e("div", oe, [
-          e("div", le, [
-            t[4] || (t[4] = e("div", { class: "rounded-circle bg-secondary bg-opacity-10 p-3 me-3" }, [
-              e("i", { class: "bi bi-pause-circle-fill text-secondary fs-4" })
+      t("div", ne, [
+        t("div", {
+          class: b(["card border-0 shadow-sm", { "border-secondary border-2": n.activeFilter === "Inactive" }]),
+          onClick: e[1] || (e[1] = (i) => o.filterVessels("Inactive")),
+          style: { cursor: "pointer" }
+        }, [
+          t("div", oe, [
+            e[7] || (e[7] = t("div", { class: "rounded-circle bg-secondary bg-opacity-10 p-3 me-3" }, [
+              t("i", { class: "bi bi-pause-circle-fill text-secondary fs-4" })
             ], -1)),
-            e("div", null, [
-              t[3] || (t[3] = e("h6", { class: "mb-0" }, "Inactive", -1)),
-              e("h3", re, r(a.inactiveVesselsCount), 1)
+            t("div", null, [
+              e[6] || (e[6] = t("h6", { class: "mb-0" }, "Inactive", -1)),
+              t("h3", le, a(o.inactiveVesselsCount), 1)
             ])
           ])
-        ])
+        ], 2)
       ]),
-      a.canAddVessel ? (o(), l("div", ae, [
-        e("div", {
+      o.canAddVessel ? (l(), r("div", re, [
+        t("div", {
           class: "card border-0 shadow-sm",
-          onClick: t[0] || (t[0] = (...i) => a.handleAddVessel && a.handleAddVessel(...i))
-        }, t[5] || (t[5] = [
-          e("div", { class: "card-body d-flex align-items-center" }, [
-            e("div", { class: "rounded-circle bg-success bg-opacity-10 p-3 me-3" }, [
-              e("i", { class: "bi bi-patch-plus-fill text-success fs-4" })
+          onClick: e[2] || (e[2] = (...i) => o.handleAddVessel && o.handleAddVessel(...i)),
+          style: { cursor: "pointer" }
+        }, e[8] || (e[8] = [
+          t("div", { class: "card-body d-flex align-items-center" }, [
+            t("div", { class: "rounded-circle bg-success bg-opacity-10 p-3 me-3" }, [
+              t("i", { class: "bi bi-patch-plus-fill text-success fs-4" })
             ]),
-            e("div", null, [
-              e("h6", { class: "mb-0" }, "Add New Vessel")
+            t("div", null, [
+              t("h6", { class: "mb-0" }, "Add New Vessel")
             ])
           ], -1)
         ]))
-      ])) : m("", !0)
+      ])) : c("", !0)
     ]),
-    t[12] || (t[12] = e("h4", { class: "mb-4" }, [
-      e("i", { class: "bi bi-ship me-2" }),
-      _("Registered Vessels")
-    ], -1)),
-    u.loading ? (o(), l("div", de, t[6] || (t[6] = [
-      e("div", {
+    t("div", ae, [
+      e[10] || (e[10] = t("h4", { class: "mb-0" }, [
+        t("i", { class: "bi bi-ship me-2" }),
+        w("Registered Vessels")
+      ], -1)),
+      n.activeFilter !== "All" ? (l(), r("button", {
+        key: 0,
+        class: "btn btn-sm btn-outline-secondary",
+        onClick: e[3] || (e[3] = (...i) => o.clearFilter && o.clearFilter(...i))
+      }, e[9] || (e[9] = [
+        t("i", { class: "bi bi-x-circle me-1" }, null, -1),
+        w("Clear Filter ", -1)
+      ]))) : c("", !0)
+    ]),
+    n.activeFilter !== "All" ? (l(), r("div", de, [
+      e[11] || (e[11] = w(" Showing ", -1)),
+      t("strong", null, a(n.activeFilter), 1),
+      w(" vessels (" + a(o.filteredVessels.length) + ") ", 1)
+    ])) : c("", !0),
+    d.loading ? (l(), r("div", ue, e[12] || (e[12] = [
+      t("div", {
         class: "spinner-border text-primary",
         role: "status"
       }, [
-        e("span", { class: "visually-hidden" }, "Loading...")
+        t("span", { class: "visually-hidden" }, "Loading...")
       ], -1),
-      e("p", { class: "mt-2" }, "Loading vessels...", -1)
-    ]))) : u.vessels.length ? (o(), l("div", ce, [
-      (o(!0), l(p, null, h(u.vessels, (i) => (o(), l("div", {
+      t("p", { class: "mt-2" }, "Loading vessels...", -1)
+    ]))) : !o.filteredVessels.length && n.activeFilter === "All" ? (l(), r("div", ce, e[13] || (e[13] = [
+      t("h4", { class: "alert-heading" }, "Empty Fleet!", -1),
+      t("p", null, "You have an empty fleet, you have not added any vessel yet.", -1),
+      t("hr", null, null, -1),
+      t("p", { class: "mb-0" }, "Click on the add vessel button above, to start adding vessels to your fleet", -1)
+    ]))) : !o.filteredVessels.length && n.activeFilter !== "All" ? (l(), r("div", me, [
+      t("h4", ve, "No " + a(n.activeFilter) + " Vessels", 1),
+      t("p", pe, "There are no " + a(n.activeFilter.toLowerCase()) + " vessels in your fleet.", 1)
+    ])) : (l(), r("div", he, [
+      (l(!0), r(f, null, g(o.filteredVessels, (i) => (l(), r("div", {
         class: "col-lg-6",
         key: i.registrationNumber || i.id
       }, [
-        e("div", {
+        t("div", {
           class: "vessel-card",
-          onClick: (f) => a.handleVesselClick(i)
+          onClick: (m) => o.handleVesselClick(i)
         }, [
-          e("div", ve, [
-            t[11] || (t[11] = e("div", { class: "vessel-icon v-left" }, [
-              e("i", { class: "fas fa-ship" })
+          t("div", ge, [
+            e[17] || (e[17] = t("div", { class: "vessel-icon v-left" }, [
+              t("i", { class: "fas fa-ship" })
             ], -1)),
-            e("div", pe, [
-              e("div", fe, [
-                e("h5", he, r(i.name), 1),
-                e("span", {
-                  class: g(["vessel-status", a.statusClass(i.status)])
-                }, r(i.status), 3)
+            t("div", be, [
+              t("div", ye, [
+                t("h5", we, a(i.name), 1),
+                t("span", {
+                  class: b(["vessel-status", o.statusClass(i.status)])
+                }, a(i.status), 3)
               ]),
-              e("div", ge, [
-                e("div", be, [
-                  t[8] || (t[8] = e("small", { class: "text-muted" }, "Registration #:", -1)),
-                  e("p", ye, r(i.registrationNumber), 1)
+              t("div", ke, [
+                t("div", Ce, [
+                  e[14] || (e[14] = t("small", { class: "text-muted" }, "Registration #:", -1)),
+                  t("p", _e, a(i.registrationNumber), 1)
                 ]),
-                i.date ? (o(), l("div", we, [
-                  i.status === "Active" ? (o(), l(p, { key: 0 }, [
-                    t[9] || (t[9] = e("small", { class: "text-muted" }, "Active Duration:", -1)),
-                    e("p", ke, r(a.getDuration(i.date, i.registrationNumber)), 1)
-                  ], 64)) : (o(), l(p, { key: 1 }, [
-                    t[10] || (t[10] = e("small", { class: "text-muted" }, "Inactive Duration:", -1)),
-                    e("p", _e, r(a.getDuration(i.date, i.registrationNumber)), 1)
+                i.date ? (l(), r("div", De, [
+                  i.status === "Active" ? (l(), r(f, { key: 0 }, [
+                    e[15] || (e[15] = t("small", { class: "text-muted" }, "Active Duration:", -1)),
+                    t("p", xe, a(o.getDuration(i.date, i.registrationNumber)), 1)
+                  ], 64)) : (l(), r(f, { key: 1 }, [
+                    e[16] || (e[16] = t("small", { class: "text-muted" }, "Inactive Duration:", -1)),
+                    t("p", Se, a(o.getDuration(i.date, i.registrationNumber)), 1)
                   ], 64))
-                ])) : (o(), l("div", Ce, [
-                  e("small", De, r(i.status) + " Duration:", 1),
-                  e("button", {
+                ])) : (l(), r("div", Ae, [
+                  t("small", Pe, a(i.status) + " Duration:", 1),
+                  t("button", {
                     type: "button",
                     class: "btn btn-outline-primary btn-sm mt-1",
-                    onClick: D((f) => a.setVesselDate(i.registrationNumber), ["stop"])
-                  }, " Set Date ", 8, xe)
+                    onClick: D((m) => o.setVesselDate(i.registrationNumber), ["stop"])
+                  }, " Set Date ", 8, Te)
                 ]))
               ])
             ])
           ]),
-          e("div", Se, [
-            e("i", {
+          t("div", qe, [
+            t("i", {
               class: "bi bi-trash",
-              onClick: D((f) => a.handleDeleteVessel(i), ["stop"])
-            }, null, 8, Pe)
+              onClick: D((m) => o.handleDeleteVessel(i), ["stop"])
+            }, null, 8, Ie)
           ]),
-          e("button", {
+          t("button", {
             class: "btn btn-primary",
-            onClick: D((f) => a.handleToggleStatus(i), ["stop"])
-          }, r(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, Ae)
-        ], 8, me)
+            onClick: D((m) => o.handleToggleStatus(i), ["stop"])
+          }, a(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, Fe)
+        ], 8, fe)
       ]))), 128))
-    ])) : (o(), l("div", ue, t[7] || (t[7] = [
-      e("h4", { class: "alert-heading" }, "Empty Fleet!", -1),
-      e("p", null, "You have an empty fleet, you have not added any vessel yet.", -1),
-      e("hr", null, null, -1),
-      e("p", { class: "mb-0" }, "Click on the add vessel button above, to start adding vessels to your fleet", -1)
-    ])))
+    ]))
   ], 64);
 }
-const Te = /* @__PURE__ */ S(X, [["render", qe]]);
-const Ie = {
+const Ve = /* @__PURE__ */ S(Z, [["render", Re]]);
+const Me = {
   name: "DashHead",
   props: {
     name: {
@@ -463,29 +511,29 @@ const Ie = {
       this.$emit("logged-in");
     }
   }
-}, Re = { class: "page-header d-flex justify-content-between align-items-center" }, Me = { style: { "margin-left": "20px" } }, Ve = { class: "d-flex" };
-function Fe(s, t, u, b, n, a) {
-  return o(), l("div", Re, [
-    e("h2", Me, r(u.name), 1),
-    e("div", Ve, [
-      this.userProfile.role == "owner" ? (o(), l("button", {
+}, Ne = { class: "page-header d-flex justify-content-between align-items-center" }, Ee = { style: { "margin-left": "20px" } }, Le = { class: "d-flex" };
+function Oe(s, e, d, p, n, o) {
+  return l(), r("div", Ne, [
+    t("h4", Ee, a(d.name), 1),
+    t("div", Le, [
+      this.userProfile.role == "owner" ? (l(), r("button", {
         key: 0,
         class: "btn btn-outline-primary me-2",
-        onClick: t[0] || (t[0] = (i) => a.addUser())
-      }, t[2] || (t[2] = [
-        e("i", { class: "bi bi-bell" }, null, -1),
-        e("span", { class: "badge bg-danger" }, "1", -1)
-      ]))) : m("", !0),
-      e("button", {
+        onClick: e[0] || (e[0] = (i) => o.addUser())
+      }, e[2] || (e[2] = [
+        t("i", { class: "bi bi-bell" }, null, -1),
+        t("span", { class: "badge bg-danger" }, "1", -1)
+      ]))) : c("", !0),
+      t("button", {
         class: "btn btn-outline-primary",
-        onClick: t[1] || (t[1] = (i) => a.loggedIn())
-      }, t[3] || (t[3] = [
-        e("i", { class: "bi bi-person-circle" }, null, -1)
+        onClick: e[1] || (e[1] = (i) => o.loggedIn())
+      }, e[3] || (e[3] = [
+        t("i", { class: "bi bi-person-circle" }, null, -1)
       ]))
     ])
   ]);
 }
-const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
+const Ue = /* @__PURE__ */ S(Me, [["render", Oe]]), $e = {
   name: "OceanHelmMaintenance",
   props: {
     vesselInfo: {
@@ -588,10 +636,10 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
   computed: {
     filteredTasks() {
       let s = [...this.tasks];
-      if (this.activeFilter === "all" ? s = s.filter((t) => t.status === "Overdue" || t.status === "Soon" || t.status === "Completed") : this.activeFilter === "due" ? s = s.filter((t) => t.status === "Overdue" || t.status === "Soon") : this.activeFilter === "completed" && (s = s.filter((t) => t.status === "Completed")), this.searchQuery) {
-        const t = this.searchQuery.toLowerCase();
+      if (this.activeFilter === "all" ? s = s.filter((e) => e.status === "Overdue" || e.status === "Soon" || e.status === "Completed") : this.activeFilter === "due" ? s = s.filter((e) => e.status === "Overdue" || e.status === "Soon") : this.activeFilter === "completed" && (s = s.filter((e) => e.status === "Completed")), this.searchQuery) {
+        const e = this.searchQuery.toLowerCase();
         s = s.filter(
-          (u) => u.component.toLowerCase().includes(t) || u.taskName.toLowerCase().includes(t) || u.assignedTo.toLowerCase().includes(t)
+          (d) => d.component.toLowerCase().includes(e) || d.taskName.toLowerCase().includes(e) || d.assignedTo.toLowerCase().includes(e)
         );
       }
       return s;
@@ -609,34 +657,34 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
       return this.checklistButtonLabel !== "Save Checklist";
     },
     totalEstimatedHours() {
-      return this.maintenanceTasks.reduce((s, t) => s + (t.estimatedHours || 0), 0);
+      return this.maintenanceTasks.reduce((s, e) => s + (e.estimatedHours || 0), 0);
     }
   },
   methods: {
     grantAccess(s) {
-      const t = this.userProfile;
-      return t.role === "owner" || t.role === "staff" || t.role === "captain" && t.vessel === s;
+      const e = this.userProfile;
+      return e.role === "owner" || e.role === "staff" || e.role === "captain" && e.vessel === s;
     },
     deepAccess() {
       const s = this.userProfile;
       return s.role === "owner" || s.role === "captain" ? !0 : (this.$emit("access-denied", "You do not have access to do this"), !1);
     },
     deleteTask(s) {
-      this.checklists = this.checklists.filter((t) => t.id !== s);
+      this.checklists = this.checklists.filter((e) => e.id !== s);
     },
     addTask(s) {
       s && s.preventDefault(), this.$emit("show-message", {
         type: "prompt",
         title: "Add New Task",
         message: "Enter the task details",
-        callback: (t) => {
-          if (t) {
-            const u = {
+        callback: (e) => {
+          if (e) {
+            const d = {
               id: Date.now(),
-              text: t,
+              text: e,
               completed: !1
             };
-            this.checklists.push(u);
+            this.checklists.push(d);
           }
         }
       });
@@ -647,9 +695,9 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
     loadChecklist(s) {
       this.isLoading = !0, this.$emit("generate-checklist", {
         component: s,
-        callback: (t) => {
-          this.checklists = t.map((u) => ({
-            ...u,
+        callback: (e) => {
+          this.checklists = e.map((d) => ({
+            ...d,
             completed: !1
           })), this.isLoading = !1;
         }
@@ -657,13 +705,13 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
     },
     showMaintenance(s) {
       if (this.deepAccess()) {
-        const t = this.tasks.find((u) => u.component === s);
-        t && t.checklistProgress ? this.checklists = [...t.checklistProgress] : this.loadChecklist(s), this.after = t == null ? void 0 : t.after, this.currentTask = s, this.lastSection = "inventory", this.activeSection = "maintenance";
+        const e = this.tasks.find((d) => d.component === s);
+        e && e.checklistProgress ? this.checklists = [...e.checklistProgress] : this.loadChecklist(s), this.after = e == null ? void 0 : e.after, this.currentTask = s, this.lastSection = "inventory", this.activeSection = "maintenance";
       }
     },
     printMaintenance(s) {
-      const t = this.tasks.find((u) => u.component === s);
-      this.maintenanceTasks = [t], this.loadMaintenanceData(), this.showReport = !0, this.$nextTick(() => {
+      const e = this.tasks.find((d) => d.component === s);
+      this.maintenanceTasks = [e], this.loadMaintenanceData(), this.showReport = !0, this.$nextTick(() => {
         setTimeout(() => {
           window.print(), this.showReport = !1;
         }, 100);
@@ -694,12 +742,12 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
         "lastPerformed",
         "assignedTo"
       ];
-      for (const t of s)
-        if (!this.form[t])
+      for (const e of s)
+        if (!this.form[e])
           return this.$emit("show-message", {
             type: "error",
             title: "Missing info",
-            message: `Please fill in the required field: ${t}`
+            message: `Please fill in the required field: ${e}`
           }), !1;
       return !0;
     },
@@ -707,44 +755,44 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
       this.activeSection = s.id, typeof s.onClick == "function" && s.onClick();
     },
     calculateNextDue() {
-      const s = this.form.lastPerformed ? new Date(this.form.lastPerformed) : null, t = this.form.recurrence;
-      if (!s || !t)
+      const s = this.form.lastPerformed ? new Date(this.form.lastPerformed) : null, e = this.form.recurrence;
+      if (!s || !e)
         return;
-      let u = new Date(s);
-      switch (t) {
+      let d = new Date(s);
+      switch (e) {
         case "daily":
-          u.setDate(u.getDate() + 1);
+          d.setDate(d.getDate() + 1);
           break;
         case "weekly":
-          u.setDate(u.getDate() + 7);
+          d.setDate(d.getDate() + 7);
           break;
         case "monthly":
-          u.setMonth(u.getMonth() + 1);
+          d.setMonth(d.getMonth() + 1);
           break;
         case "quarterly":
-          u.setMonth(u.getMonth() + 3);
+          d.setMonth(d.getMonth() + 3);
           break;
         case "semi-annual":
-          u.setMonth(u.getMonth() + 6);
+          d.setMonth(d.getMonth() + 6);
           break;
         case "annual":
-          u.setFullYear(u.getFullYear() + 1);
+          d.setFullYear(d.getFullYear() + 1);
           break;
         case "once":
         case "custom":
           return;
       }
-      this.form.nextDue = u.toISOString().split("T")[0];
+      this.form.nextDue = d.toISOString().split("T")[0];
     },
     calculateRemainingDays() {
       if (!this.form.nextDue) {
         this.form.remainingDays = null;
         return;
       }
-      const s = /* @__PURE__ */ new Date(), t = new Date(this.form.nextDue);
-      s.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0);
-      const u = t - s, b = Math.ceil(u / (1e3 * 60 * 60 * 24));
-      this.form.remainingDays = `${b} Days`;
+      const s = /* @__PURE__ */ new Date(), e = new Date(this.form.nextDue);
+      s.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0);
+      const d = e - s, p = Math.ceil(d / (1e3 * 60 * 60 * 24));
+      this.form.remainingDays = `${p} Days`;
     },
     async saveSchedule() {
       if (this.isSaving = !0, !this.validateForm()) {
@@ -752,7 +800,7 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
         return;
       }
       const s = { ...this.form };
-      if (this.form.component === "Other" && this.form.customComponent && (s.component = this.form.customComponent), s.email = this.companyInfo.email, this.tasks.some((u) => u.component === s.component)) {
+      if (this.form.component === "Other" && this.form.customComponent && (s.component = this.form.customComponent), s.email = this.companyInfo.email, this.tasks.some((d) => d.component === s.component)) {
         this.$emit("show-message", {
           type: "error",
           title: "Duplicate Component",
@@ -763,8 +811,8 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
       delete s.customComponent, this.$emit("save-schedule", {
         taskData: s,
         file: s.attachments.file,
-        callback: (u) => {
-          this.isSaving = !1, u && (this.loadChecklist(s.component), this.lastSection = "schedule", this.currentTask = s.component, this.resetForm(), this.activeSection = "maintenance");
+        callback: (d) => {
+          this.isSaving = !1, d && (this.loadChecklist(s.component), this.lastSection = "schedule", this.currentTask = s.component, this.resetForm(), this.activeSection = "maintenance");
         }
       });
     },
@@ -795,18 +843,18 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
       s.completed = !s.completed;
     },
     async resetTasks() {
-      const t = this.checklists.every((b) => b.completed) ? "Completed" : "Soon", u = {
+      const e = this.checklists.every((p) => p.completed) ? "Completed" : "Soon", d = {
         checklistProgress: [...this.checklists],
-        status: t,
+        status: e,
         component: this.currentTask,
         after: this.after
       };
       this.$emit("update-task", {
-        updateData: u,
+        updateData: d,
         file: this.fileattachments.file,
         tasks: this.tasks,
-        callback: (b, n) => {
-          b && (n && (this.after = n), this.fileattachments = {}, this.fileText = "Drag and drop files here or", this.refreshKey += 1, this.activeSection = "inventory");
+        callback: (p, n) => {
+          p && (n && (this.after = n), this.fileattachments = {}, this.fileText = "Drag and drop files here or", this.refreshKey += 1, this.activeSection = "inventory");
         }
       });
     },
@@ -830,11 +878,11 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
     getChecklistProgress(s) {
       if (!s.checklistProgress || s.checklistProgress.length === 0)
         return 0;
-      const t = s.checklistProgress.filter((u) => u.completed).length;
-      return Math.round(t / s.checklistProgress.length * 100);
+      const e = s.checklistProgress.filter((d) => d.completed).length;
+      return Math.round(e / s.checklistProgress.length * 100);
     },
     getCompletedChecklistItems(s) {
-      return s.checklistProgress ? s.checklistProgress.filter((t) => t.completed).length : 0;
+      return s.checklistProgress ? s.checklistProgress.filter((e) => e.completed).length : 0;
     },
     generateRecommendations() {
       return [
@@ -852,237 +900,237 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
       });
     }
   }
-}, Oe = { key: 0 }, Ue = ["onClick"], Le = { class: "content" }, $e = {
+}, je = { key: 0 }, Be = ["onClick"], He = { class: "content" }, Qe = {
   key: 0,
   class: "loading-container"
-}, je = { key: 1 }, Be = { class: "container" }, He = { class: "d-flex justify-content-between align-items-center" }, Qe = { class: "progress-container" }, Je = { class: "progress-info" }, We = { class: "progress-bar" }, Ge = { class: "checklist" }, ze = ["onClick"], Ye = { key: 0 }, Ke = ["onClick"], Xe = ["onClick"], Ze = { key: 0 }, et = { class: "checklist" }, tt = { class: "checklist-item" }, st = { class: "attachment-area" }, it = {
+}, Je = { key: 1 }, We = { class: "container" }, Ke = { class: "d-flex justify-content-between align-items-center" }, ze = { class: "progress-container" }, Ge = { class: "progress-info" }, Ye = { class: "progress-bar" }, Xe = { class: "checklist" }, Ze = ["onClick"], et = { key: 0 }, tt = ["onClick"], st = ["onClick"], it = { key: 0 }, nt = { class: "checklist" }, ot = { class: "checklist-item" }, lt = { class: "attachment-area" }, rt = {
   key: 2,
   class: "status"
-}, nt = { class: "form-group" }, ot = { class: "form-group" }, lt = { class: "input-group" }, rt = { class: "form-group" }, at = { class: "form-group" }, dt = { class: "input-group" }, ut = { class: "form-group" }, ct = { class: "form-group" }, mt = { class: "input-group" }, vt = { class: "form-group" }, pt = { class: "form-group" }, ft = ["value"], ht = { class: "input-group" }, gt = { class: "form-group" }, bt = { class: "input-group" }, yt = { class: "form-group" }, wt = { class: "form-group" }, kt = { class: "form-group" }, _t = { class: "checkbox-group" }, Ct = { class: "checkbox-item" }, Dt = { class: "checkbox-item" }, xt = { class: "input-group" }, St = { class: "form-group" }, Pt = { class: "form-group" }, At = { class: "form-group" }, qt = { class: "attachment-area" }, Tt = { class: "action-buttons" }, It = ["disabled"], Rt = { class: "task-table-wrapper" }, Mt = { class: "table-controls" }, Vt = { class: "filters" }, Ft = { class: "task-table" }, Et = ["onClick"], Nt = ["onClick"], Ot = { key: 0 }, Ut = {
+}, at = { class: "form-group" }, dt = { class: "form-group" }, ut = { class: "input-group" }, ct = { class: "form-group" }, mt = { class: "form-group" }, vt = { class: "input-group" }, pt = { class: "form-group" }, ht = { class: "form-group" }, ft = { class: "input-group" }, gt = { class: "form-group" }, bt = { class: "form-group" }, yt = ["value"], wt = { class: "input-group" }, kt = { class: "form-group" }, Ct = { class: "input-group" }, _t = { class: "form-group" }, Dt = { class: "form-group" }, xt = { class: "form-group" }, St = { class: "checkbox-group" }, At = { class: "checkbox-item" }, Pt = { class: "checkbox-item" }, Tt = { class: "input-group" }, qt = { class: "form-group" }, It = { class: "form-group" }, Ft = { class: "form-group" }, Rt = { class: "attachment-area" }, Vt = { class: "action-buttons" }, Mt = ["disabled"], Nt = { class: "task-table-wrapper" }, Et = { class: "table-controls" }, Lt = { class: "filters" }, Ot = { class: "task-table" }, Ut = ["onClick"], $t = ["onClick"], jt = { key: 0 }, Bt = {
   class: "alert alert-primary",
   role: "alert"
-}, Lt = { class: "mb-0" }, $t = {
+}, Ht = { class: "mb-0" }, Qt = {
   class: "report-container",
   ref: "reportContainer"
-}, jt = { class: "report-info" }, Bt = { class: "info-box" }, Ht = { class: "info-box" }, Qt = { class: "info-box" }, Jt = { class: "section" }, Wt = { class: "summary-grid" }, Gt = { class: "summary-card" }, zt = { class: "summary-number" }, Yt = { class: "section" }, Kt = { class: "task-header" }, Xt = { class: "task-title" }, Zt = { class: "task-component" }, es = { class: "task-details" }, ts = { class: "detail-item" }, ss = { class: "detail-value" }, is = { class: "detail-item" }, ns = { class: "detail-value" }, os = { class: "detail-item" }, ls = { class: "detail-value" }, rs = { class: "detail-item" }, as = { class: "detail-value" }, ds = { class: "detail-item" }, us = { class: "detail-value" }, cs = { class: "detail-item" }, ms = { class: "detail-value" }, vs = {
+}, Jt = { class: "report-info" }, Wt = { class: "info-box" }, Kt = { class: "info-box" }, zt = { class: "info-box" }, Gt = { class: "section" }, Yt = { class: "summary-grid" }, Xt = { class: "summary-card" }, Zt = { class: "summary-number" }, es = { class: "section" }, ts = { class: "task-header" }, ss = { class: "task-title" }, is = { class: "task-component" }, ns = { class: "task-details" }, os = { class: "detail-item" }, ls = { class: "detail-value" }, rs = { class: "detail-item" }, as = { class: "detail-value" }, ds = { class: "detail-item" }, us = { class: "detail-value" }, cs = { class: "detail-item" }, ms = { class: "detail-value" }, vs = { class: "detail-item" }, ps = { class: "detail-value" }, hs = { class: "detail-item" }, fs = { class: "detail-value" }, gs = {
   key: 0,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, ps = { class: "detail-value" }, fs = {
+}, bs = { class: "detail-value" }, ys = {
   key: 1,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, hs = { class: "detail-value" }, gs = {
+}, ws = { class: "detail-value" }, ks = {
   key: 2,
   class: "checklist-progress"
-}, bs = { class: "progress-bar" }, ys = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, ws = { class: "checklist-items" }, ks = { class: "checklist-icon" }, _s = { class: "section" }, Cs = { class: "info-box" }, Ds = { class: "signature-section" }, xs = { class: "signature-box" }, Ss = { style: { "margin-top": "10px", color: "#666" } };
-function Ps(s, t, u, b, n, a) {
-  return n.ready ? (o(), l("div", Oe, [
-    e("div", null, [
-      v(e("nav", null, [
-        (o(!0), l(p, null, h(n.sections, (i) => (o(), l("button", {
+}, Cs = { class: "progress-bar" }, _s = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, Ds = { class: "checklist-items" }, xs = { class: "checklist-icon" }, Ss = { class: "section" }, As = { class: "info-box" }, Ps = { class: "signature-section" }, Ts = { class: "signature-box" }, qs = { style: { "margin-top": "10px", color: "#666" } };
+function Is(s, e, d, p, n, o) {
+  return n.ready ? (l(), r("div", je, [
+    t("div", null, [
+      h(t("nav", null, [
+        (l(!0), r(f, null, g(n.sections, (i) => (l(), r("button", {
           key: i.id,
-          class: g(["nav-btn", { active: n.activeSection === i.id }]),
-          onClick: (f) => a.handleSectionClick(i)
-        }, r(i.icon) + " " + r(i.name), 11, Ue))), 128))
+          class: b(["nav-btn", { active: n.activeSection === i.id }]),
+          onClick: (m) => o.handleSectionClick(i)
+        }, a(i.icon) + " " + a(i.name), 11, Be))), 128))
       ], 512), [
-        [P, !n.showReport]
+        [A, !n.showReport]
       ]),
-      v(e("div", Le, [
-        v(e("section", {
-          class: g(["form-section", { active: n.activeSection === "maintenance" }])
+      h(t("div", He, [
+        h(t("section", {
+          class: b(["form-section", { active: n.activeSection === "maintenance" }])
         }, [
-          t[37] || (t[37] = e("h2", null, "🛠️ Maintenance Tasks", -1)),
-          n.isLoading ? (o(), l("div", $e, t[27] || (t[27] = [
-            e("div", { class: "loading-spinner" }, null, -1),
-            e("p", null, "Loading checklist...", -1)
-          ]))) : m("", !0),
-          n.isLoading ? m("", !0) : (o(), l("form", je, [
-            e("div", Be, [
-              e("div", He, [
-                t[29] || (t[29] = e("h1", null, "Maintenance Checklist", -1)),
-                a.showAddTaskButton ? (o(), l("button", {
+          e[37] || (e[37] = t("h2", null, "🛠️ Maintenance Tasks", -1)),
+          n.isLoading ? (l(), r("div", Qe, e[27] || (e[27] = [
+            t("div", { class: "loading-spinner" }, null, -1),
+            t("p", null, "Loading checklist...", -1)
+          ]))) : c("", !0),
+          n.isLoading ? c("", !0) : (l(), r("form", Je, [
+            t("div", We, [
+              t("div", Ke, [
+                e[29] || (e[29] = t("h1", null, "Maintenance Checklist", -1)),
+                o.showAddTaskButton ? (l(), r("button", {
                   key: 0,
                   class: "btn btn-outline-custom",
-                  onClick: t[0] || (t[0] = D((i) => a.addTask(), ["prevent"]))
-                }, t[28] || (t[28] = [
-                  _(" Manually Add Task ", -1),
-                  e("i", { class: "fas fa-plus" }, null, -1)
-                ]))) : m("", !0)
+                  onClick: e[0] || (e[0] = D((i) => o.addTask(), ["prevent"]))
+                }, e[28] || (e[28] = [
+                  w(" Manually Add Task ", -1),
+                  t("i", { class: "fas fa-plus" }, null, -1)
+                ]))) : c("", !0)
               ]),
-              e("div", Qe, [
-                e("div", Je, " Progress: " + r(a.progress) + "% (" + r(a.completedCount.length) + "/" + r(n.checklists.length) + ") ", 1),
-                e("div", We, [
-                  e("div", {
+              t("div", ze, [
+                t("div", Ge, " Progress: " + a(o.progress) + "% (" + a(o.completedCount.length) + "/" + a(n.checklists.length) + ") ", 1),
+                t("div", Ye, [
+                  t("div", {
                     class: "progress-fill",
-                    style: E({ width: a.progress + "%" })
+                    style: N({ width: o.progress + "%" })
                   }, null, 4)
                 ])
               ]),
-              e("ul", Ge, [
-                (o(!0), l(p, null, h(n.checklists, (i) => (o(), l("li", {
+              t("ul", Xe, [
+                (l(!0), r(f, null, g(n.checklists, (i) => (l(), r("li", {
                   key: i.id,
                   class: "checklist-item"
                 }, [
-                  e("div", {
-                    class: g(["checkbox", { checked: i.completed }]),
-                    onClick: (f) => a.toggleTask(i)
+                  t("div", {
+                    class: b(["checkbox", { checked: i.completed }]),
+                    onClick: (m) => o.toggleTask(i)
                   }, [
-                    i.completed ? (o(), l("span", Ye, "✓")) : m("", !0)
-                  ], 10, ze),
-                  e("span", {
-                    class: g(["task-text", { completed: i.completed }]),
-                    onClick: (f) => a.toggleTask(i)
-                  }, r(i.text), 11, Ke),
-                  a.showAddTaskButton ? (o(), l("button", {
+                    i.completed ? (l(), r("span", et, "✓")) : c("", !0)
+                  ], 10, Ze),
+                  t("span", {
+                    class: b(["task-text", { completed: i.completed }]),
+                    onClick: (m) => o.toggleTask(i)
+                  }, a(i.text), 11, tt),
+                  o.showAddTaskButton ? (l(), r("button", {
                     key: 0,
                     class: "delete-btn",
-                    onClick: (f) => a.deleteTask(i.id),
+                    onClick: (m) => o.deleteTask(i.id),
                     title: "Delete task"
-                  }, t[30] || (t[30] = [
+                  }, e[30] || (e[30] = [
                     x('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3,6 5,6 21,6"></polyline><path d="m19,6v14a2,2 0 0,1 -2,2H7a2,2 0 0,1 -2,-2V6m3,0V4a2,2 0 0,1 2,-2h4a2,2 0 0,1 2,2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>', 1)
-                  ]), 8, Xe)) : m("", !0)
+                  ]), 8, st)) : c("", !0)
                 ]))), 128))
               ]),
-              n.after ? (o(), l("div", Ze, [
-                t[33] || (t[33] = e("label", null, "Upload Image Evidence", -1)),
-                e("ul", et, [
-                  e("li", tt, [
-                    t[32] || (t[32] = e("span", { class: "task-text" }, " Image Evidence Already Uploaded ", -1)),
-                    e("button", {
+              n.after ? (l(), r("div", it, [
+                e[33] || (e[33] = t("label", null, "Upload Image Evidence", -1)),
+                t("ul", nt, [
+                  t("li", ot, [
+                    e[32] || (e[32] = t("span", { class: "task-text" }, " Image Evidence Already Uploaded ", -1)),
+                    t("button", {
                       type: "button",
                       class: "delete-btn",
-                      onClick: t[1] || (t[1] = (i) => a.deleteEvidence()),
+                      onClick: e[1] || (e[1] = (i) => o.deleteEvidence()),
                       title: "Delete Image"
-                    }, t[31] || (t[31] = [
+                    }, e[31] || (e[31] = [
                       x('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3,6 5,6 21,6"></polyline><path d="m19,6v14a2,2 0 0,1 -2,2H7a2,2 0 0,1 -2,-2V6m3,0V4a2,2 0 0,1 2,-2h4a2,2 0 0,1 2,2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>', 1)
                     ]))
                   ])
                 ])
-              ])) : (o(), l("div", {
+              ])) : (l(), r("div", {
                 class: "form-group",
                 key: n.refreshKey || "default"
               }, [
-                t[35] || (t[35] = e("label", null, "Upload Image Evidence", -1)),
-                t[36] || (t[36] = e("p", null, "You can only upload one image evidence here.", -1)),
-                e("div", st, [
-                  e("p", null, r(n.fileText), 1),
-                  e("input", {
+                e[35] || (e[35] = t("label", null, "Upload Image Evidence", -1)),
+                e[36] || (e[36] = t("p", null, "You can only upload one image evidence here.", -1)),
+                t("div", lt, [
+                  t("p", null, a(n.fileText), 1),
+                  t("input", {
                     type: "file",
                     id: "evidence-files",
                     class: "file-input",
-                    onChange: t[2] || (t[2] = (...i) => a.handleImg && a.handleImg(...i))
+                    onChange: e[2] || (e[2] = (...i) => o.handleImg && o.handleImg(...i))
                   }, null, 32),
-                  t[34] || (t[34] = e("label", {
+                  e[34] || (e[34] = t("label", {
                     for: "evidence-files",
                     class: "file-label"
                   }, "Browse Files", -1))
                 ])
               ])),
-              a.completedCount === n.checklists.length ? (o(), l("div", it, " All tasks completed! ✅ ")) : m("", !0),
-              e("button", {
+              o.completedCount === n.checklists.length ? (l(), r("div", rt, " All tasks completed! ✅ ")) : c("", !0),
+              t("button", {
                 class: "reset-button",
-                onClick: t[3] || (t[3] = D((...i) => a.resetTasks && a.resetTasks(...i), ["prevent"]))
-              }, r(a.checklistButtonLabel), 1)
+                onClick: e[3] || (e[3] = D((...i) => o.resetTasks && o.resetTasks(...i), ["prevent"]))
+              }, a(o.checklistButtonLabel), 1)
             ])
           ]))
         ], 2), [
-          [P, n.activeSection === "maintenance"]
+          [A, n.activeSection === "maintenance"]
         ]),
-        v(e("section", {
-          class: g(["form-section", { active: n.activeSection === "schedule" }])
+        h(t("section", {
+          class: b(["form-section", { active: n.activeSection === "schedule" }])
         }, [
-          t[62] || (t[62] = e("h2", null, "📅 Maintenance Schedule", -1)),
-          e("form", null, [
-            e("div", nt, [
-              t[38] || (t[38] = e("label", { for: "task-name" }, "Task Name", -1)),
-              v(e("input", {
+          e[62] || (e[62] = t("h2", null, "📅 Maintenance Schedule", -1)),
+          t("form", null, [
+            t("div", at, [
+              e[38] || (e[38] = t("label", { for: "task-name" }, "Task Name", -1)),
+              h(t("input", {
                 type: "text",
                 id: "task-name",
-                "onUpdate:modelValue": t[4] || (t[4] = (i) => n.form.taskName = i),
+                "onUpdate:modelValue": e[4] || (e[4] = (i) => n.form.taskName = i),
                 required: ""
               }, null, 512), [
                 [k, n.form.taskName]
               ])
             ]),
-            e("div", ot, [
-              t[39] || (t[39] = e("label", { for: "task-description" }, "Description", -1)),
-              v(e("textarea", {
+            t("div", dt, [
+              e[39] || (e[39] = t("label", { for: "task-description" }, "Description", -1)),
+              h(t("textarea", {
                 id: "task-description",
-                "onUpdate:modelValue": t[5] || (t[5] = (i) => n.form.description = i),
+                "onUpdate:modelValue": e[5] || (e[5] = (i) => n.form.description = i),
                 required: ""
               }, null, 512), [
                 [k, n.form.description]
               ])
             ]),
-            e("div", lt, [
-              e("div", rt, [
-                t[41] || (t[41] = e("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
-                v(e("select", {
+            t("div", ut, [
+              t("div", ct, [
+                e[41] || (e[41] = t("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
+                h(t("select", {
                   id: "maintenance-type",
-                  "onUpdate:modelValue": t[6] || (t[6] = (i) => n.form.maintenanceType = i),
+                  "onUpdate:modelValue": e[6] || (e[6] = (i) => n.form.maintenanceType = i),
                   required: ""
-                }, t[40] || (t[40] = [
+                }, e[40] || (e[40] = [
                   x('<option value="">-- Select Type --</option><option value="preventive">Preventive</option><option value="corrective">Corrective</option><option value="predictive">Predictive</option><option value="condition">Condition-Based</option>', 5)
                 ]), 512), [
-                  [C, n.form.maintenanceType]
+                  [_, n.form.maintenanceType]
                 ])
               ]),
-              e("div", at, [
-                t[43] || (t[43] = e("label", { for: "component" }, "Component/System", -1)),
-                v(e("select", {
+              t("div", mt, [
+                e[43] || (e[43] = t("label", { for: "component" }, "Component/System", -1)),
+                h(t("select", {
                   id: "component",
-                  "onUpdate:modelValue": t[7] || (t[7] = (i) => n.form.component = i),
+                  "onUpdate:modelValue": e[7] || (e[7] = (i) => n.form.component = i),
                   required: ""
-                }, t[42] || (t[42] = [
+                }, e[42] || (e[42] = [
                   x('<option value="">-- Select Component --</option><option value="engine">Engine</option><option value="hull">Hull</option><option value="electronics">Electronics</option><option value="deck">Deck Machinery</option><option value="plumbing">Plumbing</option><option value="electrical">Electrical</option><option value="hvac">HVAC</option><option value="safety">Safety Systems</option><option value="Other">Other</option>', 10)
                 ]), 512), [
-                  [C, n.form.component]
+                  [_, n.form.component]
                 ]),
-                n.form.component === "Other" ? v((o(), l("input", {
+                n.form.component === "Other" ? h((l(), r("input", {
                   key: 0,
                   type: "text",
                   placeholder: "Enter custom component/system",
-                  "onUpdate:modelValue": t[8] || (t[8] = (i) => n.form.customComponent = i),
+                  "onUpdate:modelValue": e[8] || (e[8] = (i) => n.form.customComponent = i),
                   style: { "margin-top": "8px" }
                 }, null, 512)), [
                   [k, n.form.customComponent]
-                ]) : m("", !0)
+                ]) : c("", !0)
               ])
             ]),
-            e("div", dt, [
-              e("div", ut, [
-                t[45] || (t[45] = e("label", { for: "priority" }, "Priority", -1)),
-                v(e("select", {
+            t("div", vt, [
+              t("div", pt, [
+                e[45] || (e[45] = t("label", { for: "priority" }, "Priority", -1)),
+                h(t("select", {
                   id: "priority",
-                  "onUpdate:modelValue": t[9] || (t[9] = (i) => n.form.priority = i),
+                  "onUpdate:modelValue": e[9] || (e[9] = (i) => n.form.priority = i),
                   required: ""
-                }, t[44] || (t[44] = [
-                  e("option", { value: "low" }, "Low", -1),
-                  e("option", { value: "medium" }, "Medium", -1),
-                  e("option", { value: "high" }, "High", -1),
-                  e("option", { value: "critical" }, "Critical", -1)
+                }, e[44] || (e[44] = [
+                  t("option", { value: "low" }, "Low", -1),
+                  t("option", { value: "medium" }, "Medium", -1),
+                  t("option", { value: "high" }, "High", -1),
+                  t("option", { value: "critical" }, "Critical", -1)
                 ]), 512), [
-                  [C, n.form.priority]
+                  [_, n.form.priority]
                 ])
               ]),
-              e("div", ct, [
-                t[46] || (t[46] = e("label", { for: "status" }, "Status", -1)),
-                v(e("input", {
+              t("div", ht, [
+                e[46] || (e[46] = t("label", { for: "status" }, "Status", -1)),
+                h(t("input", {
                   type: "text",
                   id: "status",
-                  "onUpdate:modelValue": t[10] || (t[10] = (i) => n.form.status = i),
+                  "onUpdate:modelValue": e[10] || (e[10] = (i) => n.form.status = i),
                   readonly: ""
                 }, null, 512), [
                   [k, n.form.status]
                 ])
               ])
             ]),
-            e("div", mt, [
-              e("div", vt, [
-                t[47] || (t[47] = e("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
-                v(e("input", {
+            t("div", ft, [
+              t("div", gt, [
+                e[47] || (e[47] = t("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
+                h(t("input", {
                   type: "number",
                   id: "estimated-hours",
-                  "onUpdate:modelValue": t[11] || (t[11] = (i) => n.form.estimatedHours = i),
+                  "onUpdate:modelValue": e[11] || (e[11] = (i) => n.form.estimatedHours = i),
                   min: "0",
                   step: "0.5"
                 }, null, 512), [
@@ -1090,363 +1138,363 @@ function Ps(s, t, u, b, n, a) {
                 ])
               ])
             ]),
-            e("div", pt, [
-              t[49] || (t[49] = e("label", { for: "assigned-to" }, "Assigned To", -1)),
-              v(e("select", {
+            t("div", bt, [
+              e[49] || (e[49] = t("label", { for: "assigned-to" }, "Assigned To", -1)),
+              h(t("select", {
                 id: "assigned-to",
-                "onUpdate:modelValue": t[12] || (t[12] = (i) => n.form.assignedTo = i)
+                "onUpdate:modelValue": e[12] || (e[12] = (i) => n.form.assignedTo = i)
               }, [
-                t[48] || (t[48] = e("option", { value: "" }, "-- Select Personnel --", -1)),
-                (o(!0), l(p, null, h(u.vesselCrew, (i) => (o(), l("option", {
+                e[48] || (e[48] = t("option", { value: "" }, "-- Select Personnel --", -1)),
+                (l(!0), r(f, null, g(d.vesselCrew, (i) => (l(), r("option", {
                   key: i.id,
                   value: `${i.name} - ${i.role}`
-                }, r(i.name) + " - " + r(i.role), 9, ft))), 128))
+                }, a(i.name) + " - " + a(i.role), 9, yt))), 128))
               ], 512), [
-                [C, n.form.assignedTo]
+                [_, n.form.assignedTo]
               ])
             ]),
-            e("div", ht, [
-              e("div", gt, [
-                t[51] || (t[51] = e("label", { for: "recurrence-type" }, "Recurrence", -1)),
-                v(e("select", {
+            t("div", wt, [
+              t("div", kt, [
+                e[51] || (e[51] = t("label", { for: "recurrence-type" }, "Recurrence", -1)),
+                h(t("select", {
                   id: "recurrence-type",
-                  "onUpdate:modelValue": t[13] || (t[13] = (i) => n.form.recurrence = i),
+                  "onUpdate:modelValue": e[13] || (e[13] = (i) => n.form.recurrence = i),
                   required: ""
-                }, t[50] || (t[50] = [
+                }, e[50] || (e[50] = [
                   x('<option value="once">One-time</option><option value="daily">Daily</option><option value="weekly">Weekly</option><option value="monthly">Monthly</option><option value="quarterly">Quarterly</option><option value="semi-annual">Semi-annually</option><option value="annual">Annually</option><option value="custom">Custom Interval</option>', 8)
                 ]), 512), [
-                  [C, n.form.recurrence]
+                  [_, n.form.recurrence]
                 ])
               ])
             ]),
-            e("div", bt, [
-              e("div", yt, [
-                t[52] || (t[52] = e("label", { for: "last-performed" }, "Last Performed Date", -1)),
-                v(e("input", {
+            t("div", Ct, [
+              t("div", _t, [
+                e[52] || (e[52] = t("label", { for: "last-performed" }, "Last Performed Date", -1)),
+                h(t("input", {
                   type: "date",
                   id: "last-performed",
-                  "onUpdate:modelValue": t[14] || (t[14] = (i) => n.form.lastPerformed = i)
+                  "onUpdate:modelValue": e[14] || (e[14] = (i) => n.form.lastPerformed = i)
                 }, null, 512), [
                   [k, n.form.lastPerformed]
                 ])
               ]),
-              e("div", wt, [
-                t[53] || (t[53] = e("label", { for: "next-due" }, "Due Date", -1)),
-                v(e("input", {
+              t("div", Dt, [
+                e[53] || (e[53] = t("label", { for: "next-due" }, "Due Date", -1)),
+                h(t("input", {
                   type: "date",
                   id: "next-due",
-                  "onUpdate:modelValue": t[15] || (t[15] = (i) => n.form.nextDue = i),
+                  "onUpdate:modelValue": e[15] || (e[15] = (i) => n.form.nextDue = i),
                   required: ""
                 }, null, 512), [
                   [k, n.form.nextDue]
                 ])
               ])
             ]),
-            e("div", kt, [
-              t[56] || (t[56] = e("label", null, "Notifications", -1)),
-              e("div", _t, [
-                e("div", Ct, [
-                  v(e("input", {
+            t("div", xt, [
+              e[56] || (e[56] = t("label", null, "Notifications", -1)),
+              t("div", St, [
+                t("div", At, [
+                  h(t("input", {
                     type: "checkbox",
                     id: "notify-email",
-                    "onUpdate:modelValue": t[16] || (t[16] = (i) => n.form.notifyEmail = i)
+                    "onUpdate:modelValue": e[16] || (e[16] = (i) => n.form.notifyEmail = i)
                   }, null, 512), [
-                    [N, n.form.notifyEmail]
+                    [E, n.form.notifyEmail]
                   ]),
-                  t[54] || (t[54] = e("label", { for: "notify-email" }, "Email Notification", -1))
+                  e[54] || (e[54] = t("label", { for: "notify-email" }, "Email Notification", -1))
                 ]),
-                e("div", Dt, [
-                  v(e("input", {
+                t("div", Pt, [
+                  h(t("input", {
                     type: "checkbox",
                     id: "notify-sms",
-                    "onUpdate:modelValue": t[17] || (t[17] = (i) => n.form.notifySms = i)
+                    "onUpdate:modelValue": e[17] || (e[17] = (i) => n.form.notifySms = i)
                   }, null, 512), [
-                    [N, n.form.notifySms]
+                    [E, n.form.notifySms]
                   ]),
-                  t[55] || (t[55] = e("label", { for: "notify-sms" }, "SMS Notification", -1))
+                  e[55] || (e[55] = t("label", { for: "notify-sms" }, "SMS Notification", -1))
                 ])
               ])
             ]),
-            e("div", xt, [
-              e("div", St, [
-                t[58] || (t[58] = e("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
-                v(e("select", {
+            t("div", Tt, [
+              t("div", qt, [
+                e[58] || (e[58] = t("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
+                h(t("select", {
                   id: "reminder-days",
-                  "onUpdate:modelValue": t[18] || (t[18] = (i) => n.form.reminderDays = i)
-                }, t[57] || (t[57] = [
+                  "onUpdate:modelValue": e[18] || (e[18] = (i) => n.form.reminderDays = i)
+                }, e[57] || (e[57] = [
                   x('<option value="1">1 day</option><option value="3">3 days</option><option value="7">1 week</option><option value="14">2 weeks</option><option value="30">1 month</option>', 5)
                 ]), 512), [
-                  [C, n.form.reminderDays]
+                  [_, n.form.reminderDays]
                 ])
               ])
             ]),
-            e("div", Pt, [
-              t[59] || (t[59] = e("label", { for: "schedule-notes" }, "Notes", -1)),
-              v(e("textarea", {
+            t("div", It, [
+              e[59] || (e[59] = t("label", { for: "schedule-notes" }, "Notes", -1)),
+              h(t("textarea", {
                 id: "schedule-notes",
-                "onUpdate:modelValue": t[19] || (t[19] = (i) => n.form.notes = i)
+                "onUpdate:modelValue": e[19] || (e[19] = (i) => n.form.notes = i)
               }, null, 512), [
                 [k, n.form.notes]
               ])
             ]),
-            e("div", At, [
-              t[61] || (t[61] = e("label", null, "Attachments", -1)),
-              e("div", qt, [
-                e("p", null, r(n.imgText), 1),
-                e("input", {
+            t("div", Ft, [
+              e[61] || (e[61] = t("label", null, "Attachments", -1)),
+              t("div", Rt, [
+                t("p", null, a(n.imgText), 1),
+                t("input", {
                   type: "file",
                   id: "maintenance-files",
                   class: "file-input",
-                  onChange: t[20] || (t[20] = (...i) => a.handleFiles && a.handleFiles(...i)),
+                  onChange: e[20] || (e[20] = (...i) => o.handleFiles && o.handleFiles(...i)),
                   multiple: ""
                 }, null, 32),
-                t[60] || (t[60] = e("label", {
+                e[60] || (e[60] = t("label", {
                   for: "maintenance-files",
                   class: "file-label"
                 }, "Browse Files", -1))
               ])
             ]),
-            e("div", Tt, [
-              e("button", {
+            t("div", Vt, [
+              t("button", {
                 type: "button",
                 class: "btn btn-primary",
-                onClick: t[21] || (t[21] = D((...i) => a.saveSchedule && a.saveSchedule(...i), ["prevent"])),
+                onClick: e[21] || (e[21] = D((...i) => o.saveSchedule && o.saveSchedule(...i), ["prevent"])),
                 disabled: n.isSaving
-              }, r(n.isSaving ? "Saving..." : "Save Schedule"), 9, It)
+              }, a(n.isSaving ? "Saving..." : "Save Schedule"), 9, Mt)
             ])
           ])
         ], 2), [
-          [P, n.activeSection === "schedule"]
+          [A, n.activeSection === "schedule"]
         ]),
-        v(e("section", {
-          class: g(["form-section", { active: n.activeSection === "inventory" }])
+        h(t("section", {
+          class: b(["form-section", { active: n.activeSection === "inventory" }])
         }, [
-          t[68] || (t[68] = e("h2", null, "All Maintenance", -1)),
-          e("div", Rt, [
-            e("div", Mt, [
-              e("div", Vt, [
-                e("button", {
-                  class: g({ active: n.activeFilter === "due" }),
-                  onClick: t[22] || (t[22] = (i) => a.setFilter("due"))
+          e[68] || (e[68] = t("h2", null, "All Maintenance", -1)),
+          t("div", Nt, [
+            t("div", Et, [
+              t("div", Lt, [
+                t("button", {
+                  class: b({ active: n.activeFilter === "due" }),
+                  onClick: e[22] || (e[22] = (i) => o.setFilter("due"))
                 }, "Due", 2),
-                e("button", {
-                  class: g({ active: n.activeFilter === "all" }),
-                  onClick: t[23] || (t[23] = (i) => a.setFilter("all"))
+                t("button", {
+                  class: b({ active: n.activeFilter === "all" }),
+                  onClick: e[23] || (e[23] = (i) => o.setFilter("all"))
                 }, "All", 2),
-                e("button", {
-                  class: g({ active: n.activeFilter === "completed" }),
-                  onClick: t[24] || (t[24] = (i) => a.setFilter("completed"))
+                t("button", {
+                  class: b({ active: n.activeFilter === "completed" }),
+                  onClick: e[24] || (e[24] = (i) => o.setFilter("completed"))
                 }, "Completed", 2),
-                v(e("input", {
+                h(t("input", {
                   type: "text",
-                  "onUpdate:modelValue": t[25] || (t[25] = (i) => n.searchQuery = i),
+                  "onUpdate:modelValue": e[25] || (e[25] = (i) => n.searchQuery = i),
                   placeholder: "Search..."
                 }, null, 512), [
                   [k, n.searchQuery]
                 ])
               ])
             ]),
-            e("table", Ft, [
-              t[63] || (t[63] = e("thead", null, [
-                e("tr", null, [
-                  e("th", null, "Equipment"),
-                  e("th", null, "Task Name"),
-                  e("th", null, "Assigned To"),
-                  e("th", null, "Intervals"),
-                  e("th", null, "Remaining"),
-                  e("th", null, "Next Due"),
-                  e("th", null, "Status"),
-                  e("th", null, "Action")
+            t("table", Ot, [
+              e[63] || (e[63] = t("thead", null, [
+                t("tr", null, [
+                  t("th", null, "Equipment"),
+                  t("th", null, "Task Name"),
+                  t("th", null, "Assigned To"),
+                  t("th", null, "Intervals"),
+                  t("th", null, "Remaining"),
+                  t("th", null, "Next Due"),
+                  t("th", null, "Status"),
+                  t("th", null, "Action")
                 ])
               ], -1)),
-              e("tbody", null, [
-                (o(!0), l(p, null, h(a.filteredTasks, (i) => (o(), l("tr", {
+              t("tbody", null, [
+                (l(!0), r(f, null, g(o.filteredTasks, (i) => (l(), r("tr", {
                   key: i.id
                 }, [
-                  e("td", null, r(i.component), 1),
-                  e("td", null, r(i.taskName), 1),
-                  e("td", null, r(i.assignedTo), 1),
-                  e("td", null, r(i.recurrence), 1),
-                  e("td", null, r(i.remainingDays), 1),
-                  e("td", null, r(i.nextDue), 1),
-                  e("td", null, [
-                    e("span", {
-                      class: g(["status-badge", i.status.toLowerCase().replace(" ", "-")])
-                    }, r(i.status), 3)
+                  t("td", null, a(i.component), 1),
+                  t("td", null, a(i.taskName), 1),
+                  t("td", null, a(i.assignedTo), 1),
+                  t("td", null, a(i.recurrence), 1),
+                  t("td", null, a(i.remainingDays), 1),
+                  t("td", null, a(i.nextDue), 1),
+                  t("td", null, [
+                    t("span", {
+                      class: b(["status-badge", i.status.toLowerCase().replace(" ", "-")])
+                    }, a(i.status), 3)
                   ]),
-                  e("td", null, [
-                    i.status === "Completed" ? (o(), l("button", {
+                  t("td", null, [
+                    i.status === "Completed" ? (l(), r("button", {
                       key: 0,
-                      onClick: (f) => a.printMaintenance(i.component),
+                      onClick: (m) => o.printMaintenance(i.component),
                       class: "status-action"
-                    }, "Print", 8, Et)) : (o(), l("button", {
+                    }, "Print", 8, Ut)) : (l(), r("button", {
                       key: 1,
-                      onClick: (f) => a.showMaintenance(i.component),
+                      onClick: (m) => o.showMaintenance(i.component),
                       class: "status-action"
-                    }, "Start", 8, Nt))
+                    }, "Start", 8, $t))
                   ])
                 ]))), 128))
               ])
             ]),
-            u.tasks.length ? m("", !0) : (o(), l("div", Ot, [
-              e("div", Ut, [
-                t[65] || (t[65] = e("h4", { class: "alert-heading" }, "Such Empty!!!", -1)),
-                t[66] || (t[66] = e("p", null, "You have no maintenance, because you have not scheduled any for this ship.", -1)),
-                t[67] || (t[67] = e("hr", null, null, -1)),
-                e("p", Lt, [
-                  t[64] || (t[64] = _("Navigate to the schedule tab, to start scheduling. Or click on this button to ", -1)),
-                  e("button", {
+            d.tasks.length ? c("", !0) : (l(), r("div", jt, [
+              t("div", Bt, [
+                e[65] || (e[65] = t("h4", { class: "alert-heading" }, "Such Empty!!!", -1)),
+                e[66] || (e[66] = t("p", null, "You have no maintenance, because you have not scheduled any for this ship.", -1)),
+                e[67] || (e[67] = t("hr", null, null, -1)),
+                t("p", Ht, [
+                  e[64] || (e[64] = w("Navigate to the schedule tab, to start scheduling. Or click on this button to ", -1)),
+                  t("button", {
                     type: "button",
                     class: "btn btn-primary",
-                    onClick: t[26] || (t[26] = (i) => a.switchSchedule())
+                    onClick: e[26] || (e[26] = (i) => o.switchSchedule())
                   }, "Schedule")
                 ])
               ])
             ]))
           ])
         ], 2), [
-          [P, n.activeSection === "inventory"]
+          [A, n.activeSection === "inventory"]
         ])
       ], 512), [
-        [P, !n.showReport]
+        [A, !n.showReport]
       ]),
-      v(e("div", $t, [
-        t[89] || (t[89] = e("div", { class: "header" }, [
-          e("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
+      h(t("div", Qt, [
+        e[89] || (e[89] = t("div", { class: "header" }, [
+          t("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
         ], -1)),
-        e("div", jt, [
-          e("div", Bt, [
-            t[69] || (t[69] = e("div", { class: "info-label" }, "Report Generated:", -1)),
-            e("div", null, r(n.reportDate), 1)
+        t("div", Jt, [
+          t("div", Wt, [
+            e[69] || (e[69] = t("div", { class: "info-label" }, "Report Generated:", -1)),
+            t("div", null, a(n.reportDate), 1)
           ]),
-          e("div", Ht, [
-            t[70] || (t[70] = e("div", { class: "info-label" }, "Report ID:", -1)),
-            e("div", null, r(n.reportId), 1)
+          t("div", Kt, [
+            e[70] || (e[70] = t("div", { class: "info-label" }, "Report ID:", -1)),
+            t("div", null, a(n.reportId), 1)
           ]),
-          e("div", Qt, [
-            t[71] || (t[71] = e("div", { class: "info-label" }, "Total Tasks:", -1)),
-            e("div", null, r(n.maintenanceTasks.length), 1)
+          t("div", zt, [
+            e[71] || (e[71] = t("div", { class: "info-label" }, "Total Tasks:", -1)),
+            t("div", null, a(n.maintenanceTasks.length), 1)
           ]),
-          t[72] || (t[72] = e("div", { class: "info-box" }, [
-            e("div", { class: "info-label" }, "Generated By:"),
-            e("div", null, "OceanHelm System")
+          e[72] || (e[72] = t("div", { class: "info-box" }, [
+            t("div", { class: "info-label" }, "Generated By:"),
+            t("div", null, "OceanHelm System")
           ], -1))
         ]),
-        e("div", Jt, [
-          t[75] || (t[75] = e("div", { class: "section-title" }, "📊 Task Summary", -1)),
-          e("div", Wt, [
-            t[74] || (t[74] = x('<div class="summary-card"><div class="summary-number">1</div><div class="summary-label">Completed</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Pending</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Overdue</div></div>', 3)),
-            e("div", Gt, [
-              e("div", zt, r(a.totalEstimatedHours), 1),
-              t[73] || (t[73] = e("div", { class: "summary-label" }, "Total Hours", -1))
+        t("div", Gt, [
+          e[75] || (e[75] = t("div", { class: "section-title" }, "📊 Task Summary", -1)),
+          t("div", Yt, [
+            e[74] || (e[74] = x('<div class="summary-card"><div class="summary-number">1</div><div class="summary-label">Completed</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Pending</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Overdue</div></div>', 3)),
+            t("div", Xt, [
+              t("div", Zt, a(o.totalEstimatedHours), 1),
+              e[73] || (e[73] = t("div", { class: "summary-label" }, "Total Hours", -1))
             ])
           ])
         ]),
-        e("div", Yt, [
-          t[85] || (t[85] = e("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
-          (o(!0), l(p, null, h(n.maintenanceTasks, (i) => (o(), l("div", {
+        t("div", es, [
+          e[85] || (e[85] = t("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
+          (l(!0), r(f, null, g(n.maintenanceTasks, (i) => (l(), r("div", {
             key: i.taskName,
-            class: g(["task-item", a.getTaskStatusClass(i)])
+            class: b(["task-item", o.getTaskStatusClass(i)])
           }, [
-            e("div", Kt, [
-              e("div", null, [
-                e("div", Xt, [
-                  _(r(i.taskName) + " ", 1),
-                  e("span", {
-                    class: g(["maintenance-type", "type-" + i.maintenanceType])
-                  }, r(i.maintenanceType), 3)
+            t("div", ts, [
+              t("div", null, [
+                t("div", ss, [
+                  w(a(i.taskName) + " ", 1),
+                  t("span", {
+                    class: b(["maintenance-type", "type-" + i.maintenanceType])
+                  }, a(i.maintenanceType), 3)
                 ]),
-                e("div", Zt, "Component: " + r(i.component), 1)
+                t("div", is, "Component: " + a(i.component), 1)
               ]),
-              e("span", {
-                class: g(["status-badge", "status-" + i.status.toLowerCase().replace(" ", "-")])
-              }, r(i.status), 3)
+              t("span", {
+                class: b(["status-badge", "status-" + i.status.toLowerCase().replace(" ", "-")])
+              }, a(i.status), 3)
             ]),
-            e("div", es, [
-              e("div", ts, [
-                t[76] || (t[76] = e("div", { class: "detail-label" }, "Assigned To", -1)),
-                e("div", ss, r(i.assignedTo), 1)
+            t("div", ns, [
+              t("div", os, [
+                e[76] || (e[76] = t("div", { class: "detail-label" }, "Assigned To", -1)),
+                t("div", ls, a(i.assignedTo), 1)
               ]),
-              e("div", is, [
-                t[77] || (t[77] = e("div", { class: "detail-label" }, "Estimated Hours", -1)),
-                e("div", ns, r(i.estimatedHours) + " hours", 1)
+              t("div", rs, [
+                e[77] || (e[77] = t("div", { class: "detail-label" }, "Estimated Hours", -1)),
+                t("div", as, a(i.estimatedHours) + " hours", 1)
               ]),
-              e("div", os, [
-                t[78] || (t[78] = e("div", { class: "detail-label" }, "Last Performed", -1)),
-                e("div", ls, r(a.formatDate(i.lastPerformed)), 1)
+              t("div", ds, [
+                e[78] || (e[78] = t("div", { class: "detail-label" }, "Last Performed", -1)),
+                t("div", us, a(o.formatDate(i.lastPerformed)), 1)
               ]),
-              e("div", rs, [
-                t[79] || (t[79] = e("div", { class: "detail-label" }, "Next Due", -1)),
-                e("div", as, r(a.formatDate(i.nextDue)), 1)
+              t("div", cs, [
+                e[79] || (e[79] = t("div", { class: "detail-label" }, "Next Due", -1)),
+                t("div", ms, a(o.formatDate(i.nextDue)), 1)
               ]),
-              e("div", ds, [
-                t[80] || (t[80] = e("div", { class: "detail-label" }, "Recurrence", -1)),
-                e("div", us, r(i.recurrence), 1)
+              t("div", vs, [
+                e[80] || (e[80] = t("div", { class: "detail-label" }, "Recurrence", -1)),
+                t("div", ps, a(i.recurrence), 1)
               ]),
-              e("div", cs, [
-                t[81] || (t[81] = e("div", { class: "detail-label" }, "Remaining Days", -1)),
-                e("div", ms, r(i.remainingDays) + " days", 1)
+              t("div", hs, [
+                e[81] || (e[81] = t("div", { class: "detail-label" }, "Remaining Days", -1)),
+                t("div", fs, a(i.remainingDays) + " days", 1)
               ])
             ]),
-            i.description ? (o(), l("div", vs, [
-              t[82] || (t[82] = e("div", { class: "detail-label" }, "Description", -1)),
-              e("div", ps, r(i.description), 1)
-            ])) : m("", !0),
-            i.notes ? (o(), l("div", fs, [
-              t[83] || (t[83] = e("div", { class: "detail-label" }, "Notes", -1)),
-              e("div", hs, r(i.notes), 1)
-            ])) : m("", !0),
-            i.checklistProgress && i.checklistProgress.length > 0 ? (o(), l("div", gs, [
-              t[84] || (t[84] = e("div", { class: "detail-label" }, "Checklist Progress", -1)),
-              e("div", bs, [
-                e("div", {
+            i.description ? (l(), r("div", gs, [
+              e[82] || (e[82] = t("div", { class: "detail-label" }, "Description", -1)),
+              t("div", bs, a(i.description), 1)
+            ])) : c("", !0),
+            i.notes ? (l(), r("div", ys, [
+              e[83] || (e[83] = t("div", { class: "detail-label" }, "Notes", -1)),
+              t("div", ws, a(i.notes), 1)
+            ])) : c("", !0),
+            i.checklistProgress && i.checklistProgress.length > 0 ? (l(), r("div", ks, [
+              e[84] || (e[84] = t("div", { class: "detail-label" }, "Checklist Progress", -1)),
+              t("div", Cs, [
+                t("div", {
                   class: "progress-fill",
-                  style: E({ width: a.getChecklistProgress(i) + "%" })
+                  style: N({ width: o.getChecklistProgress(i) + "%" })
                 }, null, 4)
               ]),
-              e("div", ys, r(a.getCompletedChecklistItems(i)) + " of " + r(i.checklistProgress.length) + " items completed (" + r(a.getChecklistProgress(i)) + "%) ", 1),
-              e("div", ws, [
-                (o(!0), l(p, null, h(i.checklistProgress, (f, y) => (o(), l("div", {
+              t("div", _s, a(o.getCompletedChecklistItems(i)) + " of " + a(i.checklistProgress.length) + " items completed (" + a(o.getChecklistProgress(i)) + "%) ", 1),
+              t("div", Ds, [
+                (l(!0), r(f, null, g(i.checklistProgress, (m, y) => (l(), r("div", {
                   key: y,
                   class: "checklist-item"
                 }, [
-                  e("span", ks, r(f.completed ? "✅" : "⭕"), 1),
-                  e("span", null, r(f.text || "Checklist Item " + (y + 1)), 1)
+                  t("span", xs, a(m.completed ? "✅" : "⭕"), 1),
+                  t("span", null, a(m.text || "Checklist Item " + (y + 1)), 1)
                 ]))), 128))
               ])
-            ])) : m("", !0)
+            ])) : c("", !0)
           ], 2))), 128))
         ]),
-        e("div", _s, [
-          t[86] || (t[86] = e("div", { class: "section-title" }, "📋 Recommendations", -1)),
-          e("div", Cs, [
-            e("ul", null, [
-              (o(!0), l(p, null, h(a.generateRecommendations(), (i) => (o(), l("li", { key: i }, r(i), 1))), 128))
+        t("div", Ss, [
+          e[86] || (e[86] = t("div", { class: "section-title" }, "📋 Recommendations", -1)),
+          t("div", As, [
+            t("ul", null, [
+              (l(!0), r(f, null, g(o.generateRecommendations(), (i) => (l(), r("li", { key: i }, a(i), 1))), 128))
             ])
           ])
         ]),
-        e("div", Ds, [
-          t[88] || (t[88] = e("div", { class: "signature-box" }, [
-            e("div", null, [
-              e("strong", null, "Report Generated By")
+        t("div", Ps, [
+          e[88] || (e[88] = t("div", { class: "signature-box" }, [
+            t("div", null, [
+              t("strong", null, "Report Generated By")
             ]),
-            e("div", { style: { "margin-top": "10px", color: "#666" } }, "OceanHelm Maintenance System")
+            t("div", { style: { "margin-top": "10px", color: "#666" } }, "OceanHelm Maintenance System")
           ], -1)),
-          e("div", xs, [
-            t[87] || (t[87] = e("div", null, [
-              e("strong", null, "Date")
+          t("div", Ts, [
+            e[87] || (e[87] = t("div", null, [
+              t("strong", null, "Date")
             ], -1)),
-            e("div", Ss, r(n.reportDate), 1)
+            t("div", qs, a(n.reportDate), 1)
           ])
         ])
       ], 512), [
-        [P, n.showReport]
+        [A, n.showReport]
       ])
     ])
-  ])) : m("", !0);
+  ])) : c("", !0);
 }
-const As = /* @__PURE__ */ S(Ne, [["render", Ps]]);
-const qs = {
+const Fs = /* @__PURE__ */ S($e, [["render", Is]]);
+const Rs = {
   name: "ActivityLogs",
   props: {
     loading: Boolean,
@@ -1476,125 +1524,124 @@ const qs = {
       }[s] || "badge-view";
     }
   }
-}, Ts = { class: "activity-logs" }, Is = { class: "a-controls" }, Rs = { class: "a-search-box" }, Ms = ["value"], Vs = ["value"], Fs = { class: "stats-grid" }, Es = { class: "stat-card" }, Ns = { class: "value" }, Os = { class: "stat-card" }, Us = { class: "value" }, Ls = { class: "stat-card" }, $s = { class: "value" }, js = { class: "logs-container" }, Bs = {
+}, Vs = { class: "activity-logs" }, Ms = { class: "a-controls" }, Ns = { class: "a-search-box" }, Es = ["value"], Ls = ["value"], Os = { class: "stats-grid" }, Us = { class: "stat-card" }, $s = { class: "value" }, js = { class: "stat-card" }, Bs = { class: "value" }, Hs = { class: "stat-card" }, Qs = { class: "value" }, Js = { class: "logs-container" }, Ws = {
   key: 0,
   class: "loading"
-}, Hs = {
+}, Ks = {
   key: 1,
   class: "no-logs"
-}, Qs = { key: 2 }, Js = { class: "logs-table" }, Ws = { style: { color: "gray" } }, Gs = { style: { color: "gray" } }, zs = { class: "pagination" }, Ys = ["disabled"], Ks = ["onClick"], Xs = ["disabled"];
-function Zs(s, t, u, b, n, a) {
-  return o(), l("div", Ts, [
-    e("div", Is, [
-      e("div", Rs, [
-        e("input", {
+}, zs = { key: 2 }, Gs = { class: "logs-table" }, Ys = { style: { color: "gray" } }, Xs = { style: { color: "gray" } }, Zs = { class: "pagination" }, ei = ["disabled"], ti = ["onClick"], si = ["disabled"];
+function ii(s, e, d, p, n, o) {
+  return l(), r("div", Vs, [
+    t("div", Ms, [
+      t("div", Ns, [
+        t("input", {
           type: "text",
           placeholder: "Search activities, users, or actions...",
-          value: u.searchTerm,
-          onInput: t[0] || (t[0] = (i) => s.$emit("update:searchTerm", i.target.value))
-        }, null, 40, Ms)
+          value: d.searchTerm,
+          onInput: e[0] || (e[0] = (i) => s.$emit("update:searchTerm", i.target.value))
+        }, null, 40, Es)
       ]),
-      e("select", {
+      t("select", {
         class: "filter-select",
-        value: u.selectedFilter,
-        onChange: t[1] || (t[1] = (i) => s.$emit("update:selectedFilter", i.target.value))
-      }, t[6] || (t[6] = [
+        value: d.selectedFilter,
+        onChange: e[1] || (e[1] = (i) => s.$emit("update:selectedFilter", i.target.value))
+      }, e[6] || (e[6] = [
         x('<option value="all">All Activities</option><option value="login">Login</option><option value="logout">Logout</option><option value="create">Create</option><option value="update">Update</option><option value="delete">Delete</option><option value="view">View</option>', 7)
-      ]), 40, Vs),
-      e("button", {
+      ]), 40, Ls),
+      t("button", {
         class: "btn btn-primary",
-        onClick: t[2] || (t[2] = (i) => s.$emit("refresh"))
+        onClick: e[2] || (e[2] = (i) => s.$emit("refresh"))
       }, "🔄 Refresh"),
-      e("button", {
+      t("button", {
         class: "btn btn-secondary",
-        onClick: t[3] || (t[3] = (i) => s.$emit("download"))
+        onClick: e[3] || (e[3] = (i) => s.$emit("download"))
       }, "📥 Download Report")
     ]),
-    e("div", Fs, [
-      e("div", Es, [
-        t[7] || (t[7] = e("h3", null, "Total Activities", -1)),
-        e("div", Ns, r(u.totalActivities), 1)
+    t("div", Os, [
+      t("div", Us, [
+        e[7] || (e[7] = t("h3", null, "Total Activities", -1)),
+        t("div", $s, a(d.totalActivities), 1)
       ]),
-      e("div", Os, [
-        t[8] || (t[8] = e("h3", null, "Today's Activities", -1)),
-        e("div", Us, r(u.todayActivities), 1)
+      t("div", js, [
+        e[8] || (e[8] = t("h3", null, "Today's Activities", -1)),
+        t("div", Bs, a(d.todayActivities), 1)
       ]),
-      e("div", Ls, [
-        t[9] || (t[9] = e("h3", null, "Active Users", -1)),
-        e("div", $s, r(u.activeUsers), 1)
+      t("div", Hs, [
+        e[9] || (e[9] = t("h3", null, "Active Users", -1)),
+        t("div", Qs, a(d.activeUsers), 1)
       ]),
-      t[10] || (t[10] = e("div", { class: "stat-card" }, [
-        e("h3", null, "Important"),
-        e("div", { class: "badge-danger" }, " Logs are deleted at the end of every month, please download a copy ")
+      e[10] || (e[10] = t("div", { class: "stat-card" }, [
+        t("h3", null, "Important"),
+        t("div", { class: "badge-danger" }, " Logs are deleted at the end of every month, please download a copy ")
       ], -1))
     ]),
-    e("div", js, [
-      u.loading ? (o(), l("div", Bs, t[11] || (t[11] = [
-        e("div", { class: "spinner" }, null, -1),
-        e("p", null, "Loading activity logs...", -1)
-      ]))) : u.logs.length === 0 ? (o(), l("div", Hs, t[12] || (t[12] = [
-        e("h3", null, "No activities found", -1),
-        e("p", null, "Try adjusting your search or filter criteria", -1)
-      ]))) : (o(), l("div", Qs, [
-        e("table", Js, [
-          t[13] || (t[13] = e("thead", null, [
-            e("tr", null, [
-              e("th", null, "Timestamp"),
-              e("th", null, "User Name"),
-              e("th", null, "Action"),
-              e("th", null, "Details"),
-              e("th", null, "Section")
+    t("div", Js, [
+      d.loading ? (l(), r("div", Ws, e[11] || (e[11] = [
+        t("div", { class: "spinner" }, null, -1),
+        t("p", null, "Loading activity logs...", -1)
+      ]))) : d.logs.length === 0 ? (l(), r("div", Ks, e[12] || (e[12] = [
+        t("h3", null, "No activities found", -1),
+        t("p", null, "Try adjusting your search or filter criteria", -1)
+      ]))) : (l(), r("div", zs, [
+        t("table", Gs, [
+          e[13] || (e[13] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "Timestamp"),
+              t("th", null, "User Name"),
+              t("th", null, "Action"),
+              t("th", null, "Details"),
+              t("th", null, "Section")
             ])
           ], -1)),
-          e("tbody", null, [
-            (o(!0), l(p, null, h(u.paginatedLogs, (i) => (o(), l("tr", {
+          t("tbody", null, [
+            (l(!0), r(f, null, g(d.paginatedLogs, (i) => (l(), r("tr", {
               key: i.id
             }, [
-              e("td", null, r(a.formatDate(i.timestamp)), 1),
-              e("td", null, [
-                e("div", null, r(i.user_name), 1),
-                e("small", Ws, r(i.email), 1)
+              t("td", null, a(o.formatDate(i.timestamp)), 1),
+              t("td", null, [
+                t("div", null, a(i.user_name), 1),
+                t("small", Ys, a(i.email), 1)
               ]),
-              e("td", null, [
-                e("span", {
-                  class: g(["activity-badge", a.getBadgeClass(i.action)])
-                }, r(i.action), 3)
+              t("td", null, [
+                t("span", {
+                  class: b(["activity-badge", o.getBadgeClass(i.action)])
+                }, a(i.action), 3)
               ]),
-              e("td", null, [
-                _(r(i.details.status) + " ", 1),
-                (o(!0), l(p, null, h(i.details.information, (f, y) => (o(), l("div", { key: y }, [
-                  e("strong", null, r(y) + ": ", 1),
-                  e("small", Gs, r(f.from || "") + " → " + r(f.to || f), 1)
+              t("td", null, [
+                w(a(i.details.status) + " ", 1),
+                (l(!0), r(f, null, g(i.details.information, (m, y) => (l(), r("div", { key: y }, [
+                  t("strong", null, a(y) + ": ", 1),
+                  t("small", Xs, a(m.from || "") + " → " + a(m.to || m), 1)
                 ]))), 128))
               ]),
-              e("td", null, r(i.table_name), 1)
+              t("td", null, a(i.table_name), 1)
             ]))), 128))
           ])
         ]),
-        e("div", zs, [
-          e("button", {
-            onClick: t[4] || (t[4] = (i) => s.$emit("change-page", u.currentPage - 1)),
-            disabled: u.currentPage === 1
-          }, " Previous ", 8, Ys),
-          (o(!0), l(p, null, h(u.totalPages, (i) => (o(), l("button", {
+        t("div", Zs, [
+          t("button", {
+            onClick: e[4] || (e[4] = (i) => s.$emit("change-page", d.currentPage - 1)),
+            disabled: d.currentPage === 1
+          }, " Previous ", 8, ei),
+          (l(!0), r(f, null, g(d.totalPages, (i) => (l(), r("button", {
             key: i,
-            onClick: (f) => s.$emit("change-page", i),
-            class: g({ active: u.currentPage === i })
-          }, r(i), 11, Ks))), 128)),
-          e("button", {
-            onClick: t[5] || (t[5] = (i) => s.$emit("change-page", u.currentPage + 1)),
-            disabled: u.currentPage === u.totalPages
-          }, " Next ", 8, Xs)
+            onClick: (m) => s.$emit("change-page", i),
+            class: b({ active: d.currentPage === i })
+          }, a(i), 11, ti))), 128)),
+          t("button", {
+            onClick: e[5] || (e[5] = (i) => s.$emit("change-page", d.currentPage + 1)),
+            disabled: d.currentPage === d.totalPages
+          }, " Next ", 8, si)
         ])
       ]))
     ])
   ]);
 }
-const ei = /* @__PURE__ */ S(qs, [["render", Zs]]);
-const ti = {
+const ni = /* @__PURE__ */ S(Rs, [["render", ii]]);
+const oi = {
   name: "CrewManagement",
   props: {
-    // Required props
     crew: {
       type: Array,
       required: !0,
@@ -1608,7 +1655,6 @@ const ti = {
       type: Object,
       default: () => ({ role: "viewer" })
     },
-    // Optional props
     loading: {
       type: Boolean,
       default: !1
@@ -1617,7 +1663,6 @@ const ti = {
       type: Array,
       default: () => ["Captain", "First Officer", "Engineer", "Deckhand", "Mechanic", "Cook"]
     },
-    // Configuration props
     config: {
       type: Object,
       default: () => ({
@@ -1635,11 +1680,13 @@ const ti = {
     "crew-edit",
     "crew-delete",
     "crew-assign-shift",
+    "crew-deboard",
     "crew-add-certification",
     "crew-view-certification",
     "search-changed",
     "filter-changed",
-    "access-denied"
+    "access-denied",
+    "upload-cert-image"
   ],
   data() {
     return {
@@ -1647,13 +1694,26 @@ const ti = {
       filterStatus: "all",
       showAddForm: !1,
       formErrors: {},
+      expandedLogs: [],
+      showTimesheet: !1,
+      timesheetFilter: "all",
+      timesheetSearch: "",
+      timesheetSortKey: "timestamp",
+      timesheetSortOrder: "desc",
       newCrew: {
         name: "",
         role: "Deckhand",
         customRole: "",
         status: "available",
         nextShift: "",
-        certifications: [{ name: "", expiryDate: "" }],
+        certifications: [{
+          name: "",
+          expiryDate: "",
+          imageFile: null,
+          imagePreview: null,
+          imageName: "",
+          imageType: ""
+        }],
         notes: "",
         email: "",
         onBoard: ""
@@ -1666,10 +1726,46 @@ const ti = {
     },
     filteredCrew() {
       return this.crew.filter((s) => {
-        const t = this.searchQuery === "" || s.name.toLowerCase().includes(this.searchQuery.toLowerCase()) || s.role.toLowerCase().includes(this.searchQuery.toLowerCase()) || s.vessel && s.vessel.toLowerCase().includes(this.searchQuery.toLowerCase()), u = this.filterStatus === "all" || s.status === this.filterStatus;
-        return t && u;
+        const e = this.searchQuery === "" || s.name.toLowerCase().includes(this.searchQuery.toLowerCase()) || s.role.toLowerCase().includes(this.searchQuery.toLowerCase()) || s.vessel && s.vessel.toLowerCase().includes(this.searchQuery.toLowerCase()), d = this.filterStatus === "all" || s.status === this.filterStatus;
+        return e && d;
+      });
+    },
+    allTimesheetEntries() {
+      const s = [];
+      return this.crew.forEach((e) => {
+        e.log && e.log.length > 0 && e.log.forEach((d, p) => {
+          s.push({
+            ...d,
+            crewName: e.name,
+            role: e.role,
+            crewId: e.id,
+            uniqueId: `${e.id}-${p}`
+          });
+        });
+      }), s.sort((e, d) => {
+        const p = new Date(e.timestamp), n = new Date(d.timestamp);
+        return this.timesheetSortOrder === "desc" ? n - p : p - n;
       });
     },
+    filteredTimesheetEntries() {
+      let s = this.allTimesheetEntries;
+      if (this.timesheetFilter !== "all" && (s = s.filter((e) => e.action === this.timesheetFilter)), this.timesheetSearch) {
+        const e = this.timesheetSearch.toLowerCase();
+        s = s.filter(
+          (d) => d.crewName.toLowerCase().includes(e) || d.role.toLowerCase().includes(e) || d.action.toLowerCase().includes(e) || d.vessel && d.vessel.toLowerCase().includes(e) || d.notes && d.notes.toLowerCase().includes(e)
+        );
+      }
+      return this.sortTimesheetEntries(s);
+    },
+    uniqueCrewCount() {
+      return new Set(this.filteredTimesheetEntries.map((e) => e.crewId)).size;
+    },
+    timesheetDateRange() {
+      if (this.filteredTimesheetEntries.length === 0)
+        return "N/A";
+      const s = this.filteredTimesheetEntries.map((n) => new Date(n.timestamp)), e = new Date(Math.min(...s)), d = new Date(Math.max(...s)), p = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+      return `${p(e)} - ${p(d)}`;
+    },
     canAddCrew() {
       return this.config.enableAdd && this.hasPermission("add");
     },
@@ -1681,22 +1777,22 @@ const ti = {
     },
     canAssignShift() {
       return this.config.enableAssignShift && this.hasPermission("assign");
+    },
+    canDeboardCrew() {
+      return this.config.enableAssignShift && this.hasPermission("assign");
     }
   },
   methods: {
-    // Permission checking
     hasPermission(s) {
-      const { role: t, vessel: u } = this.userProfile, b = u === this.vesselName;
-      let a = {
+      const { role: e, vessel: d } = this.userProfile, p = d === this.vesselName;
+      let o = {
         owner: ["add", "edit", "delete", "assign", "view"],
         staff: ["add", "edit", "assign", "view"],
         captain: ["assign", "view"],
-        // default for captain
         viewer: ["view"]
-      }[t] || [];
-      return t === "captain" && b && (a = [...a, "add"]), a.includes(s);
+      }[e] || [];
+      return e === "captain" && p && (o = [...o, "add"]), o.includes(s);
     },
-    // Event handlers
     handleToggleAddForm() {
       if (!this.canAddCrew) {
         this.$emit("access-denied", { action: "add crew", userProfile: this.userProfile });
@@ -1710,23 +1806,83 @@ const ti = {
     handleFilter() {
       this.$emit("filter-changed", this.filterStatus);
     },
-    handleAddCrewMember() {
+    filterTimesheet() {
+    },
+    sortTimesheet(s) {
+      this.timesheetSortKey === s ? this.timesheetSortOrder = this.timesheetSortOrder === "asc" ? "desc" : "asc" : (this.timesheetSortKey = s, this.timesheetSortOrder = "asc");
+    },
+    sortTimesheetEntries(s) {
+      const e = [...s];
+      return e.sort((d, p) => {
+        let n, o;
+        switch (this.timesheetSortKey) {
+          case "timestamp":
+            n = new Date(d.timestamp), o = new Date(p.timestamp);
+            break;
+          case "crewName":
+            n = d.crewName.toLowerCase(), o = p.crewName.toLowerCase();
+            break;
+          case "role":
+            n = d.role.toLowerCase(), o = p.role.toLowerCase();
+            break;
+          case "action":
+            n = d.action.toLowerCase(), o = p.action.toLowerCase();
+            break;
+          default:
+            return 0;
+        }
+        return n < o ? this.timesheetSortOrder === "asc" ? -1 : 1 : n > o ? this.timesheetSortOrder === "asc" ? 1 : -1 : 0;
+      }), e;
+    },
+    getTimesheetRowClass(s) {
+      return `timesheet-row-${s.toLowerCase().replace(/\s+/g, "-")}`;
+    },
+    async handleAddCrewMember() {
       if (!this.validateForm())
         return;
       const s = this.newCrew.certifications.filter(
-        (b) => b.name.trim() !== "" && b.expiryDate !== ""
-      ), t = this.newCrew.role === "Other" ? this.newCrew.customRole : this.newCrew.role, u = {
+        (n) => n.name.trim() !== "" && n.expiryDate !== "" && n.imageFile !== null
+      );
+      if (s.length === 0) {
+        alert("Please add at least one complete certification with name, expiry date, and image.");
+        return;
+      }
+      const e = this.newCrew.role === "Other" ? this.newCrew.customRole : this.newCrew.role, d = await Promise.all(
+        s.map(async (n, o) => {
+          const i = await this.uploadCertificationImage(n.imageFile, this.newCrew.email);
+          return {
+            name: n.name,
+            expiryDate: n.expiryDate,
+            imageName: n.imageName,
+            imageType: n.imageType,
+            imageUrl: i.publicUrl
+            // Add the public URL here
+          };
+        })
+      ), p = {
         name: this.newCrew.name,
-        role: t,
+        role: e,
         status: this.newCrew.status,
-        certifications: s,
+        certifications: d,
         notes: this.newCrew.notes,
         vessel: this.vesselName,
         email: this.newCrew.email,
         onBoard: this.newCrew.onBoard,
         nextShift: this.newCrew.nextShift
       };
-      this.$emit("crew-add", u), this.resetForm(), this.showAddForm = !1;
+      this.$emit("crew-add", p), this.resetForm(), this.showAddForm = !1;
+    },
+    // Add this helper method to handle the upload:
+    async uploadCertificationImage(s, e) {
+      return new Promise((d, p) => {
+        this.$emit("upload-cert-image", {
+          file: s,
+          email: e,
+          callback: (n) => {
+            n.error ? p(n.error) : d(n);
+          }
+        });
+      });
     },
     handleCancelForm() {
       this.showAddForm = !1, this.resetForm();
@@ -1745,6 +1901,22 @@ const ti = {
       }
       this.$emit("crew-assign-shift", s);
     },
+    handleDeboardCrew(s) {
+      if (!this.canDeboardCrew) {
+        this.$emit("access-denied", { action: "deboard crew", userProfile: this.userProfile });
+        return;
+      }
+      let e = null;
+      if (s.nextShift) {
+        const d = new Date(s.nextShift), n = Math.abs(/* @__PURE__ */ new Date() - d);
+        e = Math.ceil(n / (1e3 * 60 * 60 * 24));
+      }
+      this.$emit("crew-deboard", { member: s, duration: e });
+    },
+    toggleCrewLog(s) {
+      const e = this.expandedLogs.indexOf(s);
+      e > -1 ? this.expandedLogs.splice(e, 1) : this.expandedLogs.push(s);
+    },
     handleAddCertification(s) {
       if (!this.canEditCrew) {
         this.$emit("access-denied", { action: "add certification", userProfile: this.userProfile });
@@ -1752,10 +1924,9 @@ const ti = {
       }
       this.$emit("crew-add-certification", s);
     },
-    handleViewCertification(s, t) {
-      this.$emit("crew-view-certification", { certification: s, member: t });
+    handleViewCertification(s, e) {
+      this.$emit("crew-view-certification", { certification: s, member: e });
     },
-    // Form management
     resetForm() {
       this.newCrew = {
         name: "",
@@ -1763,7 +1934,14 @@ const ti = {
         customRole: "",
         status: "available",
         nextShift: "",
-        certifications: [{ name: "", expiryDate: "" }],
+        certifications: [{
+          name: "",
+          expiryDate: "",
+          imageFile: null,
+          imagePreview: null,
+          imageName: "",
+          imageType: ""
+        }],
         notes: "",
         email: "",
         onBoard: ""
@@ -1775,20 +1953,45 @@ const ti = {
         name: "Full Name",
         email: "Email Address"
       };
-      return Object.keys(s).forEach((t) => {
-        (!this.newCrew[t] || this.newCrew[t].trim() === "") && (this.formErrors[t] = `${s[t]} is required`);
+      return Object.keys(s).forEach((e) => {
+        (!this.newCrew[e] || this.newCrew[e].trim() === "") && (this.formErrors[e] = `${s[e]} is required`);
       }), this.newCrew.email && !this.isValidEmail(this.newCrew.email) && (this.formErrors.email = "Please enter a valid email address"), this.newCrew.role === "Other" && (!this.newCrew.customRole || this.newCrew.customRole.trim() === "") && (this.formErrors.customRole = 'Custom role is required when "Other" is selected'), Object.keys(this.formErrors).length === 0;
     },
     isValidEmail(s) {
       return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
     },
     addCertificationEntry() {
-      this.newCrew.certifications.push({ name: "", expiryDate: "" });
+      this.newCrew.certifications.push({
+        name: "",
+        expiryDate: "",
+        imageFile: null,
+        imagePreview: null,
+        imageName: "",
+        imageType: ""
+      });
     },
     removeCertification(s) {
       this.newCrew.certifications.splice(s, 1);
     },
-    // Utility methods
+    handleCertImageUpload(s, e) {
+      const d = s.target.files[0];
+      if (!d)
+        return;
+      const p = this.newCrew.certifications[e];
+      if (p.imageFile = d, p.imageName = d.name, p.imageType = d.type.includes("pdf") ? "pdf" : "image", p.imageType === "image") {
+        const n = new FileReader();
+        n.onload = (o) => {
+          p.imagePreview = o.target.result;
+        }, n.readAsDataURL(d);
+      } else
+        p.imagePreview = "pdf";
+    },
+    removeCertImage(s) {
+      const e = this.newCrew.certifications[s];
+      e.imageFile = null, e.imagePreview = null, e.imageName = "", e.imageType = "";
+      const d = document.getElementById("cert-image-" + s);
+      d && (d.value = "");
+    },
     formatStatus(s) {
       return s ? s.charAt(0).toUpperCase() + s.slice(1) : "";
     },
@@ -1800,271 +2003,512 @@ const ti = {
       }[s] || "";
     },
     getCertificationClass(s) {
-      const t = this.getExpiryStatus(s);
+      const e = this.getExpiryStatus(s);
       return {
         expired: "text-danger",
         expiringSoon: "text-warning",
         valid: "text-success"
-      }[t] || "";
+      }[e] || "";
     },
     getExpiryStatus(s) {
       if (!s)
         return "none";
-      const t = new Date(s), u = /* @__PURE__ */ new Date(), b = /* @__PURE__ */ new Date();
-      return b.setMonth(u.getMonth() + 1), t <= u ? "expired" : t <= b ? "expiringSoon" : "valid";
+      const e = new Date(s), d = /* @__PURE__ */ new Date(), p = /* @__PURE__ */ new Date();
+      return p.setMonth(d.getMonth() + 1), e <= d ? "expired" : e <= p ? "expiringSoon" : "valid";
+    },
+    formatLogDate(s) {
+      return s ? new Date(s).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      }) : "";
+    },
+    getLogActionClass(s) {
+      return {
+        Embarked: "log-action-embark",
+        Deboarded: "log-action-deboard",
+        Assigned: "log-action-assign",
+        "Status Changed": "log-action-status"
+      }[s] || "";
+    },
+    getLogIcon(s) {
+      return {
+        Embarked: "bi bi-box-arrow-in-right",
+        Deboarded: "bi bi-box-arrow-left",
+        Assigned: "bi bi-calendar-check",
+        "Status Changed": "bi bi-arrow-repeat"
+      }[s] || "bi bi-circle-fill";
     }
   }
-}, si = { class: "crew-management" }, ii = {
+}, li = { class: "crew-management" }, ri = {
   key: 0,
   class: "wave-bg"
-}, ni = { class: "crew-section" }, oi = { class: "crew-section-header" }, li = { class: "search-filter" }, ri = {
+}, ai = { class: "crew-section" }, di = { class: "crew-section-header" }, ui = { class: "crew-subhead" }, ci = {
   key: 0,
+  class: "search-filter"
+}, mi = {
+  key: 1,
   class: "loading-state"
-}, ai = {
+}, vi = {
+  key: 2,
+  class: "timesheet-view"
+}, pi = { class: "timesheet-header" }, hi = { class: "timesheet-controls" }, fi = { class: "timesheet-summary" }, gi = { class: "summary-card" }, bi = { class: "summary-value" }, yi = { class: "summary-card" }, wi = { class: "summary-value" }, ki = { class: "summary-card" }, Ci = { class: "summary-value" }, _i = {
+  key: 0,
+  class: "no-results"
+}, Di = {
   key: 1,
+  class: "timesheet-table-container"
+}, xi = { class: "timesheet-table" }, Si = { class: "timestamp-cell" }, Ai = { class: "crew-name-cell" }, Pi = { class: "role-cell" }, Ti = { class: "action-cell" }, qi = { class: "vessel-cell" }, Ii = { class: "duration-cell" }, Fi = { class: "notes-cell" }, Ri = {
+  key: 3,
   class: "crew-grid"
-}, di = { class: "crew-name" }, ui = { class: "crew-role" }, ci = { class: "crew-certifications" }, mi = ["onClick"], vi = ["onClick"], pi = { class: "crew-availability" }, fi = { class: "crew-availability" }, hi = { class: "action-buttons" }, gi = {
+}, Vi = { class: "crew-name" }, Mi = { class: "crew-role" }, Ni = { class: "crew-certifications" }, Ei = ["onClick"], Li = ["onClick"], Oi = { class: "crew-availability" }, Ui = { class: "crew-availability" }, $i = { class: "action-buttons" }, ji = {
   key: 0,
   class: "status-available crew-availability vcard"
-}, bi = {
+}, Bi = {
   key: 1,
   class: "status-unavailable crew-availability vcard"
-}, yi = ["onClick"], wi = ["onClick"], ki = {
-  key: 2,
+}, Hi = ["onClick"], Qi = ["onClick"], Ji = { class: "crew-footer" }, Wi = {
+  key: 0,
+  class: "crew-log-toggle"
+}, Ki = ["onClick"], zi = ["onClick"], Gi = {
+  key: 0,
+  class: "crew-log"
+}, Yi = { class: "log-date" }, Xi = { class: "log-details" }, Zi = { key: 0 }, en = { key: 1 }, tn = {
+  key: 0,
+  class: "log-notes"
+}, sn = {
+  key: 4,
   class: "no-results"
-}, _i = {
-  key: 3,
+}, nn = {
+  key: 5,
   class: "add-crew-form"
-}, Ci = { class: "form-row" }, Di = { class: "form-group" }, xi = {
+}, on = { class: "form-row" }, ln = { class: "form-group" }, rn = {
   key: 0,
   class: "error-message"
-}, Si = { class: "form-group" }, Pi = ["value"], Ai = { class: "form-row" }, qi = { class: "form-group" }, Ti = { class: "form-group" }, Ii = {
+}, an = { class: "form-group" }, dn = ["value"], un = { class: "form-row" }, cn = { class: "form-group" }, mn = { class: "form-group" }, vn = {
   key: 0,
   class: "error-message"
-}, Ri = { class: "certification-section" }, Mi = { class: "form-row" }, Vi = { class: "form-group" }, Fi = ["onUpdate:modelValue"], Ei = { class: "form-group" }, Ni = ["onUpdate:modelValue"], Oi = { class: "form-group" }, Ui = ["onClick"], Li = { class: "form-row" }, $i = { class: "form-group" }, ji = { class: "form-actions" };
-function Bi(s, t, u, b, n, a) {
-  return o(), l("div", si, [
-    u.config.showWaveBackground ? (o(), l("div", ii)) : m("", !0),
-    e("div", ni, [
-      e("div", oi, [
-        e("h2", null, r(a.sectionTitle), 1),
-        a.canAddCrew ? (o(), l("button", {
+}, pn = { class: "certification-section" }, hn = { class: "form-row" }, fn = { class: "form-group" }, gn = ["onUpdate:modelValue"], bn = { class: "form-group" }, yn = ["onUpdate:modelValue"], wn = { class: "form-group" }, kn = { class: "image-upload-wrapper" }, Cn = ["id", "onChange"], _n = ["for"], Dn = {
+  key: 0,
+  class: "image-preview"
+}, xn = ["src"], Sn = {
+  key: 1,
+  class: "pdf-preview"
+}, An = ["onClick"], Pn = {
+  key: 1,
+  class: "file-name"
+}, Tn = {
+  class: "form-group",
+  style: { display: "flex", "align-items": "flex-end" }
+}, qn = ["onClick"], In = { class: "form-row" }, Fn = { class: "form-group" }, Rn = { class: "form-actions" };
+function Vn(s, e, d, p, n, o) {
+  return l(), r("div", li, [
+    d.config.showWaveBackground ? (l(), r("div", ri)) : c("", !0),
+    t("div", ai, [
+      t("div", di, [
+        t("h4", ui, a(o.sectionTitle), 1),
+        o.canAddCrew ? (l(), r("button", {
           key: 0,
           class: "btn btn-primary",
-          onClick: t[0] || (t[0] = (...i) => a.handleToggleAddForm && a.handleToggleAddForm(...i))
-        }, r(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : m("", !0)
+          onClick: e[0] || (e[0] = (...i) => o.handleToggleAddForm && o.handleToggleAddForm(...i))
+        }, a(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : c("", !0)
       ]),
-      e("div", li, [
-        v(e("input", {
+      n.showAddForm ? c("", !0) : (l(), r("div", ci, [
+        h(t("input", {
           type: "text",
           placeholder: "Search crew by name or role...",
-          "onUpdate:modelValue": t[1] || (t[1] = (i) => n.searchQuery = i),
-          onInput: t[2] || (t[2] = (...i) => a.handleSearch && a.handleSearch(...i))
+          "onUpdate:modelValue": e[1] || (e[1] = (i) => n.searchQuery = i),
+          onInput: e[2] || (e[2] = (...i) => o.handleSearch && o.handleSearch(...i))
         }, null, 544), [
           [k, n.searchQuery]
         ]),
-        v(e("select", {
-          "onUpdate:modelValue": t[3] || (t[3] = (i) => n.filterStatus = i),
-          onChange: t[4] || (t[4] = (...i) => a.handleFilter && a.handleFilter(...i))
-        }, t[14] || (t[14] = [
-          e("option", { value: "all" }, "All Statuses", -1),
-          e("option", { value: "available" }, "Available", -1),
-          e("option", { value: "onduty" }, "On Duty", -1),
-          e("option", { value: "unavailable" }, "Unavailable", -1)
+        h(t("select", {
+          "onUpdate:modelValue": e[3] || (e[3] = (i) => n.filterStatus = i),
+          onChange: e[4] || (e[4] = (...i) => o.handleFilter && o.handleFilter(...i))
+        }, e[22] || (e[22] = [
+          t("option", { value: "all" }, "All Statuses", -1),
+          t("option", { value: "available" }, "Available", -1),
+          t("option", { value: "onduty" }, "On Duty", -1),
+          t("option", { value: "unavailable" }, "Unavailable", -1)
         ]), 544), [
-          [C, n.filterStatus]
+          [_, n.filterStatus]
+        ]),
+        t("button", {
+          class: "btn btn-secondary",
+          onClick: e[5] || (e[5] = (i) => n.showTimesheet = !n.showTimesheet)
+        }, [
+          t("i", {
+            class: b(n.showTimesheet ? "bi bi-grid-3x3-gap" : "bi bi-table")
+          }, null, 2),
+          w(" " + a(n.showTimesheet ? "Show Crew Cards" : "Show Timesheet"), 1)
         ])
-      ]),
-      u.loading ? (o(), l("div", ri, t[15] || (t[15] = [
-        e("div", {
+      ])),
+      d.loading && !n.showAddForm ? (l(), r("div", mi, e[23] || (e[23] = [
+        t("div", {
           class: "spinner-border text-primary",
           role: "status"
         }, [
-          e("span", { class: "visually-hidden" }, "Loading crew...")
+          t("span", { class: "visually-hidden" }, "Loading crew...")
         ], -1),
-        e("p", null, "Loading crew members...", -1)
-      ]))) : a.filteredCrew.length > 0 ? (o(), l("div", ai, [
-        (o(!0), l(p, null, h(a.filteredCrew, (i) => (o(), l("div", {
+        t("p", null, "Loading crew members...", -1)
+      ]))) : n.showTimesheet && !n.showAddForm ? (l(), r("div", vi, [
+        t("div", pi, [
+          e[25] || (e[25] = t("h3", null, [
+            t("i", { class: "bi bi-table" }),
+            w(" Crew Activity Timesheet")
+          ], -1)),
+          t("div", hi, [
+            h(t("select", {
+              "onUpdate:modelValue": e[6] || (e[6] = (i) => n.timesheetFilter = i),
+              onChange: e[7] || (e[7] = (...i) => o.filterTimesheet && o.filterTimesheet(...i))
+            }, e[24] || (e[24] = [
+              x('<option value="all">All Activities</option><option value="Embarked">Embarked Only</option><option value="Deboarded">Deboarded Only</option><option value="Assigned">Assigned Only</option><option value="Status Changed">Status Changes Only</option>', 5)
+            ]), 544), [
+              [_, n.timesheetFilter]
+            ]),
+            h(t("input", {
+              type: "text",
+              "onUpdate:modelValue": e[8] || (e[8] = (i) => n.timesheetSearch = i),
+              placeholder: "Search timesheet...",
+              class: "timesheet-search"
+            }, null, 512), [
+              [k, n.timesheetSearch]
+            ])
+          ])
+        ]),
+        t("div", fi, [
+          t("div", gi, [
+            e[26] || (e[26] = t("span", { class: "summary-label" }, "Total Entries:", -1)),
+            t("span", bi, a(o.filteredTimesheetEntries.length), 1)
+          ]),
+          t("div", yi, [
+            e[27] || (e[27] = t("span", { class: "summary-label" }, "Crew Members:", -1)),
+            t("span", wi, a(o.uniqueCrewCount), 1)
+          ]),
+          t("div", ki, [
+            e[28] || (e[28] = t("span", { class: "summary-label" }, "Date Range:", -1)),
+            t("span", Ci, a(o.timesheetDateRange), 1)
+          ])
+        ]),
+        o.filteredTimesheetEntries.length === 0 ? (l(), r("div", _i, " No timesheet entries found. ")) : (l(), r("div", Di, [
+          t("table", xi, [
+            t("thead", null, [
+              t("tr", null, [
+                t("th", {
+                  onClick: e[9] || (e[9] = (i) => o.sortTimesheet("timestamp"))
+                }, e[29] || (e[29] = [
+                  w(" Date/Time ", -1),
+                  t("i", { class: "bi bi-arrow-down-up" }, null, -1)
+                ])),
+                t("th", {
+                  onClick: e[10] || (e[10] = (i) => o.sortTimesheet("crewName"))
+                }, e[30] || (e[30] = [
+                  w(" Crew Member ", -1),
+                  t("i", { class: "bi bi-arrow-down-up" }, null, -1)
+                ])),
+                t("th", {
+                  onClick: e[11] || (e[11] = (i) => o.sortTimesheet("role"))
+                }, e[31] || (e[31] = [
+                  w(" Role ", -1),
+                  t("i", { class: "bi bi-arrow-down-up" }, null, -1)
+                ])),
+                t("th", {
+                  onClick: e[12] || (e[12] = (i) => o.sortTimesheet("action"))
+                }, e[32] || (e[32] = [
+                  w(" Action ", -1),
+                  t("i", { class: "bi bi-arrow-down-up" }, null, -1)
+                ])),
+                e[33] || (e[33] = t("th", null, "Vessel", -1)),
+                e[34] || (e[34] = t("th", null, "Duration", -1)),
+                e[35] || (e[35] = t("th", null, "Notes", -1))
+              ])
+            ]),
+            t("tbody", null, [
+              (l(!0), r(f, null, g(o.filteredTimesheetEntries, (i) => (l(), r("tr", {
+                key: i.uniqueId,
+                class: b(o.getTimesheetRowClass(i.action))
+              }, [
+                t("td", Si, a(o.formatLogDate(i.timestamp)), 1),
+                t("td", Ai, [
+                  t("strong", null, a(i.crewName), 1)
+                ]),
+                t("td", Pi, a(i.role), 1),
+                t("td", Ti, [
+                  t("span", {
+                    class: b(["action-badge", o.getLogActionClass(i.action)])
+                  }, [
+                    t("i", {
+                      class: b(o.getLogIcon(i.action))
+                    }, null, 2),
+                    w(" " + a(i.action), 1)
+                  ], 2)
+                ]),
+                t("td", qi, a(i.vessel || "N/A"), 1),
+                t("td", Ii, a(i.duration ? i.duration + " days" : "N/A"), 1),
+                t("td", Fi, a(i.notes || "-"), 1)
+              ], 2))), 128))
+            ])
+          ])
+        ]))
+      ])) : o.filteredCrew.length > 0 && !n.showAddForm ? (l(), r("div", Ri, [
+        (l(!0), r(f, null, g(o.filteredCrew, (i) => (l(), r("div", {
           key: i.id,
-          class: g(["crew-card", { unavailable: i.status === "unavailable" }])
+          class: b(["crew-card", { unavailable: i.status === "unavailable" }])
         }, [
-          e("div", {
-            class: g(["crew-status-badge", a.getStatusClass(i.status)])
-          }, r(a.formatStatus(i.status)), 3),
-          e("div", di, r(i.name), 1),
-          e("div", ui, r(i.role), 1),
-          e("div", ci, [
-            (o(!0), l(p, null, h(i.certifications, (f) => (o(), l("div", {
-              key: f.name,
-              class: g(["certification-tag", a.getCertificationClass(f.expiryDate)]),
-              onClick: (y) => a.handleViewCertification(f, i)
-            }, r(f.name), 11, mi))), 128)),
-            a.canEditCrew ? (o(), l("i", {
+          t("div", {
+            class: b(["crew-status-badge", o.getStatusClass(i.status)])
+          }, a(o.formatStatus(i.status)), 3),
+          t("div", Vi, a(i.name), 1),
+          t("div", Mi, a(i.role), 1),
+          t("div", Ni, [
+            (l(!0), r(f, null, g(i.certifications, (m) => (l(), r("div", {
+              key: m.name,
+              class: b(["certification-tag", o.getCertificationClass(m.expiryDate)]),
+              onClick: (y) => o.handleViewCertification(m, i)
+            }, a(m.name), 11, Ei))), 128)),
+            o.canEditCrew ? (l(), r("i", {
               key: 0,
               class: "bi bi-patch-plus-fill icon",
-              onClick: (f) => a.handleAddCertification(i)
-            }, null, 8, vi)) : m("", !0)
+              onClick: (m) => o.handleAddCertification(i)
+            }, null, 8, Li)) : c("", !0)
           ]),
-          e("div", pi, [
-            t[16] || (t[16] = e("strong", null, "Embarkation Date:", -1)),
-            _(" " + r(i.nextShift || "Not Scheduled"), 1)
+          t("div", Oi, [
+            e[36] || (e[36] = t("strong", null, "Embarkation Date:", -1)),
+            w(" " + a(i.nextShift || "Not Scheduled"), 1)
           ]),
-          e("div", fi, [
-            t[17] || (t[17] = e("strong", null, "Expected Days Onboard (in days):", -1)),
-            _(" " + r(i.onBoard || "Not Scheduled"), 1)
+          t("div", Ui, [
+            e[37] || (e[37] = t("strong", null, "Expected Days Onboard (in days):", -1)),
+            w(" " + a(i.onBoard || "Not Scheduled"), 1)
           ]),
-          e("div", hi, [
-            i.vessel ? (o(), l("div", gi, " Vessel: " + r(i.vessel), 1)) : (o(), l("div", bi, " Vessel: Unassigned ")),
-            a.canAssignShift ? (o(), l("button", {
+          t("div", $i, [
+            i.vessel ? (l(), r("div", ji, " Vessel: " + a(i.vessel), 1)) : (l(), r("div", Bi, " Vessel: Unassigned ")),
+            o.canAssignShift && i.status !== "onduty" ? (l(), r("button", {
               key: 2,
               class: "btn btn-primary",
-              onClick: (f) => a.handleAssignShift(i)
-            }, " Assign Shift ", 8, yi)) : m("", !0)
+              onClick: (m) => o.handleAssignShift(i)
+            }, " Assign Shift ", 8, Hi)) : c("", !0),
+            o.canDeboardCrew && i.status === "onduty" ? (l(), r("button", {
+              key: 3,
+              class: "btn btn-warning",
+              onClick: (m) => o.handleDeboardCrew(i)
+            }, " Deboard ", 8, Qi)) : c("", !0)
           ]),
-          a.canDeleteCrew ? (o(), l("i", {
-            key: 0,
-            class: "bi bi-trash icon delete-icon",
-            onClick: (f) => a.handleDeleteCrew(i)
-          }, null, 8, wi)) : m("", !0)
+          t("div", Ji, [
+            i.log && i.log.length > 0 ? (l(), r("div", Wi, [
+              t("button", {
+                class: "btn btn-link btn-sm log-toggle-btn",
+                onClick: (m) => o.toggleCrewLog(i.id)
+              }, [
+                e[38] || (e[38] = t("i", { class: "bi bi-clock-history" }, null, -1)),
+                w(" View Log (" + a(i.log.length) + ") ", 1)
+              ], 8, Ki)
+            ])) : c("", !0),
+            o.canDeleteCrew ? (l(), r("i", {
+              key: 1,
+              class: "bi bi-trash icon delete-icon",
+              onClick: (m) => o.handleDeleteCrew(i)
+            }, null, 8, zi)) : c("", !0)
+          ]),
+          n.expandedLogs.includes(i.id) ? (l(), r("div", Gi, [
+            e[39] || (e[39] = t("h4", null, "Crew Activity Log", -1)),
+            (l(!0), r(f, null, g(i.log, (m, y) => (l(), r("div", {
+              key: y,
+              class: "log-entry"
+            }, [
+              t("div", Yi, a(o.formatLogDate(m.timestamp)), 1),
+              t("div", {
+                class: b(["log-action", o.getLogActionClass(m.action)])
+              }, [
+                t("i", {
+                  class: b(o.getLogIcon(m.action))
+                }, null, 2),
+                w(" " + a(m.action), 1)
+              ], 2),
+              t("div", Xi, [
+                m.vessel ? (l(), r("span", Zi, "Vessel: " + a(m.vessel), 1)) : c("", !0),
+                m.duration ? (l(), r("span", en, " | Duration: " + a(m.duration) + " days", 1)) : c("", !0)
+              ]),
+              m.notes ? (l(), r("div", tn, a(m.notes), 1)) : c("", !0)
+            ]))), 128))
+          ])) : c("", !0)
         ], 2))), 128))
-      ])) : u.loading ? m("", !0) : (o(), l("div", ki, r(u.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
-      n.showAddForm ? (o(), l("div", _i, [
-        t[28] || (t[28] = e("h2", null, "Add New Crew Member", -1)),
-        e("div", Ci, [
-          e("div", Di, [
-            t[18] || (t[18] = e("label", { for: "crew-name" }, "Full Name *", -1)),
-            v(e("input", {
+      ])) : !d.loading && !n.showTimesheet && !n.showAddForm ? (l(), r("div", sn, a(d.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)) : c("", !0),
+      n.showAddForm ? (l(), r("div", nn, [
+        e[54] || (e[54] = t("h2", null, "Add New Crew Member", -1)),
+        t("div", on, [
+          t("div", ln, [
+            e[40] || (e[40] = t("label", { for: "crew-name" }, "Full Name *", -1)),
+            h(t("input", {
               type: "text",
               id: "crew-name",
-              "onUpdate:modelValue": t[5] || (t[5] = (i) => n.newCrew.name = i),
-              class: g({ error: n.formErrors.name })
+              "onUpdate:modelValue": e[13] || (e[13] = (i) => n.newCrew.name = i),
+              class: b({ error: n.formErrors.name })
             }, null, 2), [
               [k, n.newCrew.name]
             ]),
-            n.formErrors.name ? (o(), l("div", xi, r(n.formErrors.name), 1)) : m("", !0)
+            n.formErrors.name ? (l(), r("div", rn, a(n.formErrors.name), 1)) : c("", !0)
           ]),
-          e("div", Si, [
-            t[20] || (t[20] = e("label", { for: "crew-role" }, "Role/Position *", -1)),
-            v(e("select", {
+          t("div", an, [
+            e[42] || (e[42] = t("label", { for: "crew-role" }, "Role/Position *", -1)),
+            h(t("select", {
               id: "crew-role",
-              "onUpdate:modelValue": t[6] || (t[6] = (i) => n.newCrew.role = i)
+              "onUpdate:modelValue": e[14] || (e[14] = (i) => n.newCrew.role = i)
             }, [
-              (o(!0), l(p, null, h(u.availableRoles, (i) => (o(), l("option", {
+              (l(!0), r(f, null, g(d.availableRoles, (i) => (l(), r("option", {
                 key: i,
                 value: i
-              }, r(i), 9, Pi))), 128)),
-              t[19] || (t[19] = e("option", { value: "Other" }, "Other", -1))
+              }, a(i), 9, dn))), 128)),
+              e[41] || (e[41] = t("option", { value: "Other" }, "Other", -1))
             ], 512), [
-              [C, n.newCrew.role]
+              [_, n.newCrew.role]
             ]),
-            n.newCrew.role === "Other" ? v((o(), l("input", {
+            n.newCrew.role === "Other" ? h((l(), r("input", {
               key: 0,
               type: "text",
               placeholder: "Enter custom role",
-              "onUpdate:modelValue": t[7] || (t[7] = (i) => n.newCrew.customRole = i),
+              "onUpdate:modelValue": e[15] || (e[15] = (i) => n.newCrew.customRole = i),
               style: { "margin-top": "8px" }
             }, null, 512)), [
               [k, n.newCrew.customRole]
-            ]) : m("", !0)
+            ]) : c("", !0)
           ])
         ]),
-        e("div", Ai, [
-          e("div", qi, [
-            t[22] || (t[22] = e("label", { for: "crew-status" }, "Status *", -1)),
-            v(e("select", {
+        t("div", un, [
+          t("div", cn, [
+            e[44] || (e[44] = t("label", { for: "crew-status" }, "Status *", -1)),
+            h(t("select", {
               id: "crew-status",
-              "onUpdate:modelValue": t[8] || (t[8] = (i) => n.newCrew.status = i)
-            }, t[21] || (t[21] = [
-              e("option", { value: "available" }, "Available", -1),
-              e("option", { value: "onduty" }, "On Duty", -1),
-              e("option", { value: "unavailable" }, "Unavailable", -1)
+              "onUpdate:modelValue": e[16] || (e[16] = (i) => n.newCrew.status = i)
+            }, e[43] || (e[43] = [
+              t("option", { value: "available" }, "Available", -1),
+              t("option", { value: "onduty" }, "On Duty", -1),
+              t("option", { value: "unavailable" }, "Unavailable", -1)
             ]), 512), [
-              [C, n.newCrew.status]
+              [_, n.newCrew.status]
             ])
           ]),
-          e("div", Ti, [
-            t[23] || (t[23] = e("label", { for: "crew-email" }, "Email Address *", -1)),
-            v(e("input", {
+          t("div", mn, [
+            e[45] || (e[45] = t("label", { for: "crew-email" }, "Email Address *", -1)),
+            h(t("input", {
               type: "email",
               id: "crew-email",
-              "onUpdate:modelValue": t[9] || (t[9] = (i) => n.newCrew.email = i),
-              class: g({ error: n.formErrors.email })
+              "onUpdate:modelValue": e[17] || (e[17] = (i) => n.newCrew.email = i),
+              class: b({ error: n.formErrors.email })
             }, null, 2), [
               [k, n.newCrew.email]
             ]),
-            n.formErrors.email ? (o(), l("div", Ii, r(n.formErrors.email), 1)) : m("", !0)
+            n.formErrors.email ? (l(), r("div", vn, a(n.formErrors.email), 1)) : c("", !0)
           ])
         ]),
-        e("div", Ri, [
-          t[26] || (t[26] = e("h3", null, "Certifications", -1)),
-          (o(!0), l(p, null, h(n.newCrew.certifications, (i, f) => (o(), l("div", {
-            key: f,
+        t("div", pn, [
+          e[52] || (e[52] = t("h3", null, "Certifications", -1)),
+          (l(!0), r(f, null, g(n.newCrew.certifications, (i, m) => (l(), r("div", {
+            key: m,
             class: "certification-entry"
           }, [
-            e("div", Mi, [
-              e("div", Vi, [
-                t[24] || (t[24] = e("label", null, "Certification Name", -1)),
-                v(e("input", {
+            t("div", hn, [
+              t("div", fn, [
+                e[46] || (e[46] = t("label", null, "Certification Name *", -1)),
+                h(t("input", {
                   type: "text",
                   "onUpdate:modelValue": (y) => i.name = y,
                   placeholder: "Enter certification name"
-                }, null, 8, Fi), [
+                }, null, 8, gn), [
                   [k, i.name]
                 ])
               ]),
-              e("div", Ei, [
-                t[25] || (t[25] = e("label", null, "Expiry Date", -1)),
-                v(e("input", {
+              t("div", bn, [
+                e[47] || (e[47] = t("label", null, "Expiry Date *", -1)),
+                h(t("input", {
                   type: "date",
                   "onUpdate:modelValue": (y) => i.expiryDate = y
-                }, null, 8, Ni), [
+                }, null, 8, yn), [
                   [k, i.expiryDate]
                 ])
               ]),
-              e("div", Oi, [
-                n.newCrew.certifications.length > 1 ? (o(), l("button", {
+              t("div", wn, [
+                e[51] || (e[51] = t("label", null, "Certificate Image *", -1)),
+                t("div", kn, [
+                  t("input", {
+                    type: "file",
+                    id: "cert-image-" + m,
+                    onChange: (y) => o.handleCertImageUpload(y, m),
+                    accept: "image/*,.pdf",
+                    class: "file-input"
+                  }, null, 40, Cn),
+                  t("label", {
+                    for: "cert-image-" + m,
+                    class: "file-input-label"
+                  }, [
+                    e[48] || (e[48] = t("i", { class: "bi bi-cloud-upload" }, null, -1)),
+                    w(" " + a(i.imagePreview ? "Change File" : "Upload File"), 1)
+                  ], 8, _n),
+                  i.imagePreview ? (l(), r("div", Dn, [
+                    i.imageType !== "pdf" ? (l(), r("img", {
+                      key: 0,
+                      src: i.imagePreview,
+                      alt: "Certificate preview"
+                    }, null, 8, xn)) : (l(), r("div", Sn, [
+                      e[49] || (e[49] = t("i", { class: "bi bi-file-pdf" }, null, -1)),
+                      t("span", null, a(i.imageName), 1)
+                    ])),
+                    t("button", {
+                      type: "button",
+                      class: "btn-remove-image",
+                      onClick: (y) => o.removeCertImage(m)
+                    }, e[50] || (e[50] = [
+                      t("i", { class: "bi bi-x-circle" }, null, -1)
+                    ]), 8, An)
+                  ])) : c("", !0),
+                  i.imageName ? (l(), r("small", Pn, a(i.imageName), 1)) : c("", !0)
+                ])
+              ]),
+              t("div", Tn, [
+                n.newCrew.certifications.length > 1 ? (l(), r("button", {
                   key: 0,
                   type: "button",
                   class: "btn btn-danger btn-sm",
-                  onClick: (y) => a.removeCertification(f)
-                }, " Remove ", 8, Ui)) : m("", !0)
+                  onClick: (y) => o.removeCertification(m)
+                }, " Remove ", 8, qn)) : c("", !0)
               ])
             ])
           ]))), 128)),
-          e("button", {
+          t("button", {
             type: "button",
             class: "btn btn-secondary btn-sm",
-            onClick: t[10] || (t[10] = (...i) => a.addCertificationEntry && a.addCertificationEntry(...i))
+            onClick: e[18] || (e[18] = (...i) => o.addCertificationEntry && o.addCertificationEntry(...i))
           }, " + Add More Certification ")
         ]),
-        e("div", Li, [
-          e("div", $i, [
-            t[27] || (t[27] = e("label", { for: "crew-notes" }, "Notes", -1)),
-            v(e("textarea", {
+        t("div", In, [
+          t("div", Fn, [
+            e[53] || (e[53] = t("label", { for: "crew-notes" }, "Notes", -1)),
+            h(t("textarea", {
               id: "crew-notes",
               rows: "3",
-              "onUpdate:modelValue": t[11] || (t[11] = (i) => n.newCrew.notes = i)
+              "onUpdate:modelValue": e[19] || (e[19] = (i) => n.newCrew.notes = i)
             }, null, 512), [
               [k, n.newCrew.notes]
             ])
           ])
         ]),
-        e("div", ji, [
-          e("button", {
+        t("div", Rn, [
+          t("button", {
             class: "btn btn-secondary",
-            onClick: t[12] || (t[12] = (...i) => a.handleCancelForm && a.handleCancelForm(...i))
+            onClick: e[20] || (e[20] = (...i) => o.handleCancelForm && o.handleCancelForm(...i))
           }, "Cancel"),
-          e("button", {
+          t("button", {
             class: "btn btn-primary",
-            onClick: t[13] || (t[13] = (...i) => a.handleAddCrewMember && a.handleAddCrewMember(...i))
+            onClick: e[21] || (e[21] = (...i) => o.handleAddCrewMember && o.handleAddCrewMember(...i))
           }, "Add Crew Member")
         ])
-      ])) : m("", !0)
+      ])) : c("", !0)
     ])
   ]);
 }
-const Hi = /* @__PURE__ */ S(ti, [["render", Bi]]);
-const Qi = {
+const Mn = /* @__PURE__ */ S(oi, [["render", Vn]]);
+const Nn = {
   name: "RequisitionSystem",
   props: {
     userProfile: {
@@ -2105,7 +2549,7 @@ const Qi = {
         { name: "new-requisition", label: "New Requisition", roles: ["requisitor"] },
         { name: "my-requisitions", label: "My Requisitions", roles: ["requisitor"] },
         { name: "all-requisitions", label: "All Requisitions", roles: ["requisitor", "supervisor", "captain", "owner", "purchaser"] },
-        { name: "approvals", label: "Pending Approvals", roles: ["owner", "supervisor", "captain"] },
+        { name: "approvals", label: "Pending Approvals", roles: ["owner", "supervisor"] },
         { name: "purchasing", label: "Purchasing Queue", roles: ["purchaser"] },
         { name: "receiving", label: "Receiving", roles: ["requisitor"] },
         { name: "workflow", label: "Workflow Guide", roles: ["requisitor", "supervisor", "owner", "purchaser", "captain"] }
@@ -2173,7 +2617,7 @@ const Qi = {
       return this.tabs.filter((s) => s.roles.includes(this.userRole));
     },
     subTotal() {
-      return (this.poDetails.items || []).reduce((s, t) => s + t.unitPrice * t.qty, 0);
+      return (this.poDetails.items || []).reduce((s, e) => s + e.unitPrice * e.qty, 0);
     },
     reviewRequisitions() {
       return this.requisitions.filter((s) => s.status === "under-review");
@@ -2189,7 +2633,7 @@ const Qi = {
     },
     myRequisitions() {
       const s = this.userProfile.id || this.userProfile.profile_id;
-      return this.requisitions.filter((t) => t.profile_id == s);
+      return this.requisitions.filter((e) => e.profile_id == s);
     }
   },
   methods: {
@@ -2200,8 +2644,8 @@ const Qi = {
       return typeof s == "number" ? s.toFixed(2) : "0.00";
     },
     getRequisitionFields(s) {
-      const t = this.requisitionFieldsMap[s.status] || [];
-      return [...this.requisitionFields || [], ...t];
+      const e = this.requisitionFieldsMap[s.status] || [];
+      return [...this.requisitionFields || [], ...e];
     },
     addItem() {
       this.form.items.push({
@@ -2222,8 +2666,8 @@ const Qi = {
       this.poDetails.items[s].editing = !1, this.poDetails.items[s].tempPrice = this.poDetails.items[s].unitPrice;
     },
     savePrice(s) {
-      const t = this.poDetails.items[s];
-      t.tempPrice !== t.cost ? (this.currentItemIndex = s, this.showJustificationModal = !0) : (t.unitPrice = t.tempPrice, t.editing = !1);
+      const e = this.poDetails.items[s];
+      e.tempPrice !== e.cost ? (this.currentItemIndex = s, this.showJustificationModal = !0) : (e.unitPrice = e.tempPrice, e.editing = !1);
     },
     confirmPriceChange() {
       if (!this.justificationText.trim()) {
@@ -2277,7 +2721,7 @@ const Qi = {
         project: this.form.project,
         neededDate: this.form.neededDate,
         justification: this.form.justification,
-        items: this.form.items.map((t) => ({ ...t })),
+        items: this.form.items.map((e) => ({ ...e })),
         status: s,
         submittedDate: (/* @__PURE__ */ new Date()).toLocaleDateString(),
         profile_id: this.userProfile.id || this.userProfile.profile_id
@@ -2296,8 +2740,8 @@ const Qi = {
     // Methods for updating PO details from parent
     updatePODetails(s) {
       this.poDetails = s, this.getNumber();
-      for (let t of this.poDetails.items)
-        t.tempPrice = t.cost, t.unitPrice = t.cost, t.subTotal = t.unitPrice * t.qty;
+      for (let e of this.poDetails.items)
+        e.tempPrice = e.cost, e.unitPrice = e.cost, e.subTotal = e.unitPrice * e.qty;
     },
     updateVendorInfo(s) {
       this.vendorInfo = s;
@@ -2306,640 +2750,640 @@ const Qi = {
       this.isPrinting = s;
     },
     getNumber() {
-      return (this.poDetails.items || []).map((s, t) => s.itemNumber = t + 1);
+      return (this.poDetails.items || []).map((s, e) => s.itemNumber = e + 1);
     }
   },
   created() {
     this.addItem();
   }
-}, Ji = { class: "s-container container" }, Wi = { class: "nav-tabs" }, Gi = ["onClick"], zi = {
+}, En = { class: "s-container container" }, Ln = { class: "nav-tabs" }, On = ["onClick"], Un = {
   key: 0,
   class: "tab-content active"
-}, Yi = { class: "form-grid" }, Ki = { class: "form-group" }, Xi = ["value"], Zi = { class: "form-group" }, en = ["value"], tn = { class: "form-group" }, sn = ["value"], nn = { class: "form-group" }, on = { class: "form-group" }, ln = { class: "items-section" }, rn = { class: "items-header" }, an = { class: "form-group" }, dn = ["onUpdate:modelValue"], un = { class: "form-group" }, cn = ["onUpdate:modelValue"], mn = { class: "form-group" }, vn = ["onUpdate:modelValue"], pn = { class: "form-group" }, fn = ["onUpdate:modelValue"], hn = ["value"], gn = { class: "form-group" }, bn = ["onUpdate:modelValue"], yn = ["onClick"], wn = {
+}, $n = { class: "form-grid" }, jn = { class: "form-group" }, Bn = ["value"], Hn = { class: "form-group" }, Qn = ["value"], Jn = { class: "form-group" }, Wn = ["value"], Kn = { class: "form-group" }, zn = { class: "form-group" }, Gn = { class: "items-section" }, Yn = { class: "items-header" }, Xn = { class: "form-group" }, Zn = ["onUpdate:modelValue"], eo = { class: "form-group" }, to = ["onUpdate:modelValue"], so = { class: "form-group" }, io = ["onUpdate:modelValue"], no = { class: "form-group" }, oo = ["onUpdate:modelValue"], lo = ["value"], ro = { class: "form-group" }, ao = ["onUpdate:modelValue"], uo = ["onClick"], co = {
   key: 1,
   class: "tab-content active"
-}, kn = { class: "requisition-list" }, _n = { class: "requisition-header" }, Cn = { class: "requisition-id" }, Dn = { class: "requisition-details" }, xn = { class: "detail-label" }, Sn = { class: "detail-value" }, Pn = {
+}, mo = { class: "requisition-list" }, vo = { class: "requisition-header" }, po = { class: "requisition-id" }, ho = { class: "requisition-details" }, fo = { class: "detail-label" }, go = { class: "detail-value" }, bo = {
   key: 0,
   class: "form-group comments-section"
-}, An = ["onClick"], qn = {
+}, yo = ["onClick"], wo = {
   key: 2,
   class: "tab-content active"
-}, Tn = { class: "requisition-list" }, In = { class: "requisition-header" }, Rn = { class: "requisition-id" }, Mn = { class: "requisition-details" }, Vn = { class: "detail-label" }, Fn = { class: "detail-value" }, En = {
+}, ko = { class: "requisition-list" }, Co = { class: "requisition-header" }, _o = { class: "requisition-id" }, Do = { class: "requisition-details" }, xo = { class: "detail-label" }, So = { class: "detail-value" }, Ao = {
   key: 0,
   class: "form-group comments-section"
-}, Nn = ["onClick"], On = {
+}, Po = ["onClick"], To = {
   key: 3,
   class: "tab-content active"
-}, Un = {
+}, qo = {
   class: "requisition-list",
   id: "approvalsQueue"
-}, Ln = { class: "requisition-header" }, $n = { class: "requisition-id" }, jn = { class: "requisition-details" }, Bn = { class: "detail-label" }, Hn = { class: "detail-value" }, Qn = { class: "detail-item" }, Jn = { class: "detail-value" }, Wn = { class: "detail-item" }, Gn = { class: "item-list" }, zn = ["onClick"], Yn = ["onClick"], Kn = ["onClick"], Xn = {
+}, Io = { class: "requisition-header" }, Fo = { class: "requisition-id" }, Ro = { class: "requisition-details" }, Vo = { class: "detail-label" }, Mo = { class: "detail-value" }, No = { class: "detail-item" }, Eo = { class: "detail-value" }, Lo = { class: "detail-item" }, Oo = { class: "item-list" }, Uo = ["onClick"], $o = ["onClick"], jo = ["onClick"], Bo = {
   key: 4,
   class: "tab-content active"
-}, Zn = {
+}, Ho = {
   class: "requisition-list",
   id: "purchasingQueue"
-}, eo = { class: "requisition-header" }, to = { class: "requisition-id" }, so = { class: "requisition-details" }, io = { class: "detail-label" }, no = { class: "detail-value" }, oo = { class: "detail-item" }, lo = { class: "detail-value" }, ro = { class: "detail-item" }, ao = { class: "item-list" }, uo = ["onClick"], co = {
+}, Qo = { class: "requisition-header" }, Jo = { class: "requisition-id" }, Wo = { class: "requisition-details" }, Ko = { class: "detail-label" }, zo = { class: "detail-value" }, Go = { class: "detail-item" }, Yo = { class: "detail-value" }, Xo = { class: "detail-item" }, Zo = { class: "item-list" }, el = ["onClick"], tl = {
   key: 5,
   class: "tab-content active"
-}, mo = {
+}, sl = {
   class: "requisition-list",
   id: "receivingQueue"
-}, vo = { class: "requisition-header" }, po = { class: "requisition-id" }, fo = { class: "requisition-details" }, ho = { class: "detail-label" }, go = { class: "detail-value" }, bo = { class: "detail-item" }, yo = { class: "detail-value" }, wo = { class: "detail-item" }, ko = { class: "item-list" }, _o = ["onClick"], Co = {
+}, il = { class: "requisition-header" }, nl = { class: "requisition-id" }, ol = { class: "requisition-details" }, ll = { class: "detail-label" }, rl = { class: "detail-value" }, al = { class: "detail-item" }, dl = { class: "detail-value" }, ul = { class: "detail-item" }, cl = { class: "item-list" }, ml = ["onClick"], vl = {
   key: 6,
   class: "tab-content active"
-}, Do = {
+}, pl = {
   class: "po-content",
   id: "po-content"
-}, xo = { class: "po-header" }, So = { class: "company-info" }, Po = { class: "info-row" }, Ao = { class: "info-value" }, qo = { class: "info-row" }, To = { class: "info-value" }, Io = { class: "info-row" }, Ro = { class: "info-value" }, Mo = { class: "info-row" }, Vo = { class: "info-value" }, Fo = { class: "info-row" }, Eo = { class: "info-value" }, No = { class: "company-info" }, Oo = { class: "info-row" }, Uo = { class: "info-value" }, Lo = { class: "info-row" }, $o = { class: "info-value" }, jo = { class: "info-row" }, Bo = { class: "info-value" }, Ho = { class: "info-row" }, Qo = { class: "info-value" }, Jo = { class: "info-row" }, Wo = { class: "info-value" }, Go = { class: "items-section" }, zo = { class: "items-table" }, Yo = { key: 0 }, Ko = { key: 0 }, Xo = {
+}, hl = { class: "po-header" }, fl = { class: "company-info" }, gl = { class: "info-row" }, bl = { class: "info-value" }, yl = { class: "info-row" }, wl = { class: "info-value" }, kl = { class: "info-row" }, Cl = { class: "info-value" }, _l = { class: "info-row" }, Dl = { class: "info-value" }, xl = { class: "info-row" }, Sl = { class: "info-value" }, Al = { class: "company-info" }, Pl = { class: "info-row" }, Tl = { class: "info-value" }, ql = { class: "info-row" }, Il = { class: "info-value" }, Fl = { class: "info-row" }, Rl = { class: "info-value" }, Vl = { class: "info-row" }, Ml = { class: "info-value" }, Nl = { class: "info-row" }, El = { class: "info-value" }, Ll = { class: "items-section" }, Ol = { class: "items-table" }, Ul = { key: 0 }, $l = { key: 0 }, jl = {
   key: 0,
   class: "price-change-indicator"
-}, Zo = ["onUpdate:modelValue"], el = { key: 0 }, tl = ["onClick"], sl = { key: 1 }, il = ["onClick"], nl = ["onClick"], ol = {
+}, Bl = ["onUpdate:modelValue"], Hl = { key: 0 }, Ql = ["onClick"], Jl = { key: 1 }, Wl = ["onClick"], Kl = ["onClick"], zl = {
   key: 0,
   class: "justification-note"
-}, ll = { class: "totals" }, rl = { class: "total-row" }, al = { class: "total-row" }, dl = { class: "total-row" }, ul = { class: "total-row grand-total" }, cl = { class: "modal-content" }, ml = { style: { "margin-bottom": "15px", color: "#666" } }, vl = { class: "modal-buttons" }, pl = ["disabled"], fl = {
+}, Gl = { class: "totals" }, Yl = { class: "total-row" }, Xl = { class: "total-row" }, Zl = { class: "total-row" }, er = { class: "total-row grand-total" }, tr = { class: "modal-content" }, sr = { style: { "margin-bottom": "15px", color: "#666" } }, ir = { class: "modal-buttons" }, nr = ["disabled"], or = {
   key: 7,
   class: "tab-content active"
 };
-function hl(s, t, u, b, n, a) {
-  var i, f, y, A, q, T, I, R, M, V, F;
-  return o(), l("div", Ji, [
-    t[62] || (t[62] = e("div", { class: "header" }, [
-      e("h1", null, "OceanHelm Requisition System"),
-      e("p", null, "Streamlined Material Request & Ordering Process")
+function lr(s, e, d, p, n, o) {
+  var i, m, y, P, T, q, I, F, R, V, M;
+  return l(), r("div", En, [
+    e[62] || (e[62] = t("div", { class: "header" }, [
+      t("h1", null, "OceanHelm Requisition System"),
+      t("p", null, "Streamlined Material Request & Ordering Process")
     ], -1)),
-    e("div", Wi, [
-      (o(!0), l(p, null, h(a.visibleTabs, (d) => (o(), l("button", {
-        key: d.name,
-        class: g(["nav-tab", { active: n.activeTab === d.name }]),
-        onClick: (c) => a.setActiveTab(d.name)
-      }, r(d.label), 11, Gi))), 128))
+    t("div", Ln, [
+      (l(!0), r(f, null, g(o.visibleTabs, (u) => (l(), r("button", {
+        key: u.name,
+        class: b(["nav-tab", { active: n.activeTab === u.name }]),
+        onClick: (v) => o.setActiveTab(u.name)
+      }, a(u.label), 11, On))), 128))
     ]),
-    n.activeTab === "new-requisition" ? (o(), l("div", zi, [
-      e("form", {
-        onSubmit: t[5] || (t[5] = D((...d) => a.handleSubmitRequisition && a.handleSubmitRequisition(...d), ["prevent"]))
+    n.activeTab === "new-requisition" ? (l(), r("div", Un, [
+      t("form", {
+        onSubmit: e[5] || (e[5] = D((...u) => o.handleSubmitRequisition && o.handleSubmitRequisition(...u), ["prevent"]))
       }, [
-        e("div", Yi, [
-          e("div", Ki, [
-            t[12] || (t[12] = e("label", null, "Requestor Name *", -1)),
-            e("input", {
+        t("div", $n, [
+          t("div", jn, [
+            e[12] || (e[12] = t("label", null, "Requestor Name *", -1)),
+            t("input", {
               type: "text",
-              value: u.userProfile.full_name,
+              value: d.userProfile.full_name,
               readonly: "",
               required: "",
               class: "form-control"
-            }, null, 8, Xi)
+            }, null, 8, Bn)
           ]),
-          e("div", Zi, [
-            t[14] || (t[14] = e("label", null, "Department *", -1)),
-            v(e("select", {
-              "onUpdate:modelValue": t[0] || (t[0] = (d) => n.form.department = d),
+          t("div", Hn, [
+            e[14] || (e[14] = t("label", null, "Department *", -1)),
+            h(t("select", {
+              "onUpdate:modelValue": e[0] || (e[0] = (u) => n.form.department = u),
               required: ""
             }, [
-              t[13] || (t[13] = e("option", { value: "" }, "Select Department", -1)),
-              (o(!0), l(p, null, h(n.departments, (d) => (o(), l("option", {
-                key: d,
-                value: d
-              }, r(d), 9, en))), 128))
+              e[13] || (e[13] = t("option", { value: "" }, "Select Department", -1)),
+              (l(!0), r(f, null, g(n.departments, (u) => (l(), r("option", {
+                key: u,
+                value: u
+              }, a(u), 9, Qn))), 128))
             ], 512), [
-              [C, n.form.department]
+              [_, n.form.department]
             ])
           ]),
-          e("div", tn, [
-            t[16] || (t[16] = e("label", null, "Vessel *", -1)),
-            v(e("select", {
-              "onUpdate:modelValue": t[1] || (t[1] = (d) => n.form.project = d),
+          t("div", Jn, [
+            e[16] || (e[16] = t("label", null, "Vessel *", -1)),
+            h(t("select", {
+              "onUpdate:modelValue": e[1] || (e[1] = (u) => n.form.project = u),
               class: "form-control",
               required: ""
             }, [
-              t[15] || (t[15] = e("option", {
+              e[15] || (e[15] = t("option", {
                 disabled: "",
                 value: ""
               }, "Select a vessel", -1)),
-              (o(!0), l(p, null, h(u.vessels, (d) => (o(), l("option", {
-                key: d.id,
-                value: d.name
-              }, r(d.name), 9, sn))), 128))
+              (l(!0), r(f, null, g(d.vessels, (u) => (l(), r("option", {
+                key: u.id,
+                value: u.name
+              }, a(u.name), 9, Wn))), 128))
             ], 512), [
-              [C, n.form.project]
+              [_, n.form.project]
             ])
           ]),
-          e("div", nn, [
-            t[17] || (t[17] = e("label", null, "Date Needed *", -1)),
-            v(e("input", {
+          t("div", Kn, [
+            e[17] || (e[17] = t("label", null, "Date Needed *", -1)),
+            h(t("input", {
               type: "date",
-              "onUpdate:modelValue": t[2] || (t[2] = (d) => n.form.neededDate = d),
+              "onUpdate:modelValue": e[2] || (e[2] = (u) => n.form.neededDate = u),
               required: ""
             }, null, 512), [
               [k, n.form.neededDate]
             ])
           ])
         ]),
-        e("div", on, [
-          t[18] || (t[18] = e("label", null, "Business Justification *", -1)),
-          v(e("textarea", {
-            "onUpdate:modelValue": t[3] || (t[3] = (d) => n.form.justification = d),
+        t("div", zn, [
+          e[18] || (e[18] = t("label", null, "Business Justification *", -1)),
+          h(t("textarea", {
+            "onUpdate:modelValue": e[3] || (e[3] = (u) => n.form.justification = u),
             placeholder: "Explain why these materials are needed...",
             required: ""
           }, null, 512), [
             [k, n.form.justification]
           ])
         ]),
-        e("div", ln, [
-          e("div", rn, [
-            t[19] || (t[19] = e("h3", null, "Requested Items", -1)),
-            e("button", {
+        t("div", Gn, [
+          t("div", Yn, [
+            e[19] || (e[19] = t("h3", null, "Requested Items", -1)),
+            t("button", {
               type: "button",
               class: "add-item-btn",
-              onClick: t[4] || (t[4] = (...d) => a.addItem && a.addItem(...d))
+              onClick: e[4] || (e[4] = (...u) => o.addItem && o.addItem(...u))
             }, "+ Add Item")
           ]),
-          e("div", null, [
-            (o(!0), l(p, null, h(n.form.items, (d, c) => (o(), l("div", {
-              key: c,
+          t("div", null, [
+            (l(!0), r(f, null, g(n.form.items, (u, v) => (l(), r("div", {
+              key: v,
               class: "item-row"
             }, [
-              e("div", an, [
-                t[20] || (t[20] = e("label", null, "Item Code *", -1)),
-                v(e("input", {
+              t("div", Xn, [
+                e[20] || (e[20] = t("label", null, "Item Code *", -1)),
+                h(t("input", {
                   type: "text",
-                  "onUpdate:modelValue": (w) => d.id = w,
+                  "onUpdate:modelValue": (C) => u.id = C,
                   required: ""
-                }, null, 8, dn), [
-                  [k, d.id]
+                }, null, 8, Zn), [
+                  [k, u.id]
                 ])
               ]),
-              e("div", un, [
-                t[21] || (t[21] = e("label", null, "Item Description *", -1)),
-                v(e("input", {
+              t("div", eo, [
+                e[21] || (e[21] = t("label", null, "Item Description *", -1)),
+                h(t("input", {
                   type: "text",
-                  "onUpdate:modelValue": (w) => d.desc = w,
+                  "onUpdate:modelValue": (C) => u.desc = C,
                   required: ""
-                }, null, 8, cn), [
-                  [k, d.desc]
+                }, null, 8, to), [
+                  [k, u.desc]
                 ])
               ]),
-              e("div", mn, [
-                t[22] || (t[22] = e("label", null, "Quantity *", -1)),
-                v(e("input", {
+              t("div", so, [
+                e[22] || (e[22] = t("label", null, "Quantity *", -1)),
+                h(t("input", {
                   type: "number",
-                  "onUpdate:modelValue": (w) => d.qty = w,
+                  "onUpdate:modelValue": (C) => u.qty = C,
                   min: "1",
                   required: ""
-                }, null, 8, vn), [
+                }, null, 8, io), [
                   [
                     k,
-                    d.qty,
+                    u.qty,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]),
-              e("div", pn, [
-                t[23] || (t[23] = e("label", null, "Unit *", -1)),
-                v(e("select", {
-                  "onUpdate:modelValue": (w) => d.unit = w,
+              t("div", no, [
+                e[23] || (e[23] = t("label", null, "Unit *", -1)),
+                h(t("select", {
+                  "onUpdate:modelValue": (C) => u.unit = C,
                   required: ""
                 }, [
-                  (o(!0), l(p, null, h(n.units, (w) => (o(), l("option", {
-                    key: w,
-                    value: w
-                  }, r(w), 9, hn))), 128))
-                ], 8, fn), [
-                  [C, d.unit]
+                  (l(!0), r(f, null, g(n.units, (C) => (l(), r("option", {
+                    key: C,
+                    value: C
+                  }, a(C), 9, lo))), 128))
+                ], 8, oo), [
+                  [_, u.unit]
                 ])
               ]),
-              e("div", gn, [
-                t[24] || (t[24] = e("label", null, "Est. Unit Cost *", -1)),
-                v(e("input", {
+              t("div", ro, [
+                e[24] || (e[24] = t("label", null, "Est. Unit Cost *", -1)),
+                h(t("input", {
                   type: "number",
-                  "onUpdate:modelValue": (w) => d.cost = w,
+                  "onUpdate:modelValue": (C) => u.cost = C,
                   step: "0.01",
                   placeholder: "0.00",
                   required: ""
-                }, null, 8, bn), [
+                }, null, 8, ao), [
                   [
                     k,
-                    d.cost,
+                    u.cost,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]),
-              e("button", {
+              t("button", {
                 type: "button",
                 class: "remove-item-btn",
-                onClick: (w) => a.removeItem(c)
-              }, "Remove", 8, yn)
+                onClick: (C) => o.removeItem(v)
+              }, "Remove", 8, uo)
             ]))), 128))
           ])
         ]),
-        t[25] || (t[25] = e("div", { class: "action-buttons" }, [
-          e("button", {
+        e[25] || (e[25] = t("div", { class: "action-buttons" }, [
+          t("button", {
             type: "submit",
             class: "btn btn-primary-req"
           }, "Submit Requisition")
         ], -1))
       ], 32)
-    ])) : m("", !0),
-    n.activeTab === "all-requisitions" ? (o(), l("div", wn, [
-      e("div", kn, [
-        (o(!0), l(p, null, h(u.requisitions, (d) => (o(), l("div", {
-          key: d.id,
+    ])) : c("", !0),
+    n.activeTab === "all-requisitions" ? (l(), r("div", co, [
+      t("div", mo, [
+        (l(!0), r(f, null, g(d.requisitions, (u) => (l(), r("div", {
+          key: u.id,
           class: "requisition-card"
         }, [
-          e("div", _n, [
-            e("div", Cn, r(d.id), 1),
-            e("div", {
-              class: g(["status-badge", `status-${d.status}`])
-            }, r(d.status), 3)
+          t("div", vo, [
+            t("div", po, a(u.id), 1),
+            t("div", {
+              class: b(["status-badge", `status-${u.status}`])
+            }, a(u.status), 3)
           ]),
-          e("div", Dn, [
-            (o(!0), l(p, null, h(a.getRequisitionFields(d), (c) => (o(), l("div", {
+          t("div", ho, [
+            (l(!0), r(f, null, g(o.getRequisitionFields(u), (v) => (l(), r("div", {
               class: "detail-item",
-              key: c.label
+              key: v.label
             }, [
-              e("div", xn, r(c.label), 1),
-              e("div", Sn, r(c.value(d)), 1)
+              t("div", fo, a(v.label), 1),
+              t("div", go, a(v.value(u)), 1)
             ]))), 128))
           ]),
-          d.status === "po-created" || d.status === "delivered" ? (o(), l("div", Pn, [
-            e("button", {
-              onClick: (c) => a.handleOpenPO(d.id),
+          u.status === "po-created" || u.status === "delivered" ? (l(), r("div", bo, [
+            t("button", {
+              onClick: (v) => o.handleOpenPO(u.id),
               class: "add-item-btn comments-section"
-            }, " Print PO ", 8, An)
-          ])) : m("", !0)
+            }, " Print PO ", 8, yo)
+          ])) : c("", !0)
         ]))), 128))
       ])
-    ])) : m("", !0),
-    n.activeTab === "my-requisitions" ? (o(), l("div", qn, [
-      e("div", Tn, [
-        (o(!0), l(p, null, h(a.myRequisitions, (d) => (o(), l("div", {
-          key: d.id,
+    ])) : c("", !0),
+    n.activeTab === "my-requisitions" ? (l(), r("div", wo, [
+      t("div", ko, [
+        (l(!0), r(f, null, g(o.myRequisitions, (u) => (l(), r("div", {
+          key: u.id,
           class: "requisition-card"
         }, [
-          e("div", In, [
-            e("div", Rn, r(d.id), 1),
-            e("div", {
-              class: g(["status-badge", `status-${d.status}`])
-            }, r(d.status), 3)
+          t("div", Co, [
+            t("div", _o, a(u.id), 1),
+            t("div", {
+              class: b(["status-badge", `status-${u.status}`])
+            }, a(u.status), 3)
           ]),
-          e("div", Mn, [
-            (o(!0), l(p, null, h(a.getRequisitionFields(d), (c) => (o(), l("div", {
+          t("div", Do, [
+            (l(!0), r(f, null, g(o.getRequisitionFields(u), (v) => (l(), r("div", {
               class: "detail-item",
-              key: c.label
+              key: v.label
             }, [
-              e("div", Vn, r(c.label), 1),
-              e("div", Fn, r(c.value(d)), 1)
+              t("div", xo, a(v.label), 1),
+              t("div", So, a(v.value(u)), 1)
             ]))), 128))
           ]),
-          d.status === "info-requested" ? (o(), l("div", En, [
-            t[26] || (t[26] = e("label", { class: "detail-label" }, "Your Response", -1)),
-            v(e("textarea", {
-              "onUpdate:modelValue": t[6] || (t[6] = (c) => n.infoResponse = c),
+          u.status === "info-requested" ? (l(), r("div", Ao, [
+            e[26] || (e[26] = t("label", { class: "detail-label" }, "Your Response", -1)),
+            h(t("textarea", {
+              "onUpdate:modelValue": e[6] || (e[6] = (v) => n.infoResponse = v),
               class: "response-textarea",
               placeholder: "Submit more info..."
             }, null, 512), [
               [k, n.infoResponse]
             ]),
-            e("button", {
-              onClick: (c) => a.handleSubmitInfoResponse(d),
+            t("button", {
+              onClick: (v) => o.handleSubmitInfoResponse(u),
               class: "add-item-btn comments-section"
-            }, " Submit Info ", 8, Nn)
-          ])) : m("", !0)
+            }, " Submit Info ", 8, Po)
+          ])) : c("", !0)
         ]))), 128))
       ])
-    ])) : m("", !0),
-    n.activeTab === "approvals" ? (o(), l("div", On, [
-      t[29] || (t[29] = e("div", { style: { "margin-bottom": "20px" } }, [
-        e("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Department Supervisor Dashboard"),
-        e("div", { style: { background: "#fef3c7", padding: "15px", "border-radius": "10px", "border-left": "4px solid #f59e0b" } }, [
-          e("strong", null, "Role:"),
-          _(" Department Supervisor - Review requests for accuracy, necessity, and budget compliance ")
+    ])) : c("", !0),
+    n.activeTab === "approvals" ? (l(), r("div", To, [
+      e[29] || (e[29] = t("div", { style: { "margin-bottom": "20px" } }, [
+        t("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Department Supervisor Dashboard"),
+        t("div", { style: { background: "#fef3c7", padding: "15px", "border-radius": "10px", "border-left": "4px solid #f59e0b" } }, [
+          t("strong", null, "Role:"),
+          w(" Department Supervisor - Review requests for accuracy, necessity, and budget compliance ")
         ])
       ], -1)),
-      e("div", Un, [
-        (o(!0), l(p, null, h(a.reviewRequisitions, (d) => (o(), l("div", {
-          key: d.id,
+      t("div", qo, [
+        (l(!0), r(f, null, g(o.reviewRequisitions, (u) => (l(), r("div", {
+          key: u.id,
           class: "requisition-card"
         }, [
-          e("div", Ln, [
-            e("div", $n, r(d.id), 1)
+          t("div", Io, [
+            t("div", Fo, a(u.id), 1)
           ]),
-          e("div", jn, [
-            (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
+          t("div", Ro, [
+            (l(!0), r(f, null, g(n.requisitionFields, (v) => (l(), r("div", {
               class: "detail-item",
-              key: c.label
+              key: v.label
             }, [
-              e("div", Bn, r(c.label), 1),
-              e("div", Hn, r(c.value(d)), 1)
+              t("div", Vo, a(v.label), 1),
+              t("div", Mo, a(v.value(u)), 1)
             ]))), 128))
           ]),
-          e("div", Qn, [
-            t[27] || (t[27] = e("div", { class: "detail-label" }, "Justification", -1)),
-            e("div", Jn, r(d.justification || "N/A"), 1)
+          t("div", No, [
+            e[27] || (e[27] = t("div", { class: "detail-label" }, "Justification", -1)),
+            t("div", Eo, a(u.justification || "N/A"), 1)
           ]),
-          e("div", Wn, [
-            t[28] || (t[28] = e("div", { class: "detail-label" }, "Items", -1)),
-            e("ul", Gn, [
-              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+          t("div", Lo, [
+            e[28] || (e[28] = t("div", { class: "detail-label" }, "Items", -1)),
+            t("ul", Oo, [
+              (l(!0), r(f, null, g(u.items, (v, C) => (l(), r("li", { key: C }, a(v.desc) + " - " + a(v.qty) + " " + a(v.unit) + " @ ₦" + a(v.cost.toFixed(2)) + " each ", 1))), 128))
             ])
           ]),
-          e("button", {
+          t("button", {
             type: "button",
             class: "add-item-btn",
-            onClick: (c) => a.handleApproveRequisition(d.id)
-          }, "Approve", 8, zn),
-          e("button", {
+            onClick: (v) => o.handleApproveRequisition(u.id)
+          }, "Approve", 8, Uo),
+          t("button", {
             type: "button",
             class: "marginbox btn-reject",
-            onClick: (c) => a.handleDeclineRequisition(d.id)
-          }, "Decline", 8, Yn),
-          e("button", {
+            onClick: (v) => o.handleDeclineRequisition(u.id)
+          }, "Decline", 8, $o),
+          t("button", {
             type: "button",
             class: "marginbox btn-request",
-            onClick: (c) => a.handleInfoRequisition(d.id)
-          }, "Request Info", 8, Kn)
+            onClick: (v) => o.handleInfoRequisition(u.id)
+          }, "Request Info", 8, jo)
         ]))), 128))
       ])
-    ])) : m("", !0),
-    n.activeTab === "purchasing" ? (o(), l("div", Xn, [
-      t[32] || (t[32] = e("div", { style: { "margin-bottom": "20px" } }, [
-        e("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Purchasing Department Dashboard"),
-        e("div", { style: { background: "#dbeafe", padding: "15px", "border-radius": "10px", "border-left": "4px solid #3b82f6" } }, [
-          e("strong", null, "Role:"),
-          _(" Purchasing Team - Convert approved requisitions to Purchase Orders ")
+    ])) : c("", !0),
+    n.activeTab === "purchasing" ? (l(), r("div", Bo, [
+      e[32] || (e[32] = t("div", { style: { "margin-bottom": "20px" } }, [
+        t("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Purchasing Department Dashboard"),
+        t("div", { style: { background: "#dbeafe", padding: "15px", "border-radius": "10px", "border-left": "4px solid #3b82f6" } }, [
+          t("strong", null, "Role:"),
+          w(" Purchasing Team - Convert approved requisitions to Purchase Orders ")
         ])
       ], -1)),
-      e("div", Zn, [
-        (o(!0), l(p, null, h(a.poRequisitions, (d) => (o(), l("div", {
-          key: d.id,
+      t("div", Ho, [
+        (l(!0), r(f, null, g(o.poRequisitions, (u) => (l(), r("div", {
+          key: u.id,
           class: "requisition-card"
         }, [
-          e("div", eo, [
-            e("div", to, r(d.id), 1)
+          t("div", Qo, [
+            t("div", Jo, a(u.id), 1)
           ]),
-          e("div", so, [
-            (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
+          t("div", Wo, [
+            (l(!0), r(f, null, g(n.requisitionFields, (v) => (l(), r("div", {
               class: "detail-item",
-              key: c.label
+              key: v.label
             }, [
-              e("div", io, r(c.label), 1),
-              e("div", no, r(c.value(d)), 1)
+              t("div", Ko, a(v.label), 1),
+              t("div", zo, a(v.value(u)), 1)
             ]))), 128))
           ]),
-          e("div", oo, [
-            t[30] || (t[30] = e("div", { class: "detail-label" }, "Justification", -1)),
-            e("div", lo, r(d.justification || "N/A"), 1)
+          t("div", Go, [
+            e[30] || (e[30] = t("div", { class: "detail-label" }, "Justification", -1)),
+            t("div", Yo, a(u.justification || "N/A"), 1)
           ]),
-          e("div", ro, [
-            t[31] || (t[31] = e("div", { class: "detail-label" }, "Items", -1)),
-            e("ul", ao, [
-              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+          t("div", Xo, [
+            e[31] || (e[31] = t("div", { class: "detail-label" }, "Items", -1)),
+            t("ul", Zo, [
+              (l(!0), r(f, null, g(u.items, (v, C) => (l(), r("li", { key: C }, a(v.desc) + " - " + a(v.qty) + " " + a(v.unit) + " @ ₦" + a(v.cost.toFixed(2)) + " each ", 1))), 128))
             ])
           ]),
-          e("button", {
+          t("button", {
             type: "button",
             class: "add-item-btn",
-            onClick: (c) => a.handleCreatePO(d.id)
-          }, "Create PO", 8, uo)
+            onClick: (v) => o.handleCreatePO(u.id)
+          }, "Create PO", 8, el)
         ]))), 128))
       ])
-    ])) : m("", !0),
-    n.activeTab === "receiving" ? (o(), l("div", co, [
-      t[35] || (t[35] = e("div", { style: { "margin-bottom": "20px" } }, [
-        e("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Receiving & Inventory Dashboard"),
-        e("div", { style: { background: "#dcfce7", padding: "15px", "border-radius": "10px", "border-left": "4px solid #10b981" } }, [
-          e("strong", null, "Role:"),
-          _(" Warehouse Team - Process incoming deliveries and update inventory ")
+    ])) : c("", !0),
+    n.activeTab === "receiving" ? (l(), r("div", tl, [
+      e[35] || (e[35] = t("div", { style: { "margin-bottom": "20px" } }, [
+        t("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Receiving & Inventory Dashboard"),
+        t("div", { style: { background: "#dcfce7", padding: "15px", "border-radius": "10px", "border-left": "4px solid #10b981" } }, [
+          t("strong", null, "Role:"),
+          w(" Warehouse Team - Process incoming deliveries and update inventory ")
         ])
       ], -1)),
-      e("div", mo, [
-        (o(!0), l(p, null, h(a.awaitingDelivery, (d) => (o(), l("div", {
-          key: d.id,
+      t("div", sl, [
+        (l(!0), r(f, null, g(o.awaitingDelivery, (u) => (l(), r("div", {
+          key: u.id,
           class: "requisition-card"
         }, [
-          e("div", vo, [
-            e("div", po, r(d.id), 1)
+          t("div", il, [
+            t("div", nl, a(u.id), 1)
           ]),
-          e("div", fo, [
-            (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
+          t("div", ol, [
+            (l(!0), r(f, null, g(n.requisitionFields, (v) => (l(), r("div", {
               class: "detail-item",
-              key: c.label
+              key: v.label
             }, [
-              e("div", ho, r(c.label), 1),
-              e("div", go, r(c.value(d)), 1)
+              t("div", ll, a(v.label), 1),
+              t("div", rl, a(v.value(u)), 1)
             ]))), 128))
           ]),
-          e("div", bo, [
-            t[33] || (t[33] = e("div", { class: "detail-label" }, "Justification", -1)),
-            e("div", yo, r(d.justification || "N/A"), 1)
+          t("div", al, [
+            e[33] || (e[33] = t("div", { class: "detail-label" }, "Justification", -1)),
+            t("div", dl, a(u.justification || "N/A"), 1)
           ]),
-          e("div", wo, [
-            t[34] || (t[34] = e("div", { class: "detail-label" }, "Items", -1)),
-            e("ul", ko, [
-              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+          t("div", ul, [
+            e[34] || (e[34] = t("div", { class: "detail-label" }, "Items", -1)),
+            t("ul", cl, [
+              (l(!0), r(f, null, g(u.items, (v, C) => (l(), r("li", { key: C }, a(v.desc) + " - " + a(v.qty) + " " + a(v.unit) + " @ ₦" + a(v.cost.toFixed(2)) + " each ", 1))), 128))
             ])
           ]),
-          e("button", {
+          t("button", {
             type: "button",
             class: "add-item-btn",
-            onClick: (c) => a.handleAcceptDelivery(d.id)
-          }, "Accept Delivery", 8, _o)
+            onClick: (v) => o.handleAcceptDelivery(u.id)
+          }, "Accept Delivery", 8, ml)
         ]))), 128))
       ])
-    ])) : m("", !0),
-    n.activeTab === "po" ? (o(), l("div", Co, [
-      e("div", Do, [
-        e("div", xo, [
-          e("div", So, [
-            t[41] || (t[41] = e("h3", null, "Vendor Information", -1)),
-            e("div", Po, [
-              t[36] || (t[36] = e("span", { class: "info-label" }, "Company:", -1)),
-              e("span", Ao, r(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
+    ])) : c("", !0),
+    n.activeTab === "po" ? (l(), r("div", vl, [
+      t("div", pl, [
+        t("div", hl, [
+          t("div", fl, [
+            e[41] || (e[41] = t("h3", null, "Vendor Information", -1)),
+            t("div", gl, [
+              e[36] || (e[36] = t("span", { class: "info-label" }, "Company:", -1)),
+              t("span", bl, a(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
             ]),
-            e("div", qo, [
-              t[37] || (t[37] = e("span", { class: "info-label" }, "Contact:", -1)),
-              e("span", To, r(n.vendorInfo.contact || ((f = n.poDetails.vendorInfo) == null ? void 0 : f.contact)), 1)
+            t("div", yl, [
+              e[37] || (e[37] = t("span", { class: "info-label" }, "Contact:", -1)),
+              t("span", wl, a(n.vendorInfo.contact || ((m = n.poDetails.vendorInfo) == null ? void 0 : m.contact)), 1)
             ]),
-            e("div", Io, [
-              t[38] || (t[38] = e("span", { class: "info-label" }, "Email:", -1)),
-              e("span", Ro, r(n.vendorInfo.email || ((y = n.poDetails.vendorInfo) == null ? void 0 : y.email)), 1)
+            t("div", kl, [
+              e[38] || (e[38] = t("span", { class: "info-label" }, "Email:", -1)),
+              t("span", Cl, a(n.vendorInfo.email || ((y = n.poDetails.vendorInfo) == null ? void 0 : y.email)), 1)
             ]),
-            e("div", Mo, [
-              t[39] || (t[39] = e("span", { class: "info-label" }, "Phone:", -1)),
-              e("span", Vo, r(n.vendorInfo.phone || ((A = n.poDetails.vendorInfo) == null ? void 0 : A.phone)), 1)
+            t("div", _l, [
+              e[39] || (e[39] = t("span", { class: "info-label" }, "Phone:", -1)),
+              t("span", Dl, a(n.vendorInfo.phone || ((P = n.poDetails.vendorInfo) == null ? void 0 : P.phone)), 1)
             ]),
-            e("div", Fo, [
-              t[40] || (t[40] = e("span", { class: "info-label" }, "Address:", -1)),
-              e("span", Eo, r(n.vendorInfo.address || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.address)), 1)
+            t("div", xl, [
+              e[40] || (e[40] = t("span", { class: "info-label" }, "Address:", -1)),
+              t("span", Sl, a(n.vendorInfo.address || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.address)), 1)
             ])
           ]),
-          e("div", No, [
-            t[47] || (t[47] = e("h3", null, "Purchase Order Details", -1)),
-            e("div", Oo, [
-              t[42] || (t[42] = e("span", { class: "info-label" }, "PO Number:", -1)),
-              e("span", Uo, r(n.poDetails.id), 1)
+          t("div", Al, [
+            e[47] || (e[47] = t("h3", null, "Purchase Order Details", -1)),
+            t("div", Pl, [
+              e[42] || (e[42] = t("span", { class: "info-label" }, "PO Number:", -1)),
+              t("span", Tl, a(n.poDetails.id), 1)
             ]),
-            e("div", Lo, [
-              t[43] || (t[43] = e("span", { class: "info-label" }, "Date:", -1)),
-              e("span", $o, r(n.vendorInfo.poDate || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.poDate)), 1)
+            t("div", ql, [
+              e[43] || (e[43] = t("span", { class: "info-label" }, "Date:", -1)),
+              t("span", Il, a(n.vendorInfo.poDate || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.poDate)), 1)
             ]),
-            e("div", jo, [
-              t[44] || (t[44] = e("span", { class: "info-label" }, "Requested By:", -1)),
-              e("span", Bo, r(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
+            t("div", Fl, [
+              e[44] || (e[44] = t("span", { class: "info-label" }, "Requested By:", -1)),
+              t("span", Rl, a(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
             ]),
-            e("div", Ho, [
-              t[45] || (t[45] = e("span", { class: "info-label" }, "Department:", -1)),
-              e("span", Qo, "PO-" + r(n.poDetails.department), 1)
+            t("div", Vl, [
+              e[45] || (e[45] = t("span", { class: "info-label" }, "Department:", -1)),
+              t("span", Ml, "PO-" + a(n.poDetails.department), 1)
             ]),
-            e("div", Jo, [
-              t[46] || (t[46] = e("span", { class: "info-label" }, "Delivery Date:", -1)),
-              e("span", Wo, r(n.poDetails.neededDate), 1)
+            t("div", Nl, [
+              e[46] || (e[46] = t("span", { class: "info-label" }, "Delivery Date:", -1)),
+              t("span", El, a(n.poDetails.neededDate), 1)
             ])
           ])
         ]),
-        e("div", Go, [
-          t[57] || (t[57] = e("h2", { class: "section-title" }, "Order Items", -1)),
-          e("table", zo, [
-            e("thead", null, [
-              e("tr", null, [
-                t[48] || (t[48] = e("th", null, "Item #", -1)),
-                t[49] || (t[49] = e("th", null, "Description", -1)),
-                t[50] || (t[50] = e("th", null, "Quantity", -1)),
-                t[51] || (t[51] = e("th", null, "Unit Price", -1)),
-                t[52] || (t[52] = e("th", null, "Total", -1)),
-                n.isPrinting ? m("", !0) : (o(), l("th", Yo, "Actions"))
+        t("div", Ll, [
+          e[57] || (e[57] = t("h2", { class: "section-title" }, "Order Items", -1)),
+          t("table", Ol, [
+            t("thead", null, [
+              t("tr", null, [
+                e[48] || (e[48] = t("th", null, "Item #", -1)),
+                e[49] || (e[49] = t("th", null, "Description", -1)),
+                e[50] || (e[50] = t("th", null, "Quantity", -1)),
+                e[51] || (e[51] = t("th", null, "Unit Price", -1)),
+                e[52] || (e[52] = t("th", null, "Total", -1)),
+                n.isPrinting ? c("", !0) : (l(), r("th", Ul, "Actions"))
               ])
             ]),
-            e("tbody", null, [
-              (o(!0), l(p, null, h(n.poDetails.items || [], (d, c) => (o(), l("tr", { key: c }, [
-                e("td", null, r(d.itemNumber), 1),
-                e("td", null, r(d.desc), 1),
-                e("td", null, r(d.qty), 1),
-                e("td", null, [
-                  d.editing ? v((o(), l("input", {
+            t("tbody", null, [
+              (l(!0), r(f, null, g(n.poDetails.items || [], (u, v) => (l(), r("tr", { key: v }, [
+                t("td", null, a(u.itemNumber), 1),
+                t("td", null, a(u.desc), 1),
+                t("td", null, a(u.qty), 1),
+                t("td", null, [
+                  u.editing ? h((l(), r("input", {
                     key: 1,
-                    "onUpdate:modelValue": (w) => d.tempPrice = w,
+                    "onUpdate:modelValue": (C) => u.tempPrice = C,
                     type: "number",
                     step: "0.01",
-                    class: g(["price-input", { "price-changed": d.cost !== d.tempPrice }])
-                  }, null, 10, Zo)), [
+                    class: b(["price-input", { "price-changed": u.cost !== u.tempPrice }])
+                  }, null, 10, Bl)), [
                     [
                       k,
-                      d.tempPrice,
+                      u.tempPrice,
                       void 0,
                       { number: !0 }
                     ]
-                  ]) : (o(), l("span", Ko, [
-                    _(" $" + r(d.cost.toFixed(2)) + " ", 1),
-                    d.cost !== d.unitPrice ? (o(), l("span", Xo, "!")) : m("", !0)
+                  ]) : (l(), r("span", $l, [
+                    w(" $" + a(u.cost.toFixed(2)) + " ", 1),
+                    u.cost !== u.unitPrice ? (l(), r("span", jl, "!")) : c("", !0)
                   ]))
                 ]),
-                e("td", null, "$" + r((d.unitPrice * d.qty).toFixed(2)), 1),
-                n.isPrinting ? m("", !0) : (o(), l("td", el, [
-                  d.editing ? (o(), l("div", sl, [
-                    e("button", {
-                      onClick: (w) => a.savePrice(c),
+                t("td", null, "$" + a((u.unitPrice * u.qty).toFixed(2)), 1),
+                n.isPrinting ? c("", !0) : (l(), r("td", Hl, [
+                  u.editing ? (l(), r("div", Jl, [
+                    t("button", {
+                      onClick: (C) => o.savePrice(v),
                       class: "save-btn"
-                    }, "Save", 8, il),
-                    e("button", {
-                      onClick: (w) => a.cancelEdit(c),
+                    }, "Save", 8, Wl),
+                    t("button", {
+                      onClick: (C) => o.cancelEdit(v),
                       class: "cancel-btn"
-                    }, "Cancel", 8, nl)
-                  ])) : (o(), l("button", {
+                    }, "Cancel", 8, Kl)
+                  ])) : (l(), r("button", {
                     key: 0,
-                    onClick: (w) => a.startEdit(c),
+                    onClick: (C) => o.startEdit(v),
                     class: "edit-btn"
-                  }, " Edit Price ", 8, tl))
+                  }, " Edit Price ", 8, Ql))
                 ]))
               ]))), 128))
             ])
           ]),
-          (o(!0), l(p, null, h(n.poDetails.items || [], (d, c) => (o(), l("div", {
-            key: "note-" + c
+          (l(!0), r(f, null, g(n.poDetails.items || [], (u, v) => (l(), r("div", {
+            key: "note-" + v
           }, [
-            d.justification ? (o(), l("div", ol, [
-              e("strong", null, "Price Change Justification (Item " + r(d.itemNumber) + "):", 1),
-              _(" " + r(d.justification), 1)
-            ])) : m("", !0)
+            u.justification ? (l(), r("div", zl, [
+              t("strong", null, "Price Change Justification (Item " + a(u.itemNumber) + "):", 1),
+              w(" " + a(u.justification), 1)
+            ])) : c("", !0)
           ]))), 128)),
-          e("div", ll, [
-            e("div", rl, [
-              t[53] || (t[53] = e("span", null, "Subtotal:", -1)),
-              e("span", null, "$" + r(a.subTotal.toFixed(2)), 1)
+          t("div", Gl, [
+            t("div", Yl, [
+              e[53] || (e[53] = t("span", null, "Subtotal:", -1)),
+              t("span", null, "$" + a(o.subTotal.toFixed(2)), 1)
             ]),
-            e("div", al, [
-              t[54] || (t[54] = e("span", null, "Tax (%):", -1)),
-              e("span", null, "$" + r(a.getOptional(n.vendorInfo.tax)), 1)
+            t("div", Xl, [
+              e[54] || (e[54] = t("span", null, "Tax (%):", -1)),
+              t("span", null, "$" + a(o.getOptional(n.vendorInfo.tax)), 1)
             ]),
-            e("div", dl, [
-              t[55] || (t[55] = e("span", null, "Shipping:", -1)),
-              e("span", null, "$" + r(a.getOptional(n.vendorInfo.shipping)), 1)
+            t("div", Zl, [
+              e[55] || (e[55] = t("span", null, "Shipping:", -1)),
+              t("span", null, "$" + a(o.getOptional(n.vendorInfo.shipping)), 1)
             ]),
-            e("div", ul, [
-              t[56] || (t[56] = e("span", null, "Grand Total:", -1)),
-              e("span", null, "$" + r((a.subTotal + a.getOptional(n.vendorInfo.tax) + a.getOptional(n.vendorInfo.shipping)).toFixed(2)), 1)
+            t("div", er, [
+              e[56] || (e[56] = t("span", null, "Grand Total:", -1)),
+              t("span", null, "$" + a((o.subTotal + o.getOptional(n.vendorInfo.tax) + o.getOptional(n.vendorInfo.shipping)).toFixed(2)), 1)
             ])
           ])
         ])
       ]),
-      n.showJustificationModal ? (o(), l("div", {
+      n.showJustificationModal ? (l(), r("div", {
         key: 0,
         class: "justification-modal",
-        onClick: t[10] || (t[10] = D((...d) => a.closeJustificationModal && a.closeJustificationModal(...d), ["self"]))
+        onClick: e[10] || (e[10] = D((...u) => o.closeJustificationModal && o.closeJustificationModal(...u), ["self"]))
       }, [
-        e("div", cl, [
-          t[60] || (t[60] = e("h3", null, "Price Change Justification Required", -1)),
-          e("p", ml, [
-            t[58] || (t[58] = _(" Please provide a justification for changing the price from ", -1)),
-            e("strong", null, "$" + r((M = (R = a.currentItem) == null ? void 0 : R.cost) == null ? void 0 : M.toFixed(2)), 1),
-            t[59] || (t[59] = _(" to ", -1)),
-            e("strong", null, "$" + r((F = (V = a.currentItem) == null ? void 0 : V.tempPrice) == null ? void 0 : F.toFixed(2)), 1)
+        t("div", tr, [
+          e[60] || (e[60] = t("h3", null, "Price Change Justification Required", -1)),
+          t("p", sr, [
+            e[58] || (e[58] = w(" Please provide a justification for changing the price from ", -1)),
+            t("strong", null, "$" + a((R = (F = o.currentItem) == null ? void 0 : F.cost) == null ? void 0 : R.toFixed(2)), 1),
+            e[59] || (e[59] = w(" to ", -1)),
+            t("strong", null, "$" + a((M = (V = o.currentItem) == null ? void 0 : V.tempPrice) == null ? void 0 : M.toFixed(2)), 1)
           ]),
-          v(e("textarea", {
-            "onUpdate:modelValue": t[7] || (t[7] = (d) => n.justificationText = d),
+          h(t("textarea", {
+            "onUpdate:modelValue": e[7] || (e[7] = (u) => n.justificationText = u),
             class: "justification-textarea",
             placeholder: "Enter justification for price change...",
             required: ""
           }, null, 512), [
             [k, n.justificationText]
           ]),
-          e("div", vl, [
-            e("button", {
-              onClick: t[8] || (t[8] = (...d) => a.closeJustificationModal && a.closeJustificationModal(...d)),
+          t("div", ir, [
+            t("button", {
+              onClick: e[8] || (e[8] = (...u) => o.closeJustificationModal && o.closeJustificationModal(...u)),
               class: "cancel-btn"
             }, "Cancel"),
-            e("button", {
-              onClick: t[9] || (t[9] = (...d) => a.confirmPriceChange && a.confirmPriceChange(...d)),
+            t("button", {
+              onClick: e[9] || (e[9] = (...u) => o.confirmPriceChange && o.confirmPriceChange(...u)),
               class: "save-btn",
               disabled: !n.justificationText.trim()
-            }, " Confirm Change ", 8, pl)
+            }, " Confirm Change ", 8, nr)
           ])
         ])
-      ])) : m("", !0),
-      n.isPrinting ? m("", !0) : (o(), l("button", {
+      ])) : c("", !0),
+      n.isPrinting ? c("", !0) : (l(), r("button", {
         key: 1,
         type: "button",
         class: "add-item-btn",
-        onClick: t[11] || (t[11] = (d) => a.handleFinishPO(n.poDetails.id))
+        onClick: e[11] || (e[11] = (u) => o.handleFinishPO(n.poDetails.id))
       }, "Approve PO"))
-    ])) : m("", !0),
-    n.activeTab === "workflow" ? (o(), l("div", fl, t[61] || (t[61] = [
+    ])) : c("", !0),
+    n.activeTab === "workflow" ? (l(), r("div", or, e[61] || (e[61] = [
       x('<div class="workflow-steps"><div class="workflow-step"><div class="step-icon completed">1</div><div class="step-title">Request Submitted</div></div><div class="workflow-step"><div class="step-icon active">2</div><div class="step-title">Department Review</div></div><div class="workflow-step"><div class="step-icon">3</div><div class="step-title">Management Approval</div></div><div class="workflow-step"><div class="step-icon">4</div><div class="step-title">Purchase Order Created</div></div><div class="workflow-step"><div class="step-icon">5</div><div class="step-title">Order Fulfilled</div></div></div><div style="background:white;padding:30px;border-radius:15px;margin-top:20px;"><h3 style="color:#1e40af;margin-bottom:20px;">Requisition Workflow Process</h3><div style="line-height:1.8;color:#374151;"><p><strong>Step 1: Request Identification</strong><br> Department or individual identifies need for materials, equipment, or services.</p><p><strong>Step 2: Requisition Creation</strong><br> Complete requisition form with detailed specifications, quantities, and business justification.</p><p><strong>Step 3: Department Review</strong><br> Department supervisor reviews request for accuracy, necessity, and budget compliance.</p><p><strong>Step 4: Management Approval</strong><br> Based on cost thresholds, appropriate management level provides approval.</p><p><strong>Step 5: Purchase Order Generation</strong><br> Purchasing team converts approved requisition into formal Purchase Order (PO).</p><p><strong>Step 6: Vendor Processing</strong><br> PO sent to vendor, order processed, and delivery scheduled.</p><p><strong>Step 7: Receipt &amp; Inventory</strong><br> Goods received, inspected, and entered into inventory system.</p></div></div>', 2)
-    ]))) : m("", !0)
+    ]))) : c("", !0)
   ]);
 }
-const gl = /* @__PURE__ */ S(Qi, [["render", hl]]), yl = (s = {}) => ({
+const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (s = {}) => ({
   brandName: s.brandName || "OceanHelm",
   logoIcon: s.logoIcon || "bi bi-water",
   showLogo: s.showLogo !== !1,
   responsive: s.responsive !== !1,
   ...s
-}), wl = [
+}), ur = [
   {
     type: "link",
-    label: "Dashboard",
+    label: "Home",
     icon: "bi bi-speedometer2",
     href: "/app/dashboard",
     active: !0
@@ -2952,10 +3396,51 @@ const gl = /* @__PURE__ */ S(Qi, [["render", hl]]), yl = (s = {}) => ({
     roles: ["owner"]
     // Role-based visibility
   },
+  {
+    type: "link",
+    label: "People Manager",
+    icon: "bi bi-person-plus",
+    href: "/app/people-manager",
+    roles: ["owner"]
+    // Role-based visibility
+  },
   {
     type: "text",
-    label: "Services"
+    label: "Modules"
+  },
+  {
+    type: "dropdown",
+    label: "Compliance",
+    icon: "bi bi-list-ul",
+    children: [
+      {
+        label: "Vessel Certification",
+        action: "vessel-cert"
+      },
+      {
+        type: "separator"
+      },
+      {
+        label: "Crew Certification",
+        action: "crew-cert"
+      },
+      {
+        type: "separator"
+      },
+      {
+        label: "Reports",
+        action: "reports"
+      }
+    ]
+  },
+  /* 
+  {
+      type: 'link',
+      label: 'Business Intelligence',
+      icon: 'bi bi-graph-up-arrow',
+      href: '/app/analytics'
   },
+  */
   {
     type: "button",
     label: "Maintenance",
@@ -3018,22 +3503,22 @@ const gl = /* @__PURE__ */ S(Qi, [["render", hl]]), yl = (s = {}) => ({
     icon: "bi bi-question-circle",
     action: "help"
   }
-], kl = (s, t) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(t == null ? void 0 : t.role), _l = {
-  install(s, t = {}) {
-    s.component("ConfigurableSidebar", K), s.component("VesselLists", Te), s.component("DashHead", Ee), s.component("ActivityLogs", ei), s.component("CrewManagement", Hi), s.component("RequisitionSystem", gl), s.component("OceanHelmMaintenance", As), s.provide("sidebarConfig", t);
+], cr = (s, e) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(e == null ? void 0 : e.role), mr = {
+  install(s, e = {}) {
+    s.component("ConfigurableSidebar", X), s.component("VesselLists", Ve), s.component("DashHead", Ue), s.component("ActivityLogs", ni), s.component("CrewManagement", Mn), s.component("RequisitionSystem", rr), s.component("OceanHelmMaintenance", Fs), s.provide("sidebarConfig", e);
   }
 };
 export {
-  ei as ActivityLogs,
-  K as ConfigurableSidebar,
-  Hi as CrewManagement,
-  Ee as DashHead,
-  As as OceanHelmMaintenance,
-  gl as RequisitionSystem,
-  Te as VesselList,
-  yl as createSidebarConfig,
-  _l as default,
-  wl as defaultMenuItems,
-  kl as defaultPermissionChecker
+  ni as ActivityLogs,
+  X as ConfigurableSidebar,
+  Mn as CrewManagement,
+  Ue as DashHead,
+  Fs as OceanHelmMaintenance,
+  rr as RequisitionSystem,
+  Ve as VesselList,
+  dr as createSidebarConfig,
+  mr as default,
+  ur as defaultMenuItems,
+  cr as defaultPermissionChecker
 };
 //# sourceMappingURL=oceanhelm.es.js.map