oceanhelm 0.0.7 → 0.0.9

package/dist/oceanhelm.es.js

@@ -1,7 +1,7 @@
-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) => {
+import { openBlock as o, createElementBlock as l, normalizeClass as g, createElementVNode as t, toDisplayString as a, createCommentVNode as m, Fragment as p, renderList as h, withModifiers as D, createTextVNode as C, renderSlot as O, withDirectives as v, vShow as P, normalizeStyle as E, createStaticVNode as x, vModelText as k, vModelSelect as _, vModelCheckbox as N } from "vue";
+const S = (s, e) => {
   const u = s.__vccOpts || s;
-  for (const [b, n] of t)
+  for (const [b, n] of e)
     u[b] = n;
   return u;
 }, U = {
@@ -52,21 +52,25 @@ const S = (s, t) => {
       return this.customClasses;
     },
     filteredMenuItems() {
-      return this.menuItems.filter((s) => this.hasPermission(s));
+      return this.menuItems.filter((s) => this.hasPermission(s) ? s.type === "dropdown" && s.children ? s.children.some((e) => this.hasPermission(e)) : !0 : !1);
     }
   },
   mounted() {
     this.responsive && this.initializeResponsiveBehavior();
   },
   methods: {
+    // Get filtered children for dropdown items
+    getFilteredChildren(s) {
+      return s.children ? s.children.filter((e) => this.hasPermission(e)) : [];
+    },
     // Permission checking
     hasPermission(s) {
       return this.permissionChecker ? this.permissionChecker(s, this.userProfile) : !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(this.userProfile.role);
     },
     // 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) {
@@ -78,12 +82,12 @@ 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");
+      const s = document.getElementById("sidebarToggle"), e = document.getElementById("sidebar"), u = document.getElementById("content");
+      !s || !e || !u || (window.innerWidth >= 768 && (e.classList.toggle("active"), u.classList.toggle("active")), s.addEventListener("click", () => {
+        e.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 n = e.contains(b.target), r = s.contains(b.target);
+        !n && !r && window.innerWidth < 768 && e.classList.contains("active") && (e.classList.remove("active"), u.classList.remove("active"));
       }));
     }
   },
@@ -91,7 +95,7 @@ const S = (s, t) => {
 }, L = {
   key: 0,
   class: "logo d-flex align-items-center left"
-}, $ = { class: "list-unstyled components mt-4" }, j = ["onClick"], B = ["href", "onClick"], H = ["onClick"], Q = {
+}, j = { class: "list-unstyled components mt-4" }, $ = ["onClick"], B = ["href", "onClick"], H = ["onClick"], Q = {
   class: "dropdown-toggle",
   type: "button",
   "data-bs-toggle": "dropdown",
@@ -103,61 +107,61 @@ const S = (s, t) => {
   key: 3,
   class: "dropdown-divider"
 }, z = { key: 4 };
-function Y(s, t, u, b, n, a) {
+function Y(s, e, u, b, n, r) {
   return o(), l("nav", {
     id: "sidebar",
-    class: g(a.sidebarClasses)
+    class: g(r.sidebarClasses)
   }, [
     u.showLogo ? (o(), l("div", L, [
-      e("i", {
+      t("i", {
         class: g([u.logoIcon, "me-2"])
       }, null, 2),
-      e("span", null, r(u.brandName), 1)
+      t("span", null, a(u.brandName), 1)
     ])) : m("", !0),
-    e("ul", $, [
-      (o(!0), l(p, null, h(a.filteredMenuItems, (i, f) => (o(), l("li", {
+    t("ul", j, [
+      (o(!0), l(p, null, h(r.filteredMenuItems, (i, f) => (o(), l("li", {
         key: f,
         class: g({ active: i.active, dropdown: i.type === "dropdown" }),
-        onClick: (y) => a.handleItemClick(i)
+        onClick: (y) => r.handleItemClick(i)
       }, [
         i.type === "link" ? (o(), l("a", {
           key: 0,
           href: i.href || "#",
-          onClick: D((y) => a.handleNavigation(i), ["prevent"])
+          onClick: D((y) => r.handleNavigation(i), ["prevent"])
         }, [
           i.icon ? (o(), l("i", {
             key: 0,
             class: g(i.icon)
           }, null, 2)) : m("", !0),
-          _(" " + r(i.label), 1)
+          C(" " + a(i.label), 1)
         ], 8, B)) : i.type === "button" ? (o(), l("a", {
           key: 1,
-          onClick: D((y) => a.handleAction(i), ["prevent"]),
+          onClick: D((y) => r.handleAction(i), ["prevent"]),
           style: { cursor: "pointer" }
         }, [
           i.icon ? (o(), l("i", {
             key: 0,
             class: g(i.icon)
           }, null, 2)) : m("", !0),
-          _(" " + r(i.label), 1)
+          C(" " + a(i.label), 1)
         ], 8, H)) : i.type === "dropdown" ? (o(), l(p, { key: 2 }, [
-          e("a", Q, [
+          t("a", Q, [
             i.icon ? (o(), l("i", {
               key: 0,
               class: g(i.icon)
             }, null, 2)) : m("", !0),
-            _(" " + r(i.label), 1)
+            C(" " + a(i.label), 1)
           ]),
-          e("div", J, [
-            (o(!0), l(p, null, h(i.children, (y, A) => (o(), l("a", {
+          t("div", J, [
+            (o(!0), l(p, null, h(r.getFilteredChildren(i), (y, A) => (o(), l("a", {
               key: A,
               class: "dropdown-item black",
-              onClick: D((q) => a.handleAction(y), ["prevent"]),
+              onClick: D((q) => r.handleAction(y), ["prevent"]),
               style: { cursor: "pointer" }
-            }, r(y.label), 9, W))), 128))
+            }, a(y.label), 9, W))), 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" ? (o(), l("div", G)) : i.type === "text" ? (o(), l("a", z, a(i.label), 1)) : m("", !0)
+      ], 10, $))), 128))
     ]),
     O(s.$slots, "footer")
   ], 2);
@@ -199,6 +203,12 @@ const X = {
       })
     }
   },
+  data() {
+    return {
+      activeFilter: "All"
+      // 'All', 'Active', or 'Inactive'
+    };
+  },
   emits: [
     "vessel-add",
     "vessel-click",
@@ -216,11 +226,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) {
@@ -230,13 +250,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.currentRoute === "dashboard" ? this.$emit("vessel-click", s) : this.$emit("vessel-navigate", t);
+      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)) {
@@ -266,11 +286,11 @@ const X = {
     statusClass(s) {
       return `status-${(s == null ? void 0 : s.toLowerCase()) || ""}`;
     },
-    getDuration(s, t) {
+    getDuration(s, e) {
       const u = /* @__PURE__ */ new Date(), b = new Date(s), n = u - b;
       if (n < 0)
         return "Invalid (future date)";
-      const a = Math.floor(n / (1e3 * 60 * 60)), i = Math.floor(a / 24), f = a % 24;
+      const r = Math.floor(n / (1e3 * 60 * 60)), i = Math.floor(r / 24), f = r % 24;
       let y = "";
       return i > 0 && (y += `${i} day${i > 1 ? "s" : ""}`), f > 0 && (y += (y ? " " : "") + `${f} hr${f > 1 ? "s" : ""}`), y || "0 hr";
     },
@@ -278,163 +298,198 @@ const X = {
       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: u } = this.userProfile;
+      return e === "owner" || e === "staff" || e === "captain" && u === s.name;
     },
     getDaysToExpiry(s) {
       if (!s)
         return null;
-      const t = /* @__PURE__ */ new Date(), b = new Date(s) - t;
+      const e = /* @__PURE__ */ new Date(), b = new Date(s) - e;
       return Math.ceil(b / (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 = {
+}, Z = { class: "row mb-3" }, ee = { class: "col-md-4" }, te = { class: "card-body d-flex align-items-center" }, se = { class: "mt-2 mb-0" }, ie = { class: "col-md-4" }, ne = { class: "card-body d-flex align-items-center" }, oe = { class: "mt-2 mb-0" }, le = {
   key: 0,
   class: "col-md-4"
-}, de = {
+}, re = { class: "d-flex justify-content-between align-items-center mb-4" }, ae = {
   key: 0,
+  class: "alert alert-info mb-3",
+  role: "alert"
+}, de = {
+  key: 1,
   class: "text-center py-4"
 }, ue = {
-  key: 1,
+  key: 2,
   class: "alert alert-primary",
   role: "alert"
 }, ce = {
-  key: 2,
+  key: 3,
+  class: "alert alert-warning",
+  role: "alert"
+}, me = { class: "alert-heading" }, ve = { class: "mb-0" }, pe = {
+  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"], he = { class: "card-body d-flex align-items-center" }, ge = { class: "flex-grow-1" }, be = { class: "d-flex justify-content-between align-items-center mb-2" }, ye = { class: "card-title mb-0" }, we = { class: "row" }, ke = { class: "col-6" }, Ce = { class: "mb-0" }, _e = {
   key: 0,
   class: "col-6"
-}, ke = { class: "mb-0" }, _e = { class: "mb-0" }, Ce = {
+}, De = { class: "mb-0" }, xe = { class: "mb-0" }, Se = {
   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) {
+}, Pe = { class: "text-muted" }, Ae = ["onClick"], qe = { class: "action-icon v-left delete" }, Te = ["onClick"], Ie = ["onClick"];
+function Re(s, e, u, b, n, r) {
   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" })
+    t("div", Z, [
+      t("div", ee, [
+        t("div", {
+          class: g(["card border-0 shadow-sm", { "border-primary border-2": n.activeFilter === "Active" }]),
+          onClick: e[0] || (e[0] = (i) => r.filterVessels("Active")),
+          style: { cursor: "pointer" }
+        }, [
+          t("div", te, [
+            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", se, a(r.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", ie, [
+        t("div", {
+          class: g(["card border-0 shadow-sm", { "border-secondary border-2": n.activeFilter === "Inactive" }]),
+          onClick: e[1] || (e[1] = (i) => r.filterVessels("Inactive")),
+          style: { cursor: "pointer" }
+        }, [
+          t("div", ne, [
+            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", oe, a(r.inactiveVesselsCount), 1)
             ])
           ])
-        ])
+        ], 2)
       ]),
-      a.canAddVessel ? (o(), l("div", ae, [
-        e("div", {
+      r.canAddVessel ? (o(), l("div", le, [
+        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) => r.handleAddVessel && r.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)
     ]),
-    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", re, [
+      e[10] || (e[10] = t("h4", { class: "mb-0" }, [
+        t("i", { class: "bi bi-ship me-2" }),
+        C("Registered Vessels")
+      ], -1)),
+      n.activeFilter !== "All" ? (o(), l("button", {
+        key: 0,
+        class: "btn btn-sm btn-outline-secondary",
+        onClick: e[3] || (e[3] = (...i) => r.clearFilter && r.clearFilter(...i))
+      }, e[9] || (e[9] = [
+        t("i", { class: "bi bi-x-circle me-1" }, null, -1),
+        C("Clear Filter ", -1)
+      ]))) : m("", !0)
+    ]),
+    n.activeFilter !== "All" ? (o(), l("div", ae, [
+      e[11] || (e[11] = C(" Showing ", -1)),
+      t("strong", null, a(n.activeFilter), 1),
+      C(" vessels (" + a(r.filteredVessels.length) + ") ", 1)
+    ])) : m("", !0),
+    u.loading ? (o(), l("div", de, 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)
+    ]))) : !r.filteredVessels.length && n.activeFilter === "All" ? (o(), l("div", ue, 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)
+    ]))) : !r.filteredVessels.length && n.activeFilter !== "All" ? (o(), l("div", ce, [
+      t("h4", me, "No " + a(n.activeFilter) + " Vessels", 1),
+      t("p", ve, "There are no " + a(n.activeFilter.toLowerCase()) + " vessels in your fleet.", 1)
+    ])) : (o(), l("div", pe, [
+      (o(!0), l(p, null, h(r.filteredVessels, (i) => (o(), l("div", {
         class: "col-lg-6",
         key: i.registrationNumber || i.id
       }, [
-        e("div", {
+        t("div", {
           class: "vessel-card",
-          onClick: (f) => a.handleVesselClick(i)
+          onClick: (f) => r.handleVesselClick(i)
         }, [
-          e("div", ve, [
-            t[11] || (t[11] = e("div", { class: "vessel-icon v-left" }, [
-              e("i", { class: "fas fa-ship" })
+          t("div", he, [
+            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", ge, [
+              t("div", be, [
+                t("h5", ye, a(i.name), 1),
+                t("span", {
+                  class: g(["vessel-status", r.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", we, [
+                t("div", ke, [
+                  e[14] || (e[14] = t("small", { class: "text-muted" }, "Registration #:", -1)),
+                  t("p", Ce, a(i.registrationNumber), 1)
                 ]),
-                i.date ? (o(), l("div", we, [
+                i.date ? (o(), l("div", _e, [
                   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)
+                    e[15] || (e[15] = t("small", { class: "text-muted" }, "Active Duration:", -1)),
+                    t("p", De, a(r.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)
+                    e[16] || (e[16] = t("small", { class: "text-muted" }, "Inactive Duration:", -1)),
+                    t("p", xe, a(r.getDuration(i.date, i.registrationNumber)), 1)
                   ], 64))
-                ])) : (o(), l("div", Ce, [
-                  e("small", De, r(i.status) + " Duration:", 1),
-                  e("button", {
+                ])) : (o(), l("div", Se, [
+                  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((f) => r.setVesselDate(i.registrationNumber), ["stop"])
+                  }, " Set Date ", 8, Ae)
                 ]))
               ])
             ])
           ]),
-          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((f) => r.handleDeleteVessel(i), ["stop"])
+            }, null, 8, Te)
           ]),
-          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((f) => r.handleToggleStatus(i), ["stop"])
+          }, a(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, Ie)
+        ], 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 Fe = /* @__PURE__ */ S(X, [["render", Re]]);
+const Ve = {
   name: "DashHead",
   props: {
     name: {
@@ -459,29 +514,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, [
+}, Me = { class: "page-header d-flex justify-content-between align-items-center" }, Ee = { style: { "margin-left": "20px" } }, Ne = { class: "d-flex" };
+function Oe(s, e, u, b, n, r) {
+  return o(), l("div", Me, [
+    t("h4", Ee, a(u.name), 1),
+    t("div", Ne, [
       this.userProfile.role == "owner" ? (o(), l("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)
+        onClick: e[0] || (e[0] = (i) => r.addUser())
+      }, e[2] || (e[2] = [
+        t("i", { class: "bi bi-bell" }, null, -1),
+        t("span", { class: "badge bg-danger" }, "1", -1)
       ]))) : m("", !0),
-      e("button", {
+      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) => r.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(Ve, [["render", Oe]]), Le = {
   name: "OceanHelmMaintenance",
   props: {
     vesselInfo: {
@@ -584,10 +639,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)
+          (u) => u.component.toLowerCase().includes(e) || u.taskName.toLowerCase().includes(e) || u.assignedTo.toLowerCase().includes(e)
         );
       }
       return s;
@@ -605,31 +660,31 @@ 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) {
+        callback: (e) => {
+          if (e) {
             const u = {
               id: Date.now(),
-              text: t,
+              text: e,
               completed: !1
             };
             this.checklists.push(u);
@@ -643,8 +698,8 @@ 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) => ({
+        callback: (e) => {
+          this.checklists = e.map((u) => ({
             ...u,
             completed: !1
           })), this.isLoading = !1;
@@ -653,13 +708,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((u) => u.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((u) => u.component === s);
+      this.maintenanceTasks = [e], this.loadMaintenanceData(), this.showReport = !0, this.$nextTick(() => {
         setTimeout(() => {
           window.print(), this.showReport = !1;
         }, 100);
@@ -690,12 +745,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;
     },
@@ -703,11 +758,11 @@ 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) {
+      switch (e) {
         case "daily":
           u.setDate(u.getDate() + 1);
           break;
@@ -737,9 +792,9 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
         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));
+      const s = /* @__PURE__ */ new Date(), e = new Date(this.form.nextDue);
+      s.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0);
+      const u = e - s, b = Math.ceil(u / (1e3 * 60 * 60 * 24));
       this.form.remainingDays = `${b} Days`;
     },
     async saveSchedule() {
@@ -791,9 +846,9 @@ 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((b) => b.completed) ? "Completed" : "Soon", u = {
         checklistProgress: [...this.checklists],
-        status: t,
+        status: e,
         component: this.currentTask,
         after: this.after
       };
@@ -826,11 +881,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((u) => u.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 [
@@ -848,107 +903,107 @@ const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
       });
     }
   }
-}, Oe = { key: 0 }, Ue = ["onClick"], Le = { class: "content" }, $e = {
+}, je = { key: 0 }, $e = ["onClick"], Be = { class: "content" }, He = {
   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 = {
+}, Qe = { key: 1 }, Je = { class: "container" }, We = { class: "d-flex justify-content-between align-items-center" }, Ge = { class: "progress-container" }, ze = { class: "progress-info" }, Ye = { class: "progress-bar" }, Ke = { class: "checklist" }, Xe = ["onClick"], Ze = { key: 0 }, et = ["onClick"], tt = ["onClick"], st = { key: 0 }, it = { class: "checklist" }, nt = { class: "checklist-item" }, ot = { class: "attachment-area" }, lt = {
   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 = {
+}, 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 = { class: "input-group" }, ht = { class: "form-group" }, gt = { class: "form-group" }, bt = ["value"], yt = { class: "input-group" }, wt = { class: "form-group" }, kt = { class: "input-group" }, Ct = { class: "form-group" }, _t = { class: "form-group" }, Dt = { class: "form-group" }, xt = { class: "checkbox-group" }, St = { class: "checkbox-item" }, Pt = { class: "checkbox-item" }, At = { class: "input-group" }, qt = { class: "form-group" }, Tt = { class: "form-group" }, It = { class: "form-group" }, Rt = { class: "attachment-area" }, Ft = { class: "action-buttons" }, Vt = ["disabled"], Mt = { class: "task-table-wrapper" }, Et = { class: "table-controls" }, Nt = { class: "filters" }, Ot = { class: "task-table" }, Ut = ["onClick"], Lt = ["onClick"], jt = { key: 0 }, $t = {
   class: "alert alert-primary",
   role: "alert"
-}, Lt = { class: "mb-0" }, $t = {
+}, Bt = { class: "mb-0" }, Ht = {
   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 = {
+}, Qt = { class: "report-info" }, Jt = { class: "info-box" }, Wt = { class: "info-box" }, Gt = { class: "info-box" }, zt = { class: "section" }, Yt = { class: "summary-grid" }, Kt = { class: "summary-card" }, Xt = { class: "summary-number" }, Zt = { class: "section" }, es = { class: "task-header" }, ts = { class: "task-title" }, ss = { class: "task-component" }, is = { class: "task-details" }, ns = { class: "detail-item" }, os = { class: "detail-value" }, ls = { class: "detail-item" }, rs = { class: "detail-value" }, as = { class: "detail-item" }, ds = { class: "detail-value" }, us = { class: "detail-item" }, cs = { class: "detail-value" }, ms = { class: "detail-item" }, vs = { class: "detail-value" }, ps = { class: "detail-item" }, fs = { class: "detail-value" }, hs = {
   key: 0,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, ps = { class: "detail-value" }, fs = {
+}, gs = { class: "detail-value" }, bs = {
   key: 1,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, hs = { class: "detail-value" }, gs = {
+}, ys = { class: "detail-value" }, ws = {
   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, [
+}, ks = { class: "progress-bar" }, Cs = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, _s = { class: "checklist-items" }, Ds = { class: "checklist-icon" }, xs = { class: "section" }, Ss = { class: "info-box" }, Ps = { class: "signature-section" }, As = { class: "signature-box" }, qs = { style: { "margin-top": "10px", color: "#666" } };
+function Ts(s, e, u, b, n, r) {
+  return n.ready ? (o(), l("div", je, [
+    t("div", null, [
+      v(t("nav", null, [
         (o(!0), l(p, null, h(n.sections, (i) => (o(), l("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))
+          onClick: (f) => r.handleSectionClick(i)
+        }, a(i.icon) + " " + a(i.name), 11, $e))), 128))
       ], 512), [
         [P, !n.showReport]
       ]),
-      v(e("div", Le, [
-        v(e("section", {
+      v(t("div", Be, [
+        v(t("section", {
           class: g(["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)
+          e[37] || (e[37] = t("h2", null, "🛠️ Maintenance Tasks", -1)),
+          n.isLoading ? (o(), l("div", He, e[27] || (e[27] = [
+            t("div", { class: "loading-spinner" }, null, -1),
+            t("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", {
+          n.isLoading ? m("", !0) : (o(), l("form", Qe, [
+            t("div", Je, [
+              t("div", We, [
+                e[29] || (e[29] = t("h1", null, "Maintenance Checklist", -1)),
+                r.showAddTaskButton ? (o(), l("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)
+                  onClick: e[0] || (e[0] = D((i) => r.addTask(), ["prevent"]))
+                }, e[28] || (e[28] = [
+                  C(" Manually Add Task ", -1),
+                  t("i", { class: "fas fa-plus" }, null, -1)
                 ]))) : m("", !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", Ge, [
+                t("div", ze, " Progress: " + a(r.progress) + "% (" + a(r.completedCount.length) + "/" + a(n.checklists.length) + ") ", 1),
+                t("div", Ye, [
+                  t("div", {
                     class: "progress-fill",
-                    style: E({ width: a.progress + "%" })
+                    style: E({ width: r.progress + "%" })
                   }, null, 4)
                 ])
               ]),
-              e("ul", Ge, [
+              t("ul", Ke, [
                 (o(!0), l(p, null, h(n.checklists, (i) => (o(), l("li", {
                   key: i.id,
                   class: "checklist-item"
                 }, [
-                  e("div", {
+                  t("div", {
                     class: g(["checkbox", { checked: i.completed }]),
-                    onClick: (f) => a.toggleTask(i)
+                    onClick: (f) => r.toggleTask(i)
                   }, [
-                    i.completed ? (o(), l("span", Ye, "✓")) : m("", !0)
-                  ], 10, ze),
-                  e("span", {
+                    i.completed ? (o(), l("span", Ze, "✓")) : m("", !0)
+                  ], 10, Xe),
+                  t("span", {
                     class: g(["task-text", { completed: i.completed }]),
-                    onClick: (f) => a.toggleTask(i)
-                  }, r(i.text), 11, Ke),
-                  a.showAddTaskButton ? (o(), l("button", {
+                    onClick: (f) => r.toggleTask(i)
+                  }, a(i.text), 11, et),
+                  r.showAddTaskButton ? (o(), l("button", {
                     key: 0,
                     class: "delete-btn",
-                    onClick: (f) => a.deleteTask(i.id),
+                    onClick: (f) => r.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, tt)) : m("", !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 ? (o(), l("div", st, [
+                e[33] || (e[33] = t("label", null, "Upload Image Evidence", -1)),
+                t("ul", it, [
+                  t("li", nt, [
+                    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) => r.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)
                     ]))
                   ])
@@ -957,128 +1012,128 @@ function Ps(s, t, u, b, n, a) {
                 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", ot, [
+                  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) => r.handleImg && r.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", {
+              r.completedCount === n.checklists.length ? (o(), l("div", lt, " All tasks completed! ✅ ")) : m("", !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) => r.resetTasks && r.resetTasks(...i), ["prevent"]))
+              }, a(r.checklistButtonLabel), 1)
             ])
           ]))
         ], 2), [
           [P, n.activeSection === "maintenance"]
         ]),
-        v(e("section", {
+        v(t("section", {
           class: g(["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", rt, [
+              e[38] || (e[38] = t("label", { for: "task-name" }, "Task Name", -1)),
+              v(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", at, [
+              e[39] || (e[39] = t("label", { for: "task-description" }, "Description", -1)),
+              v(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", dt, [
+              t("div", ut, [
+                e[41] || (e[41] = t("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
+                v(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", ct, [
+                e[43] || (e[43] = t("label", { for: "component" }, "Component/System", -1)),
+                v(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", {
                   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)
               ])
             ]),
-            e("div", dt, [
-              e("div", ut, [
-                t[45] || (t[45] = e("label", { for: "priority" }, "Priority", -1)),
-                v(e("select", {
+            t("div", mt, [
+              t("div", vt, [
+                e[45] || (e[45] = t("label", { for: "priority" }, "Priority", -1)),
+                v(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", pt, [
+                e[46] || (e[46] = t("label", { for: "status" }, "Status", -1)),
+                v(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", ht, [
+                e[47] || (e[47] = t("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
+                v(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), [
@@ -1086,215 +1141,215 @@ 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", gt, [
+              e[49] || (e[49] = t("label", { for: "assigned-to" }, "Assigned To", -1)),
+              v(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)),
+                e[48] || (e[48] = t("option", { value: "" }, "-- Select Personnel --", -1)),
                 (o(!0), l(p, null, h(u.vesselCrew, (i) => (o(), l("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, bt))), 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", yt, [
+              t("div", wt, [
+                e[51] || (e[51] = t("label", { for: "recurrence-type" }, "Recurrence", -1)),
+                v(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", kt, [
+              t("div", Ct, [
+                e[52] || (e[52] = t("label", { for: "last-performed" }, "Last Performed Date", -1)),
+                v(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", _t, [
+                e[53] || (e[53] = t("label", { for: "next-due" }, "Due Date", -1)),
+                v(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", Dt, [
+              e[56] || (e[56] = t("label", null, "Notifications", -1)),
+              t("div", xt, [
+                t("div", St, [
+                  v(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]
                   ]),
-                  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, [
+                  v(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]
                   ]),
-                  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", At, [
+              t("div", qt, [
+                e[58] || (e[58] = t("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
+                v(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", Tt, [
+              e[59] || (e[59] = t("label", { for: "schedule-notes" }, "Notes", -1)),
+              v(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", It, [
+              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) => r.handleFiles && r.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", Ft, [
+              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) => r.saveSchedule && r.saveSchedule(...i), ["prevent"])),
                 disabled: n.isSaving
-              }, r(n.isSaving ? "Saving..." : "Save Schedule"), 9, It)
+              }, a(n.isSaving ? "Saving..." : "Save Schedule"), 9, Vt)
             ])
           ])
         ], 2), [
           [P, n.activeSection === "schedule"]
         ]),
-        v(e("section", {
+        v(t("section", {
           class: g(["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", {
+          e[68] || (e[68] = t("h2", null, "All Maintenance", -1)),
+          t("div", Mt, [
+            t("div", Et, [
+              t("div", Nt, [
+                t("button", {
                   class: g({ active: n.activeFilter === "due" }),
-                  onClick: t[22] || (t[22] = (i) => a.setFilter("due"))
+                  onClick: e[22] || (e[22] = (i) => r.setFilter("due"))
                 }, "Due", 2),
-                e("button", {
+                t("button", {
                   class: g({ active: n.activeFilter === "all" }),
-                  onClick: t[23] || (t[23] = (i) => a.setFilter("all"))
+                  onClick: e[23] || (e[23] = (i) => r.setFilter("all"))
                 }, "All", 2),
-                e("button", {
+                t("button", {
                   class: g({ active: n.activeFilter === "completed" }),
-                  onClick: t[24] || (t[24] = (i) => a.setFilter("completed"))
+                  onClick: e[24] || (e[24] = (i) => r.setFilter("completed"))
                 }, "Completed", 2),
-                v(e("input", {
+                v(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, [
+                (o(!0), l(p, null, h(r.filteredTasks, (i) => (o(), l("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", {
+                  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: g(["status-badge", i.status.toLowerCase().replace(" ", "-")])
-                    }, r(i.status), 3)
+                    }, a(i.status), 3)
                   ]),
-                  e("td", null, [
+                  t("td", null, [
                     i.status === "Completed" ? (o(), l("button", {
                       key: 0,
-                      onClick: (f) => a.printMaintenance(i.component),
+                      onClick: (f) => r.printMaintenance(i.component),
                       class: "status-action"
-                    }, "Print", 8, Et)) : (o(), l("button", {
+                    }, "Print", 8, Ut)) : (o(), l("button", {
                       key: 1,
-                      onClick: (f) => a.showMaintenance(i.component),
+                      onClick: (f) => r.showMaintenance(i.component),
                       class: "status-action"
-                    }, "Start", 8, Nt))
+                    }, "Start", 8, Lt))
                   ])
                 ]))), 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", {
+            u.tasks.length ? m("", !0) : (o(), l("div", jt, [
+              t("div", $t, [
+                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", Bt, [
+                  e[64] || (e[64] = C("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) => r.switchSchedule())
                   }, "Schedule")
                 ])
               ])
@@ -1306,133 +1361,133 @@ function Ps(s, t, u, b, n, a) {
       ], 512), [
         [P, !n.showReport]
       ]),
-      v(e("div", $t, [
-        t[89] || (t[89] = e("div", { class: "header" }, [
-          e("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
+      v(t("div", Ht, [
+        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", Qt, [
+          t("div", Jt, [
+            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", Wt, [
+            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", Gt, [
+            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", zt, [
+          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", Kt, [
+              t("div", Xt, a(r.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)),
+        t("div", Zt, [
+          e[85] || (e[85] = t("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
           (o(!0), l(p, null, h(n.maintenanceTasks, (i) => (o(), l("div", {
             key: i.taskName,
-            class: g(["task-item", a.getTaskStatusClass(i)])
+            class: g(["task-item", r.getTaskStatusClass(i)])
           }, [
-            e("div", Kt, [
-              e("div", null, [
-                e("div", Xt, [
-                  _(r(i.taskName) + " ", 1),
-                  e("span", {
+            t("div", es, [
+              t("div", null, [
+                t("div", ts, [
+                  C(a(i.taskName) + " ", 1),
+                  t("span", {
                     class: g(["maintenance-type", "type-" + i.maintenanceType])
-                  }, r(i.maintenanceType), 3)
+                  }, a(i.maintenanceType), 3)
                 ]),
-                e("div", Zt, "Component: " + r(i.component), 1)
+                t("div", ss, "Component: " + a(i.component), 1)
               ]),
-              e("span", {
+              t("span", {
                 class: g(["status-badge", "status-" + i.status.toLowerCase().replace(" ", "-")])
-              }, r(i.status), 3)
+              }, 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", is, [
+              t("div", ns, [
+                e[76] || (e[76] = t("div", { class: "detail-label" }, "Assigned To", -1)),
+                t("div", os, 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", ls, [
+                e[77] || (e[77] = t("div", { class: "detail-label" }, "Estimated Hours", -1)),
+                t("div", rs, 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", as, [
+                e[78] || (e[78] = t("div", { class: "detail-label" }, "Last Performed", -1)),
+                t("div", ds, a(r.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", us, [
+                e[79] || (e[79] = t("div", { class: "detail-label" }, "Next Due", -1)),
+                t("div", cs, a(r.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", ms, [
+                e[80] || (e[80] = t("div", { class: "detail-label" }, "Recurrence", -1)),
+                t("div", vs, 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", ps, [
+                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)
+            i.description ? (o(), l("div", hs, [
+              e[82] || (e[82] = t("div", { class: "detail-label" }, "Description", -1)),
+              t("div", gs, a(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)
+            i.notes ? (o(), l("div", bs, [
+              e[83] || (e[83] = t("div", { class: "detail-label" }, "Notes", -1)),
+              t("div", ys, a(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.checklistProgress && i.checklistProgress.length > 0 ? (o(), l("div", ws, [
+              e[84] || (e[84] = t("div", { class: "detail-label" }, "Checklist Progress", -1)),
+              t("div", ks, [
+                t("div", {
                   class: "progress-fill",
-                  style: E({ width: a.getChecklistProgress(i) + "%" })
+                  style: E({ width: r.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, [
+              t("div", Cs, a(r.getCompletedChecklistItems(i)) + " of " + a(i.checklistProgress.length) + " items completed (" + a(r.getChecklistProgress(i)) + "%) ", 1),
+              t("div", _s, [
                 (o(!0), l(p, null, h(i.checklistProgress, (f, y) => (o(), l("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", Ds, a(f.completed ? "✅" : "⭕"), 1),
+                  t("span", null, a(f.text || "Checklist Item " + (y + 1)), 1)
                 ]))), 128))
               ])
             ])) : m("", !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", xs, [
+          e[86] || (e[86] = t("div", { class: "section-title" }, "📋 Recommendations", -1)),
+          t("div", Ss, [
+            t("ul", null, [
+              (o(!0), l(p, null, h(r.generateRecommendations(), (i) => (o(), l("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", As, [
+            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), [
@@ -1441,8 +1496,8 @@ function Ps(s, t, u, b, n, a) {
     ])
   ])) : m("", !0);
 }
-const As = /* @__PURE__ */ S(Ne, [["render", Ps]]);
-const qs = {
+const Is = /* @__PURE__ */ S(Le, [["render", Ts]]);
+const Rs = {
   name: "ActivityLogs",
   props: {
     loading: Boolean,
@@ -1472,122 +1527,122 @@ 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 = {
+}, Fs = { class: "activity-logs" }, Vs = { class: "a-controls" }, Ms = { class: "a-search-box" }, Es = ["value"], Ns = ["value"], Os = { class: "stats-grid" }, Us = { class: "stat-card" }, Ls = { class: "value" }, js = { class: "stat-card" }, $s = { class: "value" }, Bs = { class: "stat-card" }, Hs = { class: "value" }, Qs = { class: "logs-container" }, Js = {
   key: 0,
   class: "loading"
-}, Hs = {
+}, Ws = {
   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", {
+}, Gs = { key: 2 }, zs = { class: "logs-table" }, Ys = { style: { color: "gray" } }, Ks = { style: { color: "gray" } }, Xs = { class: "pagination" }, Zs = ["disabled"], ei = ["onClick"], ti = ["disabled"];
+function si(s, e, u, b, n, r) {
+  return o(), l("div", Fs, [
+    t("div", Vs, [
+      t("div", Ms, [
+        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)
+          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] = [
+        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, Ns),
+      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", Ls, a(u.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", $s, a(u.todayActivities), 1)
       ]),
-      e("div", Ls, [
-        t[9] || (t[9] = e("h3", null, "Active Users", -1)),
-        e("div", $s, r(u.activeUsers), 1)
+      t("div", Bs, [
+        e[9] || (e[9] = t("h3", null, "Active Users", -1)),
+        t("div", Hs, a(u.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", Qs, [
+      u.loading ? (o(), l("div", Js, e[11] || (e[11] = [
+        t("div", { class: "spinner" }, null, -1),
+        t("p", null, "Loading activity logs...", -1)
+      ]))) : u.logs.length === 0 ? (o(), l("div", Ws, e[12] || (e[12] = [
+        t("h3", null, "No activities found", -1),
+        t("p", null, "Try adjusting your search or filter criteria", -1)
+      ]))) : (o(), l("div", Gs, [
+        t("table", zs, [
+          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, [
+          t("tbody", null, [
             (o(!0), l(p, null, h(u.paginatedLogs, (i) => (o(), l("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(r.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: g(["activity-badge", r.getBadgeClass(i.action)])
+                }, a(i.action), 3)
               ]),
-              e("td", null, [
-                _(r(i.details.status) + " ", 1),
+              t("td", null, [
+                C(a(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("strong", null, a(y) + ": ", 1),
+                  t("small", Ks, a(f.from || "") + " → " + a(f.to || f), 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)),
+        t("div", Xs, [
+          t("button", {
+            onClick: e[4] || (e[4] = (i) => s.$emit("change-page", u.currentPage - 1)),
             disabled: u.currentPage === 1
-          }, " Previous ", 8, Ys),
+          }, " Previous ", 8, Zs),
           (o(!0), l(p, null, h(u.totalPages, (i) => (o(), l("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)),
+          }, a(i), 11, ei))), 128)),
+          t("button", {
+            onClick: e[5] || (e[5] = (i) => s.$emit("change-page", u.currentPage + 1)),
             disabled: u.currentPage === u.totalPages
-          }, " Next ", 8, Xs)
+          }, " Next ", 8, ti)
         ])
       ]))
     ])
   ]);
 }
-const ei = /* @__PURE__ */ S(qs, [["render", Zs]]);
-const ti = {
+const ii = /* @__PURE__ */ S(Rs, [["render", si]]);
+const ni = {
   name: "CrewManagement",
   props: {
     // Required props
@@ -1662,8 +1717,8 @@ 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()), u = this.filterStatus === "all" || s.status === this.filterStatus;
+        return e && u;
       });
     },
     canAddCrew() {
@@ -1682,14 +1737,15 @@ const ti = {
   methods: {
     // Permission checking
     hasPermission(s) {
-      var b;
-      const { role: t } = this.userProfile;
-      return ((b = {
+      const { role: e, vessel: u } = this.userProfile, b = u === this.vesselName;
+      let r = {
         owner: ["add", "edit", "delete", "assign", "view"],
         staff: ["add", "edit", "assign", "view"],
         captain: ["assign", "view"],
+        // default for captain
         viewer: ["view"]
-      }[t]) == null ? void 0 : b.includes(s)) || !1;
+      }[e] || [];
+      return e === "captain" && b && (r = [...r, "add"]), r.includes(s);
     },
     // Event handlers
     handleToggleAddForm() {
@@ -1710,9 +1766,9 @@ const ti = {
         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 = {
+      ), e = this.newCrew.role === "Other" ? this.newCrew.customRole : this.newCrew.role, u = {
         name: this.newCrew.name,
-        role: t,
+        role: e,
         status: this.newCrew.status,
         certifications: s,
         notes: this.newCrew.notes,
@@ -1747,8 +1803,8 @@ 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() {
@@ -1770,8 +1826,8 @@ 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) {
@@ -1795,271 +1851,271 @@ 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), u = /* @__PURE__ */ new Date(), b = /* @__PURE__ */ new Date();
+      return b.setMonth(u.getMonth() + 1), e <= u ? "expired" : e <= b ? "expiringSoon" : "valid";
     }
   }
-}, si = { class: "crew-management" }, ii = {
+}, oi = { class: "crew-management" }, li = {
   key: 0,
   class: "wave-bg"
-}, ni = { class: "crew-section" }, oi = { class: "crew-section-header" }, li = { class: "search-filter" }, ri = {
+}, ri = { class: "crew-section" }, ai = { class: "crew-section-header" }, di = { class: "search-filter" }, ui = {
   key: 0,
   class: "loading-state"
-}, ai = {
+}, ci = {
   key: 1,
   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 = {
+}, mi = { class: "crew-name" }, vi = { class: "crew-role" }, pi = { class: "crew-certifications" }, fi = ["onClick"], hi = ["onClick"], gi = { class: "crew-availability" }, bi = { class: "crew-availability" }, yi = { class: "action-buttons" }, wi = {
   key: 0,
   class: "status-available crew-availability vcard"
-}, bi = {
+}, ki = {
   key: 1,
   class: "status-unavailable crew-availability vcard"
-}, yi = ["onClick"], wi = ["onClick"], ki = {
+}, Ci = ["onClick"], _i = ["onClick"], Di = {
   key: 2,
   class: "no-results"
-}, _i = {
+}, xi = {
   key: 3,
   class: "add-crew-form"
-}, Ci = { class: "form-row" }, Di = { class: "form-group" }, xi = {
+}, Si = { class: "form-row" }, Pi = { class: "form-group" }, Ai = {
   key: 0,
   class: "error-message"
-}, Si = { class: "form-group" }, Pi = ["value"], Ai = { class: "form-row" }, qi = { class: "form-group" }, Ti = { class: "form-group" }, Ii = {
+}, qi = { class: "form-group" }, Ti = ["value"], Ii = { class: "form-row" }, Ri = { class: "form-group" }, Fi = { class: "form-group" }, Vi = {
   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", {
+}, Mi = { class: "certification-section" }, Ei = { class: "form-row" }, Ni = { class: "form-group" }, Oi = ["onUpdate:modelValue"], Ui = { class: "form-group" }, Li = ["onUpdate:modelValue"], ji = { class: "form-group" }, $i = ["onClick"], Bi = { class: "form-row" }, Hi = { class: "form-group" }, Qi = { class: "form-actions" };
+function Ji(s, e, u, b, n, r) {
+  return o(), l("div", oi, [
+    u.config.showWaveBackground ? (o(), l("div", li)) : m("", !0),
+    t("div", ri, [
+      t("div", ai, [
+        t("h2", null, a(r.sectionTitle), 1),
+        r.canAddCrew ? (o(), l("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) => r.handleToggleAddForm && r.handleToggleAddForm(...i))
+        }, a(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : m("", !0)
       ]),
-      e("div", li, [
-        v(e("input", {
+      t("div", di, [
+        v(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) => r.handleSearch && r.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)
+        v(t("select", {
+          "onUpdate:modelValue": e[3] || (e[3] = (i) => n.filterStatus = i),
+          onChange: e[4] || (e[4] = (...i) => r.handleFilter && r.handleFilter(...i))
+        }, e[14] || (e[14] = [
+          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]
         ])
       ]),
-      u.loading ? (o(), l("div", ri, t[15] || (t[15] = [
-        e("div", {
+      u.loading ? (o(), l("div", ui, e[15] || (e[15] = [
+        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)
+      ]))) : r.filteredCrew.length > 0 ? (o(), l("div", ci, [
+        (o(!0), l(p, null, h(r.filteredCrew, (i) => (o(), l("div", {
           key: i.id,
           class: g(["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, [
+          t("div", {
+            class: g(["crew-status-badge", r.getStatusClass(i.status)])
+          }, a(r.formatStatus(i.status)), 3),
+          t("div", mi, a(i.name), 1),
+          t("div", vi, a(i.role), 1),
+          t("div", pi, [
             (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", {
+              class: g(["certification-tag", r.getCertificationClass(f.expiryDate)]),
+              onClick: (y) => r.handleViewCertification(f, i)
+            }, a(f.name), 11, fi))), 128)),
+            r.canEditCrew ? (o(), l("i", {
               key: 0,
               class: "bi bi-patch-plus-fill icon",
-              onClick: (f) => a.handleAddCertification(i)
-            }, null, 8, vi)) : m("", !0)
+              onClick: (f) => r.handleAddCertification(i)
+            }, null, 8, hi)) : m("", !0)
           ]),
-          e("div", pi, [
-            t[16] || (t[16] = e("strong", null, "Embarkation Date:", -1)),
-            _(" " + r(i.nextShift || "Not Scheduled"), 1)
+          t("div", gi, [
+            e[16] || (e[16] = t("strong", null, "Embarkation Date:", -1)),
+            C(" " + 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", bi, [
+            e[17] || (e[17] = t("strong", null, "Expected Days Onboard (in days):", -1)),
+            C(" " + 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", yi, [
+            i.vessel ? (o(), l("div", wi, " Vessel: " + a(i.vessel), 1)) : (o(), l("div", ki, " Vessel: Unassigned ")),
+            r.canAssignShift ? (o(), l("button", {
               key: 2,
               class: "btn btn-primary",
-              onClick: (f) => a.handleAssignShift(i)
-            }, " Assign Shift ", 8, yi)) : m("", !0)
+              onClick: (f) => r.handleAssignShift(i)
+            }, " Assign Shift ", 8, Ci)) : m("", !0)
           ]),
-          a.canDeleteCrew ? (o(), l("i", {
+          r.canDeleteCrew ? (o(), l("i", {
             key: 0,
             class: "bi bi-trash icon delete-icon",
-            onClick: (f) => a.handleDeleteCrew(i)
-          }, null, 8, wi)) : m("", !0)
+            onClick: (f) => r.handleDeleteCrew(i)
+          }, null, 8, _i)) : m("", !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", {
+      ])) : u.loading ? m("", !0) : (o(), l("div", Di, a(u.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
+      n.showAddForm ? (o(), l("div", xi, [
+        e[28] || (e[28] = t("h2", null, "Add New Crew Member", -1)),
+        t("div", Si, [
+          t("div", Pi, [
+            e[18] || (e[18] = t("label", { for: "crew-name" }, "Full Name *", -1)),
+            v(t("input", {
               type: "text",
               id: "crew-name",
-              "onUpdate:modelValue": t[5] || (t[5] = (i) => n.newCrew.name = i),
+              "onUpdate:modelValue": e[5] || (e[5] = (i) => n.newCrew.name = i),
               class: g({ 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 ? (o(), l("div", Ai, a(n.formErrors.name), 1)) : m("", !0)
           ]),
-          e("div", Si, [
-            t[20] || (t[20] = e("label", { for: "crew-role" }, "Role/Position *", -1)),
-            v(e("select", {
+          t("div", qi, [
+            e[20] || (e[20] = t("label", { for: "crew-role" }, "Role/Position *", -1)),
+            v(t("select", {
               id: "crew-role",
-              "onUpdate:modelValue": t[6] || (t[6] = (i) => n.newCrew.role = i)
+              "onUpdate:modelValue": e[6] || (e[6] = (i) => n.newCrew.role = i)
             }, [
               (o(!0), l(p, null, h(u.availableRoles, (i) => (o(), l("option", {
                 key: i,
                 value: i
-              }, r(i), 9, Pi))), 128)),
-              t[19] || (t[19] = e("option", { value: "Other" }, "Other", -1))
+              }, a(i), 9, Ti))), 128)),
+              e[19] || (e[19] = t("option", { value: "Other" }, "Other", -1))
             ], 512), [
-              [C, n.newCrew.role]
+              [_, n.newCrew.role]
             ]),
             n.newCrew.role === "Other" ? v((o(), l("input", {
               key: 0,
               type: "text",
               placeholder: "Enter custom role",
-              "onUpdate:modelValue": t[7] || (t[7] = (i) => n.newCrew.customRole = i),
+              "onUpdate:modelValue": e[7] || (e[7] = (i) => n.newCrew.customRole = i),
               style: { "margin-top": "8px" }
             }, null, 512)), [
               [k, n.newCrew.customRole]
             ]) : m("", !0)
           ])
         ]),
-        e("div", Ai, [
-          e("div", qi, [
-            t[22] || (t[22] = e("label", { for: "crew-status" }, "Status *", -1)),
-            v(e("select", {
+        t("div", Ii, [
+          t("div", Ri, [
+            e[22] || (e[22] = t("label", { for: "crew-status" }, "Status *", -1)),
+            v(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[8] || (e[8] = (i) => n.newCrew.status = i)
+            }, e[21] || (e[21] = [
+              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", Fi, [
+            e[23] || (e[23] = t("label", { for: "crew-email" }, "Email Address *", -1)),
+            v(t("input", {
               type: "email",
               id: "crew-email",
-              "onUpdate:modelValue": t[9] || (t[9] = (i) => n.newCrew.email = i),
+              "onUpdate:modelValue": e[9] || (e[9] = (i) => n.newCrew.email = i),
               class: g({ 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 ? (o(), l("div", Vi, a(n.formErrors.email), 1)) : m("", !0)
           ])
         ]),
-        e("div", Ri, [
-          t[26] || (t[26] = e("h3", null, "Certifications", -1)),
+        t("div", Mi, [
+          e[26] || (e[26] = t("h3", null, "Certifications", -1)),
           (o(!0), l(p, null, h(n.newCrew.certifications, (i, f) => (o(), l("div", {
             key: f,
             class: "certification-entry"
           }, [
-            e("div", Mi, [
-              e("div", Vi, [
-                t[24] || (t[24] = e("label", null, "Certification Name", -1)),
-                v(e("input", {
+            t("div", Ei, [
+              t("div", Ni, [
+                e[24] || (e[24] = t("label", null, "Certification Name", -1)),
+                v(t("input", {
                   type: "text",
                   "onUpdate:modelValue": (y) => i.name = y,
                   placeholder: "Enter certification name"
-                }, null, 8, Fi), [
+                }, null, 8, Oi), [
                   [k, i.name]
                 ])
               ]),
-              e("div", Ei, [
-                t[25] || (t[25] = e("label", null, "Expiry Date", -1)),
-                v(e("input", {
+              t("div", Ui, [
+                e[25] || (e[25] = t("label", null, "Expiry Date", -1)),
+                v(t("input", {
                   type: "date",
                   "onUpdate:modelValue": (y) => i.expiryDate = y
-                }, null, 8, Ni), [
+                }, null, 8, Li), [
                   [k, i.expiryDate]
                 ])
               ]),
-              e("div", Oi, [
+              t("div", ji, [
                 n.newCrew.certifications.length > 1 ? (o(), l("button", {
                   key: 0,
                   type: "button",
                   class: "btn btn-danger btn-sm",
-                  onClick: (y) => a.removeCertification(f)
-                }, " Remove ", 8, Ui)) : m("", !0)
+                  onClick: (y) => r.removeCertification(f)
+                }, " Remove ", 8, $i)) : m("", !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[10] || (e[10] = (...i) => r.addCertificationEntry && r.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", Bi, [
+          t("div", Hi, [
+            e[27] || (e[27] = t("label", { for: "crew-notes" }, "Notes", -1)),
+            v(t("textarea", {
               id: "crew-notes",
               rows: "3",
-              "onUpdate:modelValue": t[11] || (t[11] = (i) => n.newCrew.notes = i)
+              "onUpdate:modelValue": e[11] || (e[11] = (i) => n.newCrew.notes = i)
             }, null, 512), [
               [k, n.newCrew.notes]
             ])
           ])
         ]),
-        e("div", ji, [
-          e("button", {
+        t("div", Qi, [
+          t("button", {
             class: "btn btn-secondary",
-            onClick: t[12] || (t[12] = (...i) => a.handleCancelForm && a.handleCancelForm(...i))
+            onClick: e[12] || (e[12] = (...i) => r.handleCancelForm && r.handleCancelForm(...i))
           }, "Cancel"),
-          e("button", {
+          t("button", {
             class: "btn btn-primary",
-            onClick: t[13] || (t[13] = (...i) => a.handleAddCrewMember && a.handleAddCrewMember(...i))
+            onClick: e[13] || (e[13] = (...i) => r.handleAddCrewMember && r.handleAddCrewMember(...i))
           }, "Add Crew Member")
         ])
       ])) : m("", !0)
     ])
   ]);
 }
-const Hi = /* @__PURE__ */ S(ti, [["render", Bi]]);
-const Qi = {
+const Wi = /* @__PURE__ */ S(ni, [["render", Ji]]);
+const Gi = {
   name: "RequisitionSystem",
   props: {
     userProfile: {
@@ -2100,7 +2156,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"] }
@@ -2168,7 +2224,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");
@@ -2184,7 +2240,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: {
@@ -2195,8 +2251,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({
@@ -2217,8 +2273,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()) {
@@ -2272,7 +2328,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
@@ -2291,8 +2347,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;
@@ -2301,187 +2357,187 @@ 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 = {
+}, zi = { class: "s-container container" }, Yi = { class: "nav-tabs" }, Ki = ["onClick"], Xi = {
   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 = {
+}, Zi = { class: "form-grid" }, en = { class: "form-group" }, tn = ["value"], sn = { class: "form-group" }, nn = ["value"], on = { class: "form-group" }, ln = ["value"], rn = { class: "form-group" }, an = { class: "form-group" }, dn = { class: "items-section" }, un = { class: "items-header" }, cn = { class: "form-group" }, mn = ["onUpdate:modelValue"], vn = { class: "form-group" }, pn = ["onUpdate:modelValue"], fn = { class: "form-group" }, hn = ["onUpdate:modelValue"], gn = { class: "form-group" }, bn = ["onUpdate:modelValue"], yn = ["value"], wn = { class: "form-group" }, kn = ["onUpdate:modelValue"], Cn = ["onClick"], _n = {
   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 = {
+}, Dn = { class: "requisition-list" }, xn = { class: "requisition-header" }, Sn = { class: "requisition-id" }, Pn = { class: "requisition-details" }, An = { class: "detail-label" }, qn = { class: "detail-value" }, Tn = {
   key: 0,
   class: "form-group comments-section"
-}, An = ["onClick"], qn = {
+}, In = ["onClick"], Rn = {
   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 = {
+}, Fn = { class: "requisition-list" }, Vn = { class: "requisition-header" }, Mn = { class: "requisition-id" }, En = { class: "requisition-details" }, Nn = { class: "detail-label" }, On = { class: "detail-value" }, Un = {
   key: 0,
   class: "form-group comments-section"
-}, Nn = ["onClick"], On = {
+}, Ln = ["onClick"], jn = {
   key: 3,
   class: "tab-content active"
-}, Un = {
+}, $n = {
   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 = {
+}, Bn = { class: "requisition-header" }, Hn = { class: "requisition-id" }, Qn = { class: "requisition-details" }, Jn = { class: "detail-label" }, Wn = { class: "detail-value" }, Gn = { class: "detail-item" }, zn = { class: "detail-value" }, Yn = { class: "detail-item" }, Kn = { class: "item-list" }, Xn = ["onClick"], Zn = ["onClick"], eo = ["onClick"], to = {
   key: 4,
   class: "tab-content active"
-}, Zn = {
+}, so = {
   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 = {
+}, io = { class: "requisition-header" }, no = { class: "requisition-id" }, oo = { class: "requisition-details" }, lo = { class: "detail-label" }, ro = { class: "detail-value" }, ao = { class: "detail-item" }, uo = { class: "detail-value" }, co = { class: "detail-item" }, mo = { class: "item-list" }, vo = ["onClick"], po = {
   key: 5,
   class: "tab-content active"
-}, mo = {
+}, fo = {
   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 = {
+}, ho = { class: "requisition-header" }, go = { class: "requisition-id" }, bo = { class: "requisition-details" }, yo = { class: "detail-label" }, wo = { class: "detail-value" }, ko = { class: "detail-item" }, Co = { class: "detail-value" }, _o = { class: "detail-item" }, Do = { class: "item-list" }, xo = ["onClick"], So = {
   key: 6,
   class: "tab-content active"
-}, Do = {
+}, Po = {
   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 = {
+}, Ao = { class: "po-header" }, qo = { class: "company-info" }, To = { class: "info-row" }, Io = { class: "info-value" }, Ro = { class: "info-row" }, Fo = { class: "info-value" }, Vo = { class: "info-row" }, Mo = { class: "info-value" }, Eo = { class: "info-row" }, No = { class: "info-value" }, Oo = { class: "info-row" }, Uo = { class: "info-value" }, Lo = { class: "company-info" }, jo = { class: "info-row" }, $o = { class: "info-value" }, Bo = { class: "info-row" }, Ho = { class: "info-value" }, Qo = { class: "info-row" }, Jo = { class: "info-value" }, Wo = { class: "info-row" }, Go = { class: "info-value" }, zo = { class: "info-row" }, Yo = { class: "info-value" }, Ko = { class: "items-section" }, Xo = { class: "items-table" }, Zo = { key: 0 }, el = { key: 0 }, tl = {
   key: 0,
   class: "price-change-indicator"
-}, Zo = ["onUpdate:modelValue"], el = { key: 0 }, tl = ["onClick"], sl = { key: 1 }, il = ["onClick"], nl = ["onClick"], ol = {
+}, sl = ["onUpdate:modelValue"], il = { key: 0 }, nl = ["onClick"], ol = { key: 1 }, ll = ["onClick"], rl = ["onClick"], al = {
   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 = {
+}, dl = { class: "totals" }, ul = { class: "total-row" }, cl = { class: "total-row" }, ml = { class: "total-row" }, vl = { class: "total-row grand-total" }, pl = { class: "modal-content" }, fl = { style: { "margin-bottom": "15px", color: "#666" } }, hl = { class: "modal-buttons" }, gl = ["disabled"], bl = {
   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 yl(s, e, u, b, n, r) {
+  var i, f, y, A, q, T, I, R, F, V, M;
+  return o(), l("div", zi, [
+    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", {
+    t("div", Yi, [
+      (o(!0), l(p, null, h(r.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))
+        onClick: (c) => r.setActiveTab(d.name)
+      }, a(d.label), 11, Ki))), 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" ? (o(), l("div", Xi, [
+      t("form", {
+        onSubmit: e[5] || (e[5] = D((...d) => r.handleSubmitRequisition && r.handleSubmitRequisition(...d), ["prevent"]))
       }, [
-        e("div", Yi, [
-          e("div", Ki, [
-            t[12] || (t[12] = e("label", null, "Requestor Name *", -1)),
-            e("input", {
+        t("div", Zi, [
+          t("div", en, [
+            e[12] || (e[12] = t("label", null, "Requestor Name *", -1)),
+            t("input", {
               type: "text",
               value: u.userProfile.full_name,
               readonly: "",
               required: "",
               class: "form-control"
-            }, null, 8, Xi)
+            }, null, 8, tn)
           ]),
-          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", sn, [
+            e[14] || (e[14] = t("label", null, "Department *", -1)),
+            v(t("select", {
+              "onUpdate:modelValue": e[0] || (e[0] = (d) => n.form.department = d),
               required: ""
             }, [
-              t[13] || (t[13] = e("option", { value: "" }, "Select Department", -1)),
+              e[13] || (e[13] = t("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))
+              }, a(d), 9, nn))), 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", on, [
+            e[16] || (e[16] = t("label", null, "Vessel *", -1)),
+            v(t("select", {
+              "onUpdate:modelValue": e[1] || (e[1] = (d) => n.form.project = d),
               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))
+              }, a(d.name), 9, ln))), 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", rn, [
+            e[17] || (e[17] = t("label", null, "Date Needed *", -1)),
+            v(t("input", {
               type: "date",
-              "onUpdate:modelValue": t[2] || (t[2] = (d) => n.form.neededDate = d),
+              "onUpdate:modelValue": e[2] || (e[2] = (d) => n.form.neededDate = d),
               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", an, [
+          e[18] || (e[18] = t("label", null, "Business Justification *", -1)),
+          v(t("textarea", {
+            "onUpdate:modelValue": e[3] || (e[3] = (d) => n.form.justification = d),
             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", dn, [
+          t("div", un, [
+            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] = (...d) => r.addItem && r.addItem(...d))
             }, "+ Add Item")
           ]),
-          e("div", null, [
+          t("div", null, [
             (o(!0), l(p, null, h(n.form.items, (d, c) => (o(), l("div", {
               key: c,
               class: "item-row"
             }, [
-              e("div", an, [
-                t[20] || (t[20] = e("label", null, "Item Code *", -1)),
-                v(e("input", {
+              t("div", cn, [
+                e[20] || (e[20] = t("label", null, "Item Code *", -1)),
+                v(t("input", {
                   type: "text",
                   "onUpdate:modelValue": (w) => d.id = w,
                   required: ""
-                }, null, 8, dn), [
+                }, null, 8, mn), [
                   [k, d.id]
                 ])
               ]),
-              e("div", un, [
-                t[21] || (t[21] = e("label", null, "Item Description *", -1)),
-                v(e("input", {
+              t("div", vn, [
+                e[21] || (e[21] = t("label", null, "Item Description *", -1)),
+                v(t("input", {
                   type: "text",
                   "onUpdate:modelValue": (w) => d.desc = w,
                   required: ""
-                }, null, 8, cn), [
+                }, null, 8, pn), [
                   [k, d.desc]
                 ])
               ]),
-              e("div", mn, [
-                t[22] || (t[22] = e("label", null, "Quantity *", -1)),
-                v(e("input", {
+              t("div", fn, [
+                e[22] || (e[22] = t("label", null, "Quantity *", -1)),
+                v(t("input", {
                   type: "number",
                   "onUpdate:modelValue": (w) => d.qty = w,
                   min: "1",
                   required: ""
-                }, null, 8, vn), [
+                }, null, 8, hn), [
                   [
                     k,
                     d.qty,
@@ -2490,29 +2546,29 @@ function hl(s, t, u, b, n, a) {
                   ]
                 ])
               ]),
-              e("div", pn, [
-                t[23] || (t[23] = e("label", null, "Unit *", -1)),
-                v(e("select", {
+              t("div", gn, [
+                e[23] || (e[23] = t("label", null, "Unit *", -1)),
+                v(t("select", {
                   "onUpdate:modelValue": (w) => d.unit = w,
                   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]
+                  }, a(w), 9, yn))), 128))
+                ], 8, bn), [
+                  [_, d.unit]
                 ])
               ]),
-              e("div", gn, [
-                t[24] || (t[24] = e("label", null, "Est. Unit Cost *", -1)),
-                v(e("input", {
+              t("div", wn, [
+                e[24] || (e[24] = t("label", null, "Est. Unit Cost *", -1)),
+                v(t("input", {
                   type: "number",
                   "onUpdate:modelValue": (w) => d.cost = w,
                   step: "0.01",
                   placeholder: "0.00",
                   required: ""
-                }, null, 8, bn), [
+                }, null, 8, kn), [
                   [
                     k,
                     d.cost,
@@ -2521,332 +2577,332 @@ function hl(s, t, u, b, n, a) {
                   ]
                 ])
               ]),
-              e("button", {
+              t("button", {
                 type: "button",
                 class: "remove-item-btn",
-                onClick: (w) => a.removeItem(c)
-              }, "Remove", 8, yn)
+                onClick: (w) => r.removeItem(c)
+              }, "Remove", 8, Cn)
             ]))), 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, [
+    n.activeTab === "all-requisitions" ? (o(), l("div", _n, [
+      t("div", Dn, [
         (o(!0), l(p, null, h(u.requisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", _n, [
-            e("div", Cn, r(d.id), 1),
-            e("div", {
+          t("div", xn, [
+            t("div", Sn, a(d.id), 1),
+            t("div", {
               class: g(["status-badge", `status-${d.status}`])
-            }, r(d.status), 3)
+            }, a(d.status), 3)
           ]),
-          e("div", Dn, [
-            (o(!0), l(p, null, h(a.getRequisitionFields(d), (c) => (o(), l("div", {
+          t("div", Pn, [
+            (o(!0), l(p, null, h(r.getRequisitionFields(d), (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", xn, r(c.label), 1),
-              e("div", Sn, r(c.value(d)), 1)
+              t("div", An, a(c.label), 1),
+              t("div", qn, a(c.value(d)), 1)
             ]))), 128))
           ]),
-          d.status === "po-created" || d.status === "delivered" ? (o(), l("div", Pn, [
-            e("button", {
-              onClick: (c) => a.handleOpenPO(d.id),
+          d.status === "po-created" || d.status === "delivered" ? (o(), l("div", Tn, [
+            t("button", {
+              onClick: (c) => r.handleOpenPO(d.id),
               class: "add-item-btn comments-section"
-            }, " Print PO ", 8, An)
+            }, " Print PO ", 8, In)
           ])) : m("", !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", {
+    n.activeTab === "my-requisitions" ? (o(), l("div", Rn, [
+      t("div", Fn, [
+        (o(!0), l(p, null, h(r.myRequisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", In, [
-            e("div", Rn, r(d.id), 1),
-            e("div", {
+          t("div", Vn, [
+            t("div", Mn, a(d.id), 1),
+            t("div", {
               class: g(["status-badge", `status-${d.status}`])
-            }, r(d.status), 3)
+            }, a(d.status), 3)
           ]),
-          e("div", Mn, [
-            (o(!0), l(p, null, h(a.getRequisitionFields(d), (c) => (o(), l("div", {
+          t("div", En, [
+            (o(!0), l(p, null, h(r.getRequisitionFields(d), (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", Vn, r(c.label), 1),
-              e("div", Fn, r(c.value(d)), 1)
+              t("div", Nn, a(c.label), 1),
+              t("div", On, a(c.value(d)), 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),
+          d.status === "info-requested" ? (o(), l("div", Un, [
+            e[26] || (e[26] = t("label", { class: "detail-label" }, "Your Response", -1)),
+            v(t("textarea", {
+              "onUpdate:modelValue": e[6] || (e[6] = (c) => n.infoResponse = c),
               class: "response-textarea",
               placeholder: "Submit more info..."
             }, null, 512), [
               [k, n.infoResponse]
             ]),
-            e("button", {
-              onClick: (c) => a.handleSubmitInfoResponse(d),
+            t("button", {
+              onClick: (c) => r.handleSubmitInfoResponse(d),
               class: "add-item-btn comments-section"
-            }, " Submit Info ", 8, Nn)
+            }, " Submit Info ", 8, Ln)
           ])) : m("", !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 ")
+    n.activeTab === "approvals" ? (o(), l("div", jn, [
+      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:"),
+          C(" 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", {
+      t("div", $n, [
+        (o(!0), l(p, null, h(r.reviewRequisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", Ln, [
-            e("div", $n, r(d.id), 1)
+          t("div", Bn, [
+            t("div", Hn, a(d.id), 1)
           ]),
-          e("div", jn, [
+          t("div", Qn, [
             (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", Bn, r(c.label), 1),
-              e("div", Hn, r(c.value(d)), 1)
+              t("div", Jn, a(c.label), 1),
+              t("div", Wn, a(c.value(d)), 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", Gn, [
+            e[27] || (e[27] = t("div", { class: "detail-label" }, "Justification", -1)),
+            t("div", zn, a(d.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", Yn, [
+            e[28] || (e[28] = t("div", { class: "detail-label" }, "Items", -1)),
+            t("ul", Kn, [
+              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, a(c.desc) + " - " + a(c.qty) + " " + a(c.unit) + " @ ₦" + a(c.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: (c) => r.handleApproveRequisition(d.id)
+          }, "Approve", 8, Xn),
+          t("button", {
             type: "button",
             class: "marginbox btn-reject",
-            onClick: (c) => a.handleDeclineRequisition(d.id)
-          }, "Decline", 8, Yn),
-          e("button", {
+            onClick: (c) => r.handleDeclineRequisition(d.id)
+          }, "Decline", 8, Zn),
+          t("button", {
             type: "button",
             class: "marginbox btn-request",
-            onClick: (c) => a.handleInfoRequisition(d.id)
-          }, "Request Info", 8, Kn)
+            onClick: (c) => r.handleInfoRequisition(d.id)
+          }, "Request Info", 8, eo)
         ]))), 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 ")
+    n.activeTab === "purchasing" ? (o(), l("div", to, [
+      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:"),
+          C(" Purchasing Team - Convert approved requisitions to Purchase Orders ")
         ])
       ], -1)),
-      e("div", Zn, [
-        (o(!0), l(p, null, h(a.poRequisitions, (d) => (o(), l("div", {
+      t("div", so, [
+        (o(!0), l(p, null, h(r.poRequisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", eo, [
-            e("div", to, r(d.id), 1)
+          t("div", io, [
+            t("div", no, a(d.id), 1)
           ]),
-          e("div", so, [
+          t("div", oo, [
             (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", io, r(c.label), 1),
-              e("div", no, r(c.value(d)), 1)
+              t("div", lo, a(c.label), 1),
+              t("div", ro, a(c.value(d)), 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", ao, [
+            e[30] || (e[30] = t("div", { class: "detail-label" }, "Justification", -1)),
+            t("div", uo, a(d.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", co, [
+            e[31] || (e[31] = t("div", { class: "detail-label" }, "Items", -1)),
+            t("ul", mo, [
+              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, a(c.desc) + " - " + a(c.qty) + " " + a(c.unit) + " @ ₦" + a(c.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: (c) => r.handleCreatePO(d.id)
+          }, "Create PO", 8, vo)
         ]))), 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 ")
+    n.activeTab === "receiving" ? (o(), l("div", po, [
+      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:"),
+          C(" Warehouse Team - Process incoming deliveries and update inventory ")
         ])
       ], -1)),
-      e("div", mo, [
-        (o(!0), l(p, null, h(a.awaitingDelivery, (d) => (o(), l("div", {
+      t("div", fo, [
+        (o(!0), l(p, null, h(r.awaitingDelivery, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", vo, [
-            e("div", po, r(d.id), 1)
+          t("div", ho, [
+            t("div", go, a(d.id), 1)
           ]),
-          e("div", fo, [
+          t("div", bo, [
             (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", ho, r(c.label), 1),
-              e("div", go, r(c.value(d)), 1)
+              t("div", yo, a(c.label), 1),
+              t("div", wo, a(c.value(d)), 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", ko, [
+            e[33] || (e[33] = t("div", { class: "detail-label" }, "Justification", -1)),
+            t("div", Co, a(d.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", _o, [
+            e[34] || (e[34] = t("div", { class: "detail-label" }, "Items", -1)),
+            t("ul", Do, [
+              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, a(c.desc) + " - " + a(c.qty) + " " + a(c.unit) + " @ ₦" + a(c.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: (c) => r.handleAcceptDelivery(d.id)
+          }, "Accept Delivery", 8, xo)
         ]))), 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)
+    n.activeTab === "po" ? (o(), l("div", So, [
+      t("div", Po, [
+        t("div", Ao, [
+          t("div", qo, [
+            e[41] || (e[41] = t("h3", null, "Vendor Information", -1)),
+            t("div", To, [
+              e[36] || (e[36] = t("span", { class: "info-label" }, "Company:", -1)),
+              t("span", Io, 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", Ro, [
+              e[37] || (e[37] = t("span", { class: "info-label" }, "Contact:", -1)),
+              t("span", Fo, a(n.vendorInfo.contact || ((f = n.poDetails.vendorInfo) == null ? void 0 : f.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", Vo, [
+              e[38] || (e[38] = t("span", { class: "info-label" }, "Email:", -1)),
+              t("span", Mo, 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", Eo, [
+              e[39] || (e[39] = t("span", { class: "info-label" }, "Phone:", -1)),
+              t("span", No, a(n.vendorInfo.phone || ((A = n.poDetails.vendorInfo) == null ? void 0 : A.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", Oo, [
+              e[40] || (e[40] = t("span", { class: "info-label" }, "Address:", -1)),
+              t("span", Uo, a(n.vendorInfo.address || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.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", Lo, [
+            e[47] || (e[47] = t("h3", null, "Purchase Order Details", -1)),
+            t("div", jo, [
+              e[42] || (e[42] = t("span", { class: "info-label" }, "PO Number:", -1)),
+              t("span", $o, 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", Bo, [
+              e[43] || (e[43] = t("span", { class: "info-label" }, "Date:", -1)),
+              t("span", Ho, a(n.vendorInfo.poDate || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.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", Qo, [
+              e[44] || (e[44] = t("span", { class: "info-label" }, "Requested By:", -1)),
+              t("span", Jo, 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", Wo, [
+              e[45] || (e[45] = t("span", { class: "info-label" }, "Department:", -1)),
+              t("span", Go, "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", zo, [
+              e[46] || (e[46] = t("span", { class: "info-label" }, "Delivery Date:", -1)),
+              t("span", Yo, 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", Ko, [
+          e[57] || (e[57] = t("h2", { class: "section-title" }, "Order Items", -1)),
+          t("table", Xo, [
+            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 ? m("", !0) : (o(), l("th", Zo, "Actions"))
               ])
             ]),
-            e("tbody", null, [
+            t("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, [
+                t("td", null, a(d.itemNumber), 1),
+                t("td", null, a(d.desc), 1),
+                t("td", null, a(d.qty), 1),
+                t("td", null, [
                   d.editing ? v((o(), l("input", {
                     key: 1,
                     "onUpdate:modelValue": (w) => d.tempPrice = w,
                     type: "number",
                     step: "0.01",
                     class: g(["price-input", { "price-changed": d.cost !== d.tempPrice }])
-                  }, null, 10, Zo)), [
+                  }, null, 10, sl)), [
                     [
                       k,
                       d.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)
+                  ]) : (o(), l("span", el, [
+                    C(" $" + a(d.cost.toFixed(2)) + " ", 1),
+                    d.cost !== d.unitPrice ? (o(), l("span", tl, "!")) : m("", !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((d.unitPrice * d.qty).toFixed(2)), 1),
+                n.isPrinting ? m("", !0) : (o(), l("td", il, [
+                  d.editing ? (o(), l("div", ol, [
+                    t("button", {
+                      onClick: (w) => r.savePrice(c),
                       class: "save-btn"
-                    }, "Save", 8, il),
-                    e("button", {
-                      onClick: (w) => a.cancelEdit(c),
+                    }, "Save", 8, ll),
+                    t("button", {
+                      onClick: (w) => r.cancelEdit(c),
                       class: "cancel-btn"
-                    }, "Cancel", 8, nl)
+                    }, "Cancel", 8, rl)
                   ])) : (o(), l("button", {
                     key: 0,
-                    onClick: (w) => a.startEdit(c),
+                    onClick: (w) => r.startEdit(c),
                     class: "edit-btn"
-                  }, " Edit Price ", 8, tl))
+                  }, " Edit Price ", 8, nl))
                 ]))
               ]))), 128))
             ])
@@ -2854,27 +2910,27 @@ function hl(s, t, u, b, n, a) {
           (o(!0), l(p, null, h(n.poDetails.items || [], (d, c) => (o(), l("div", {
             key: "note-" + c
           }, [
-            d.justification ? (o(), l("div", ol, [
-              e("strong", null, "Price Change Justification (Item " + r(d.itemNumber) + "):", 1),
-              _(" " + r(d.justification), 1)
+            d.justification ? (o(), l("div", al, [
+              t("strong", null, "Price Change Justification (Item " + a(d.itemNumber) + "):", 1),
+              C(" " + a(d.justification), 1)
             ])) : m("", !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", dl, [
+            t("div", ul, [
+              e[53] || (e[53] = t("span", null, "Subtotal:", -1)),
+              t("span", null, "$" + a(r.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", cl, [
+              e[54] || (e[54] = t("span", null, "Tax (%):", -1)),
+              t("span", null, "$" + a(r.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", ml, [
+              e[55] || (e[55] = t("span", null, "Shipping:", -1)),
+              t("span", null, "$" + a(r.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", vl, [
+              e[56] || (e[56] = t("span", null, "Grand Total:", -1)),
+              t("span", null, "$" + a((r.subTotal + r.getOptional(n.vendorInfo.tax) + r.getOptional(n.vendorInfo.shipping)).toFixed(2)), 1)
             ])
           ])
         ])
@@ -2882,34 +2938,34 @@ function hl(s, t, u, b, n, a) {
       n.showJustificationModal ? (o(), l("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((...d) => r.closeJustificationModal && r.closeJustificationModal(...d), ["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", pl, [
+          e[60] || (e[60] = t("h3", null, "Price Change Justification Required", -1)),
+          t("p", fl, [
+            e[58] || (e[58] = C(" Please provide a justification for changing the price from ", -1)),
+            t("strong", null, "$" + a((F = (R = r.currentItem) == null ? void 0 : R.cost) == null ? void 0 : F.toFixed(2)), 1),
+            e[59] || (e[59] = C(" to ", -1)),
+            t("strong", null, "$" + a((M = (V = r.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),
+          v(t("textarea", {
+            "onUpdate:modelValue": e[7] || (e[7] = (d) => n.justificationText = d),
             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", hl, [
+            t("button", {
+              onClick: e[8] || (e[8] = (...d) => r.closeJustificationModal && r.closeJustificationModal(...d)),
               class: "cancel-btn"
             }, "Cancel"),
-            e("button", {
-              onClick: t[9] || (t[9] = (...d) => a.confirmPriceChange && a.confirmPriceChange(...d)),
+            t("button", {
+              onClick: e[9] || (e[9] = (...d) => r.confirmPriceChange && r.confirmPriceChange(...d)),
               class: "save-btn",
               disabled: !n.justificationText.trim()
-            }, " Confirm Change ", 8, pl)
+            }, " Confirm Change ", 8, gl)
           ])
         ])
       ])) : m("", !0),
@@ -2917,24 +2973,24 @@ function hl(s, t, u, b, n, a) {
         key: 1,
         type: "button",
         class: "add-item-btn",
-        onClick: t[11] || (t[11] = (d) => a.handleFinishPO(n.poDetails.id))
+        onClick: e[11] || (e[11] = (d) => r.handleFinishPO(n.poDetails.id))
       }, "Approve PO"))
     ])) : m("", !0),
-    n.activeTab === "workflow" ? (o(), l("div", fl, t[61] || (t[61] = [
+    n.activeTab === "workflow" ? (o(), l("div", bl, 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)
   ]);
 }
-const gl = /* @__PURE__ */ S(Qi, [["render", hl]]), yl = (s = {}) => ({
+const wl = /* @__PURE__ */ S(Gi, [["render", yl]]), Cl = (s = {}) => ({
   brandName: s.brandName || "OceanHelm",
   logoIcon: s.logoIcon || "bi bi-water",
   showLogo: s.showLogo !== !1,
   responsive: s.responsive !== !1,
   ...s
-}), wl = [
+}), _l = [
   {
     type: "link",
-    label: "Dashboard",
+    label: "Home",
     icon: "bi bi-speedometer2",
     href: "/app/dashboard",
     active: !0
@@ -2949,8 +3005,41 @@ const gl = /* @__PURE__ */ S(Qi, [["render", hl]]), yl = (s = {}) => ({
   },
   {
     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",
@@ -3013,22 +3102,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);
+], Dl = (s, e) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(e == null ? void 0 : e.role), xl = {
+  install(s, e = {}) {
+    s.component("ConfigurableSidebar", K), s.component("VesselLists", Fe), s.component("DashHead", Ue), s.component("ActivityLogs", ii), s.component("CrewManagement", Wi), s.component("RequisitionSystem", wl), s.component("OceanHelmMaintenance", Is), s.provide("sidebarConfig", e);
   }
 };
 export {
-  ei as ActivityLogs,
+  ii 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
+  Wi as CrewManagement,
+  Ue as DashHead,
+  Is as OceanHelmMaintenance,
+  wl as RequisitionSystem,
+  Fe as VesselList,
+  Cl as createSidebarConfig,
+  xl as default,
+  _l as defaultMenuItems,
+  Dl as defaultPermissionChecker
 };
 //# sourceMappingURL=oceanhelm.es.js.map