oceanhelm 0.0.2 → 0.0.4

package/dist/oceanhelm.es.js

@@ -1,10 +1,10 @@
-import { openBlock as r, createElementBlock as a, normalizeClass as h, createElementVNode as t, toDisplayString as d, createCommentVNode as u, Fragment as f, renderList as g, withModifiers as C, createTextVNode as b, renderSlot as T, withDirectives as c, vShow as _, normalizeStyle as S, createStaticVNode as k, vModelText as y, vModelSelect as w, vModelCheckbox as D } from "vue";
-const x = (i, e) => {
-  const l = i.__vccOpts || i;
-  for (const [v, n] of e)
-    l[v] = n;
-  return l;
-}, P = {
+import { openBlock as o, createElementBlock as l, normalizeClass as g, createElementVNode as e, toDisplayString as r, createCommentVNode as m, Fragment as p, renderList as f, withModifiers as D, createTextVNode as _, renderSlot as O, withDirectives as v, vShow as P, normalizeStyle as E, createStaticVNode as x, vModelText as w, vModelSelect as C, vModelCheckbox as N } from "vue";
+const S = (s, t) => {
+  const u = s.__vccOpts || s;
+  for (const [b, n] of t)
+    u[b] = n;
+  return u;
+}, U = {
   name: "ConfigurableSidebar",
   props: {
     // Brand configuration
@@ -52,7 +52,7 @@ const x = (i, e) => {
       return this.customClasses;
     },
     filteredMenuItems() {
-      return this.menuItems.filter((i) => this.hasPermission(i));
+      return this.menuItems.filter((s) => this.hasPermission(s));
     }
   },
   mounted() {
@@ -60,110 +60,110 @@ const x = (i, e) => {
   },
   methods: {
     // Permission checking
-    hasPermission(i) {
-      return this.permissionChecker ? this.permissionChecker(i, this.userProfile) : !i.roles || i.roles.length === 0 ? !0 : i.roles.includes(this.userProfile.role);
+    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(i) {
-      var e;
-      this.$emit("navigate", i), i.href && !i.preventDefault && (i.external ? window.open(i.href, "_blank") : (e = this.$router) == null || e.push(i.href));
+    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));
     },
     // Action handling
-    handleAction(i) {
-      this.$emit("action", i);
+    handleAction(s) {
+      this.$emit("action", s);
     },
     // Item click handling
-    handleItemClick(i) {
-      this.$emit("item-click", i), i.type;
+    handleItemClick(s) {
+      this.$emit("item-click", s), s.type;
     },
     // Responsive behavior
     initializeResponsiveBehavior() {
-      const i = document.getElementById("sidebarToggle"), e = document.getElementById("sidebar"), l = document.getElementById("content");
-      !i || !e || !l || (window.innerWidth >= 768 && (e.classList.toggle("active"), l.classList.toggle("active")), i.addEventListener("click", () => {
-        e.classList.toggle("active"), l.classList.toggle("active");
-      }), document.addEventListener("click", (v) => {
-        const n = e.contains(v.target), o = i.contains(v.target);
-        !n && !o && window.innerWidth < 768 && e.classList.contains("active") && (e.classList.remove("active"), l.classList.remove("active"));
+      const s = document.getElementById("sidebarToggle"), t = document.getElementById("sidebar"), u = document.getElementById("content");
+      !s || !t || !u || (window.innerWidth >= 768 && (t.classList.toggle("active"), u.classList.toggle("active")), s.addEventListener("click", () => {
+        t.classList.toggle("active"), u.classList.toggle("active");
+      }), document.addEventListener("click", (b) => {
+        const n = t.contains(b.target), a = s.contains(b.target);
+        !n && !a && window.innerWidth < 768 && t.classList.contains("active") && (t.classList.remove("active"), u.classList.remove("active"));
       }));
     }
   },
   emits: ["navigate", "action", "item-click"]
-}, M = {
+}, L = {
   key: 0,
   class: "logo d-flex align-items-center left"
-}, E = { class: "list-unstyled components mt-4" }, V = ["onClick"], N = ["href", "onClick"], L = ["onClick"], F = {
+}, j = { class: "list-unstyled components mt-4" }, $ = ["onClick"], B = ["href", "onClick"], H = ["onClick"], Q = {
   class: "dropdown-toggle",
   type: "button",
   "data-bs-toggle": "dropdown",
   "aria-expanded": "false"
-}, U = {
+}, J = {
   class: "dropdown-menu",
   "aria-labelledby": "dropdownMenuLink"
-}, I = ["onClick"], R = {
+}, W = ["onClick"], G = {
   key: 3,
   class: "dropdown-divider"
-}, O = { key: 4 };
-function B(i, e, l, v, n, o) {
-  return r(), a("nav", {
+}, z = { key: 4 };
+function Y(s, t, u, b, n, a) {
+  return o(), l("nav", {
     id: "sidebar",
-    class: h(o.sidebarClasses)
+    class: g(a.sidebarClasses)
   }, [
-    l.showLogo ? (r(), a("div", M, [
-      t("i", {
-        class: h([l.logoIcon, "me-2"])
+    u.showLogo ? (o(), l("div", L, [
+      e("i", {
+        class: g([u.logoIcon, "me-2"])
       }, null, 2),
-      t("span", null, d(l.brandName), 1)
-    ])) : u("", !0),
-    t("ul", E, [
-      (r(!0), a(f, null, g(o.filteredMenuItems, (s, m) => (r(), a("li", {
-        key: m,
-        class: h({ active: s.active, dropdown: s.type === "dropdown" }),
-        onClick: (p) => o.handleItemClick(s)
+      e("span", null, r(u.brandName), 1)
+    ])) : m("", !0),
+    e("ul", j, [
+      (o(!0), l(p, null, f(a.filteredMenuItems, (i, h) => (o(), l("li", {
+        key: h,
+        class: g({ active: i.active, dropdown: i.type === "dropdown" }),
+        onClick: (k) => a.handleItemClick(i)
       }, [
-        s.type === "link" ? (r(), a("a", {
+        i.type === "link" ? (o(), l("a", {
           key: 0,
-          href: s.href || "#",
-          onClick: C((p) => o.handleNavigation(s), ["prevent"])
+          href: i.href || "#",
+          onClick: D((k) => a.handleNavigation(i), ["prevent"])
         }, [
-          s.icon ? (r(), a("i", {
+          i.icon ? (o(), l("i", {
             key: 0,
-            class: h(s.icon)
-          }, null, 2)) : u("", !0),
-          b(" " + d(s.label), 1)
-        ], 8, N)) : s.type === "button" ? (r(), a("a", {
+            class: g(i.icon)
+          }, null, 2)) : m("", !0),
+          _(" " + r(i.label), 1)
+        ], 8, B)) : i.type === "button" ? (o(), l("a", {
           key: 1,
-          onClick: C((p) => o.handleAction(s), ["prevent"]),
+          onClick: D((k) => a.handleAction(i), ["prevent"]),
           style: { cursor: "pointer" }
         }, [
-          s.icon ? (r(), a("i", {
+          i.icon ? (o(), l("i", {
             key: 0,
-            class: h(s.icon)
-          }, null, 2)) : u("", !0),
-          b(" " + d(s.label), 1)
-        ], 8, L)) : s.type === "dropdown" ? (r(), a(f, { key: 2 }, [
-          t("a", F, [
-            s.icon ? (r(), a("i", {
+            class: g(i.icon)
+          }, null, 2)) : m("", !0),
+          _(" " + r(i.label), 1)
+        ], 8, H)) : i.type === "dropdown" ? (o(), l(p, { key: 2 }, [
+          e("a", Q, [
+            i.icon ? (o(), l("i", {
               key: 0,
-              class: h(s.icon)
-            }, null, 2)) : u("", !0),
-            b(" " + d(s.label), 1)
+              class: g(i.icon)
+            }, null, 2)) : m("", !0),
+            _(" " + r(i.label), 1)
           ]),
-          t("div", U, [
-            (r(!0), a(f, null, g(s.children, (p, A) => (r(), a("a", {
+          e("div", J, [
+            (o(!0), l(p, null, f(i.children, (k, A) => (o(), l("a", {
               key: A,
               class: "dropdown-item black",
-              onClick: C((Ei) => o.handleAction(p), ["prevent"]),
+              onClick: D((q) => a.handleAction(k), ["prevent"]),
               style: { cursor: "pointer" }
-            }, d(p.label), 9, I))), 128))
+            }, r(k.label), 9, W))), 128))
           ])
-        ], 64)) : s.type === "separator" ? (r(), a("div", R)) : s.type === "text" ? (r(), a("a", O, d(s.label), 1)) : u("", !0)
-      ], 10, V))), 128))
+        ], 64)) : i.type === "separator" ? (o(), l("div", G)) : i.type === "text" ? (o(), l("a", z, r(i.label), 1)) : m("", !0)
+      ], 10, $))), 128))
     ]),
-    T(i.$slots, "footer", {}, void 0, !0)
+    O(s.$slots, "footer")
   ], 2);
 }
-const H = /* @__PURE__ */ x(P, [["render", B], ["__scopeId", "data-v-5c9320f4"]]);
-const q = {
+const K = /* @__PURE__ */ S(U, [["render", Y]]);
+const X = {
   name: "VesselList",
   props: {
     // Required props
@@ -210,10 +210,10 @@ const q = {
   ],
   computed: {
     activeVesselsCount() {
-      return this.vessels.filter((i) => i.status === "Active").length;
+      return this.vessels.filter((s) => s.status === "Active").length;
     },
     inactiveVesselsCount() {
-      return this.vessels.filter((i) => i.status === "Inactive").length;
+      return this.vessels.filter((s) => s.status === "Inactive").length;
     },
     canAddVessel() {
       return this.config.enableAdd && (this.userProfile.role === "owner" || this.userProfile.role === "staff");
@@ -228,183 +228,183 @@ const q = {
       }
       this.$emit("vessel-add");
     },
-    handleVesselClick(i) {
-      const e = {
-        vessel: i,
+    handleVesselClick(s) {
+      const t = {
+        vessel: s,
         route: this.currentRoute,
-        id: i.registrationNumber,
-        name: i.name
+        id: s.registrationNumber,
+        name: s.name
       };
-      this.currentRoute === "dashboard" ? this.$emit("vessel-click", i) : this.$emit("vessel-navigate", e);
+      this.currentRoute === "dashboard" ? this.$emit("vessel-click", s) : this.$emit("vessel-navigate", t);
     },
-    handleDeleteVessel(i) {
-      if (!this.grantAccess(i)) {
+    handleDeleteVessel(s) {
+      if (!this.grantAccess(s)) {
         this.handleAccessDenied("delete vessel");
         return;
       }
-      this.config.enableDelete && this.$emit("vessel-delete", i);
+      this.config.enableDelete && this.$emit("vessel-delete", s);
     },
-    handleToggleStatus(i) {
-      if (!this.grantAccess(i)) {
+    handleToggleStatus(s) {
+      if (!this.grantAccess(s)) {
         this.handleAccessDenied("change vessel status");
         return;
       }
-      this.config.enableStatusToggle && this.$emit("vessel-toggle-status", i);
+      this.config.enableStatusToggle && this.$emit("vessel-toggle-status", s);
     },
-    handleEditVessel(i) {
-      if (!this.grantAccess(i)) {
+    handleEditVessel(s) {
+      if (!this.grantAccess(s)) {
         this.handleAccessDenied("edit vessel");
         return;
       }
-      this.config.enableEdit && this.$emit("vessel-edit", i);
+      this.config.enableEdit && this.$emit("vessel-edit", s);
     },
-    handleAccessDenied(i) {
-      this.$emit("access-denied", { action: i, userProfile: this.userProfile });
+    handleAccessDenied(s) {
+      this.$emit("access-denied", { action: s, userProfile: this.userProfile });
     },
     // Utility methods (keep these in component as they're UI-related)
-    statusClass(i) {
-      return `status-${(i == null ? void 0 : i.toLowerCase()) || ""}`;
+    statusClass(s) {
+      return `status-${(s == null ? void 0 : s.toLowerCase()) || ""}`;
     },
-    grantAccess(i) {
-      const { role: e, vessel: l } = this.userProfile;
-      return e === "owner" || e === "staff" || e === "captain" && l === i.name;
+    grantAccess(s) {
+      const { role: t, vessel: u } = this.userProfile;
+      return t === "owner" || t === "staff" || t === "captain" && u === s.name;
     },
-    getDaysToExpiry(i) {
-      if (!i)
+    getDaysToExpiry(s) {
+      if (!s)
         return null;
-      const e = /* @__PURE__ */ new Date(), v = new Date(i) - e;
-      return Math.ceil(v / (1e3 * 60 * 60 * 24));
+      const t = /* @__PURE__ */ new Date(), b = new Date(s) - t;
+      return Math.ceil(b / (1e3 * 60 * 60 * 24));
     },
-    getExpiryClass(i) {
-      const e = this.getDaysToExpiry(i);
-      return e === null ? "" : e < 30 ? "cert-critical" : e < 90 ? "cert-warning" : "";
+    getExpiryClass(s) {
+      const t = this.getDaysToExpiry(s);
+      return t === null ? "" : t < 30 ? "cert-critical" : t < 90 ? "cert-warning" : "";
     }
   }
-}, j = { class: "row mb-3" }, $ = { class: "col-md-4" }, Q = { class: "card border-0 shadow-sm" }, z = { class: "card-body d-flex align-items-center" }, Y = { class: "mt-2 mb-0" }, K = { class: "col-md-4" }, W = { class: "card border-0 shadow-sm" }, G = { class: "card-body d-flex align-items-center" }, J = { class: "mt-2 mb-0" }, X = {
+}, 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 = {
   key: 0,
   class: "col-md-4"
-}, Z = {
+}, de = {
   key: 0,
   class: "text-center py-4"
-}, ee = {
+}, ue = {
   key: 1,
   class: "alert alert-primary",
   role: "alert"
-}, te = {
+}, ce = {
   key: 2,
   class: "row"
-}, se = ["onClick"], ie = { class: "card-body d-flex align-items-center" }, ne = { class: "flex-grow-1" }, le = { class: "d-flex justify-content-between align-items-center mb-2" }, oe = { class: "card-title mb-0" }, re = { class: "row" }, ae = { class: "col-6" }, de = { class: "mb-0" }, ce = { class: "col-6" }, ue = { class: "mb-0" }, me = { class: "action-icon left delete" }, ve = ["onClick"], he = ["onClick"];
-function fe(i, e, l, v, n, o) {
-  return r(), a(f, null, [
-    t("div", j, [
-      t("div", $, [
-        t("div", Q, [
-          t("div", z, [
-            e[2] || (e[2] = 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" })
+}, 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 = { class: "col-6" }, ke = { class: "mb-0" }, _e = { class: "action-icon v-left delete" }, Ce = ["onClick"], De = ["onClick"];
+function xe(s, t, u, b, n, a) {
+  return o(), l(p, null, [
+    e("div", Z, [
+      e("div", ee, [
+        e("div", te, [
+          e("div", se, [
+            t[2] || (t[2] = e("div", { class: "rounded-circle bg-primary bg-opacity-10 p-3 me-3" }, [
+              e("i", { class: "bi bi-check-circle-fill text-primary fs-4" })
             ], -1)),
-            t("div", null, [
-              e[1] || (e[1] = t("h6", { class: "mb-0" }, "Active Vessels", -1)),
-              t("h3", Y, d(o.activeVesselsCount), 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", K, [
-        t("div", W, [
-          t("div", G, [
-            e[4] || (e[4] = 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" })
+      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" })
             ], -1)),
-            t("div", null, [
-              e[3] || (e[3] = t("h6", { class: "mb-0" }, "Inactive", -1)),
-              t("h3", J, d(o.inactiveVesselsCount), 1)
+            e("div", null, [
+              t[3] || (t[3] = e("h6", { class: "mb-0" }, "Inactive", -1)),
+              e("h3", re, r(a.inactiveVesselsCount), 1)
             ])
           ])
         ])
       ]),
-      o.canAddVessel ? (r(), a("div", X, [
-        t("div", {
+      a.canAddVessel ? (o(), l("div", ae, [
+        e("div", {
           class: "card border-0 shadow-sm",
-          onClick: e[0] || (e[0] = (...s) => o.handleAddVessel && o.handleAddVessel(...s))
-        }, e[5] || (e[5] = [
-          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" })
+          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" })
             ]),
-            t("div", null, [
-              t("h6", { class: "mb-0" }, "Add New Vessel")
+            e("div", null, [
+              e("h6", { class: "mb-0" }, "Add New Vessel")
             ])
           ], -1)
         ]))
-      ])) : u("", !0)
+      ])) : m("", !0)
     ]),
-    e[11] || (e[11] = t("h4", { class: "mb-4" }, [
-      t("i", { class: "bi bi-ship me-2" }),
-      b("Registered Vessels")
+    t[11] || (t[11] = e("h4", { class: "mb-4" }, [
+      e("i", { class: "bi bi-ship me-2" }),
+      _("Registered Vessels")
     ], -1)),
-    l.loading ? (r(), a("div", Z, e[6] || (e[6] = [
-      t("div", {
+    u.loading ? (o(), l("div", de, t[6] || (t[6] = [
+      e("div", {
         class: "spinner-border text-primary",
         role: "status"
       }, [
-        t("span", { class: "visually-hidden" }, "Loading...")
+        e("span", { class: "visually-hidden" }, "Loading...")
       ], -1),
-      t("p", { class: "mt-2" }, "Loading vessels...", -1)
-    ]))) : l.vessels.length ? (r(), a("div", te, [
-      (r(!0), a(f, null, g(l.vessels, (s) => (r(), a("div", {
+      e("p", { class: "mt-2" }, "Loading vessels...", -1)
+    ]))) : u.vessels.length ? (o(), l("div", ce, [
+      (o(!0), l(p, null, f(u.vessels, (i) => (o(), l("div", {
         class: "col-lg-6",
-        key: s.registrationNumber || s.id
+        key: i.registrationNumber || i.id
       }, [
-        t("div", {
+        e("div", {
           class: "vessel-card",
-          onClick: (m) => o.handleVesselClick(s)
+          onClick: (h) => a.handleVesselClick(i)
         }, [
-          t("div", ie, [
-            e[10] || (e[10] = t("div", { class: "vessel-icon left" }, [
-              t("i", { class: "fas fa-ship" })
+          e("div", ve, [
+            t[10] || (t[10] = e("div", { class: "vessel-icon v-left" }, [
+              e("i", { class: "fas fa-ship" })
             ], -1)),
-            t("div", ne, [
-              t("div", le, [
-                t("h5", oe, d(s.name), 1),
-                t("span", {
-                  class: h(["vessel-status", o.statusClass(s.status)])
-                }, d(s.status), 3)
+            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", re, [
-                t("div", ae, [
-                  e[8] || (e[8] = t("small", { class: "text-muted" }, "Registration #:", -1)),
-                  t("p", de, d(s.registrationNumber), 1)
+              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", ce, [
-                  e[9] || (e[9] = t("small", { class: "text-muted" }, "Next Maintenance:", -1)),
-                  t("p", ue, d(s.nextMaintenance || "Not scheduled"), 1)
+                e("div", we, [
+                  t[9] || (t[9] = e("small", { class: "text-muted" }, "Next Maintenance:", -1)),
+                  e("p", ke, r(i.nextMaintenance || "Not scheduled"), 1)
                 ])
               ])
             ])
           ]),
-          t("div", me, [
-            t("i", {
+          e("div", _e, [
+            e("i", {
               class: "bi bi-trash",
-              onClick: C((m) => o.handleDeleteVessel(s), ["stop"])
-            }, null, 8, ve)
+              onClick: D((h) => a.handleDeleteVessel(i), ["stop"])
+            }, null, 8, Ce)
           ]),
-          t("button", {
+          e("button", {
             class: "btn btn-primary",
-            onClick: C((m) => o.handleToggleStatus(s), ["stop"])
-          }, d(s.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, he)
-        ], 8, se)
+            onClick: D((h) => a.handleToggleStatus(i), ["stop"])
+          }, r(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, De)
+        ], 8, me)
       ]))), 128))
-    ])) : (r(), a("div", ee, e[7] || (e[7] = [
-      t("h4", { class: "alert-heading" }, "Empty Fleet!", -1),
-      t("p", null, "You have an empty fleet, you have not added any vessel yet.", -1),
-      t("hr", null, null, -1),
-      t("p", { class: "mb-0" }, "Click on the add vessel button above, to start adding vessels to your fleet", -1)
+    ])) : (o(), 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 pe = /* @__PURE__ */ x(q, [["render", fe]]);
-const ge = {
+const Se = /* @__PURE__ */ S(X, [["render", xe]]);
+const Pe = {
   name: "DashHead",
   props: {
     name: {
@@ -429,30 +429,30 @@ const ge = {
       this.$emit("logged-in");
     }
   }
-}, ye = { class: "page-header d-flex justify-content-between align-items-center" }, be = { style: { "margin-left": "20px" } }, we = { class: "d-flex" };
-function ke(i, e, l, v, n, o) {
-  return r(), a("div", ye, [
-    t("h2", be, d(l.name), 1),
-    t("div", we, [
-      this.userProfile.role == "owner" ? (r(), a("button", {
+}, Ae = { class: "page-header d-flex justify-content-between align-items-center" }, qe = { style: { "margin-left": "20px" } }, Te = { class: "d-flex" };
+function Ie(s, t, u, b, n, a) {
+  return o(), l("div", Ae, [
+    e("h2", qe, r(u.name), 1),
+    e("div", Te, [
+      this.userProfile.role == "owner" ? (o(), l("button", {
         key: 0,
         class: "btn btn-outline-primary me-2",
-        onClick: e[0] || (e[0] = (s) => o.addUser())
-      }, e[2] || (e[2] = [
-        t("i", { class: "bi bi-bell" }, null, -1),
-        t("span", { class: "badge bg-danger" }, "1", -1)
-      ]))) : u("", !0),
-      t("button", {
+        onClick: t[0] || (t[0] = (i) => a.addUser())
+      }, t[2] || (t[2] = [
+        e("i", { class: "bi bi-bell" }, null, -1),
+        e("span", { class: "badge bg-danger" }, "1", -1)
+      ]))) : m("", !0),
+      e("button", {
         class: "btn btn-outline-primary",
-        onClick: e[1] || (e[1] = (s) => o.loggedIn())
-      }, e[3] || (e[3] = [
-        t("i", { class: "bi bi-person-circle" }, null, -1)
+        onClick: t[1] || (t[1] = (i) => a.loggedIn())
+      }, t[3] || (t[3] = [
+        e("i", { class: "bi bi-person-circle" }, null, -1)
       ]))
     ])
   ]);
 }
-const Ce = /* @__PURE__ */ x(ge, [["render", ke]]);
-const _e = {
+const Re = /* @__PURE__ */ S(Pe, [["render", Ie]]);
+const Me = {
   name: "OceanHelmMaintenance",
   props: {
     vesselInfo: {
@@ -548,23 +548,23 @@ const _e = {
   watch: {
     "form.lastPerformed": "calculateNextDue",
     "form.recurrence": "calculateNextDue",
-    "form.nextDue": function(i) {
+    "form.nextDue": function(s) {
       this.calculateRemainingDays();
     }
   },
   computed: {
     filteredTasks() {
-      let i = [...this.tasks];
-      if (this.activeFilter === "all" ? i = i.filter((e) => e.status === "Overdue" || e.status === "Soon" || e.status === "Completed") : this.activeFilter === "due" ? i = i.filter((e) => e.status === "Overdue" || e.status === "Soon") : this.activeFilter === "completed" && (i = i.filter((e) => e.status === "Completed")), this.searchQuery) {
-        const e = this.searchQuery.toLowerCase();
-        i = i.filter(
-          (l) => l.component.toLowerCase().includes(e) || l.taskName.toLowerCase().includes(e) || l.assignedTo.toLowerCase().includes(e)
+      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();
+        s = s.filter(
+          (u) => u.component.toLowerCase().includes(t) || u.taskName.toLowerCase().includes(t) || u.assignedTo.toLowerCase().includes(t)
         );
       }
-      return i;
+      return s;
     },
     completedCount() {
-      return this.checklists.filter((i) => i.completed);
+      return this.checklists.filter((s) => s.completed);
     },
     progress() {
       return Math.round(this.completedCount.length / this.checklists.length * 100);
@@ -576,61 +576,61 @@ const _e = {
       return this.checklistButtonLabel !== "Save Checklist";
     },
     totalEstimatedHours() {
-      return this.maintenanceTasks.reduce((i, e) => i + (e.estimatedHours || 0), 0);
+      return this.maintenanceTasks.reduce((s, t) => s + (t.estimatedHours || 0), 0);
     }
   },
   methods: {
-    grantAccess(i) {
-      const e = this.userProfile;
-      return e.role === "owner" || e.role === "staff" || e.role === "captain" && e.vessel === i;
+    grantAccess(s) {
+      const t = this.userProfile;
+      return t.role === "owner" || t.role === "staff" || t.role === "captain" && t.vessel === s;
     },
     deepAccess() {
-      const i = this.userProfile;
-      return i.role === "owner" || i.role === "captain" ? !0 : (this.$emit("access-denied", "You do not have access to do this"), !1);
+      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(i) {
-      this.checklists = this.checklists.filter((e) => e.id !== i);
+    deleteTask(s) {
+      this.checklists = this.checklists.filter((t) => t.id !== s);
     },
-    addTask(i) {
-      i && i.preventDefault(), this.$emit("show-message", {
+    addTask(s) {
+      s && s.preventDefault(), this.$emit("show-message", {
         type: "prompt",
         title: "Add New Task",
         message: "Enter the task details",
-        callback: (e) => {
-          if (e) {
-            const l = {
+        callback: (t) => {
+          if (t) {
+            const u = {
               id: Date.now(),
-              text: e,
+              text: t,
               completed: !1
             };
-            this.checklists.push(l);
+            this.checklists.push(u);
           }
         }
       });
     },
-    setFilter(i) {
-      this.activeFilter = i;
+    setFilter(s) {
+      this.activeFilter = s;
     },
-    loadChecklist(i) {
+    loadChecklist(s) {
       this.isLoading = !0, this.$emit("generate-checklist", {
-        component: i,
-        callback: (e) => {
-          this.checklists = e.map((l) => ({
-            ...l,
+        component: s,
+        callback: (t) => {
+          this.checklists = t.map((u) => ({
+            ...u,
             completed: !1
           })), this.isLoading = !1;
         }
       });
     },
-    showMaintenance(i) {
+    showMaintenance(s) {
       if (this.deepAccess()) {
-        const e = this.tasks.find((l) => l.component === i);
-        e && e.checklistProgress ? this.checklists = [...e.checklistProgress] : this.loadChecklist(i), this.after = e == null ? void 0 : e.after, this.currentTask = i, this.lastSection = "inventory", this.activeSection = "maintenance";
+        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";
       }
     },
-    printMaintenance(i) {
-      const e = this.tasks.find((l) => l.component === i);
-      this.maintenanceTasks = [e], this.loadMaintenanceData(), this.showReport = !0, this.$nextTick(() => {
+    printMaintenance(s) {
+      const t = this.tasks.find((u) => u.component === s);
+      this.maintenanceTasks = [t], this.loadMaintenanceData(), this.showReport = !0, this.$nextTick(() => {
         setTimeout(() => {
           window.print(), this.showReport = !1;
         }, 100);
@@ -639,18 +639,18 @@ const _e = {
     switchSchedule() {
       this.deepAccess() && (this.activeSection = "schedule");
     },
-    handleFiles(i) {
-      this.imgText = i.target.files[0].name, this.form.attachments = {
-        file: i.target.files[0]
+    handleFiles(s) {
+      this.imgText = s.target.files[0].name, this.form.attachments = {
+        file: s.target.files[0]
       };
     },
-    handleImg(i) {
-      this.fileText = i.target.files[0].name, this.fileattachments = {
-        file: i.target.files[0]
+    handleImg(s) {
+      this.fileText = s.target.files[0].name, this.fileattachments = {
+        file: s.target.files[0]
       };
     },
     validateForm() {
-      const i = [
+      const s = [
         "taskName",
         "description",
         "maintenanceType",
@@ -661,77 +661,77 @@ const _e = {
         "lastPerformed",
         "assignedTo"
       ];
-      for (const e of i)
-        if (!this.form[e])
+      for (const t of s)
+        if (!this.form[t])
           return this.$emit("show-message", {
             type: "error",
             title: "Missing info",
-            message: `Please fill in the required field: ${e}`
+            message: `Please fill in the required field: ${t}`
           }), !1;
       return !0;
     },
-    handleSectionClick(i) {
-      this.activeSection = i.id, typeof i.onClick == "function" && i.onClick();
+    handleSectionClick(s) {
+      this.activeSection = s.id, typeof s.onClick == "function" && s.onClick();
     },
     calculateNextDue() {
-      const i = this.form.lastPerformed ? new Date(this.form.lastPerformed) : null, e = this.form.recurrence;
-      if (!i || !e)
+      const s = this.form.lastPerformed ? new Date(this.form.lastPerformed) : null, t = this.form.recurrence;
+      if (!s || !t)
         return;
-      let l = new Date(i);
-      switch (e) {
+      let u = new Date(s);
+      switch (t) {
         case "daily":
-          l.setDate(l.getDate() + 1);
+          u.setDate(u.getDate() + 1);
           break;
         case "weekly":
-          l.setDate(l.getDate() + 7);
+          u.setDate(u.getDate() + 7);
           break;
         case "monthly":
-          l.setMonth(l.getMonth() + 1);
+          u.setMonth(u.getMonth() + 1);
           break;
         case "quarterly":
-          l.setMonth(l.getMonth() + 3);
+          u.setMonth(u.getMonth() + 3);
           break;
         case "semi-annual":
-          l.setMonth(l.getMonth() + 6);
+          u.setMonth(u.getMonth() + 6);
           break;
         case "annual":
-          l.setFullYear(l.getFullYear() + 1);
+          u.setFullYear(u.getFullYear() + 1);
           break;
         case "once":
         case "custom":
           return;
       }
-      this.form.nextDue = l.toISOString().split("T")[0];
+      this.form.nextDue = u.toISOString().split("T")[0];
     },
     calculateRemainingDays() {
       if (!this.form.nextDue) {
         this.form.remainingDays = null;
         return;
       }
-      const i = /* @__PURE__ */ new Date(), e = new Date(this.form.nextDue);
-      i.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0);
-      const l = e - i, v = Math.ceil(l / (1e3 * 60 * 60 * 24));
-      this.form.remainingDays = `${v} Days`;
+      const s = /* @__PURE__ */ new Date(), t = new Date(this.form.nextDue);
+      s.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0);
+      const u = t - s, b = Math.ceil(u / (1e3 * 60 * 60 * 24));
+      this.form.remainingDays = `${b} Days`;
     },
     async saveSchedule() {
       if (this.isSaving = !0, !this.validateForm()) {
         this.isSaving = !1;
         return;
       }
-      const i = { ...this.form };
-      if (this.form.component === "Other" && this.form.customComponent && (i.component = this.form.customComponent), i.email = this.companyInfo.email, this.tasks.some((l) => l.component === i.component)) {
+      const s = { ...this.form };
+      if (this.form.component === "Other" && this.form.customComponent && (s.component = this.form.customComponent), s.email = this.companyInfo.email, this.tasks.some((u) => u.component === s.component)) {
         this.$emit("show-message", {
           type: "error",
           title: "Duplicate Component",
-          message: `A task with the component "${i.component}" already exists in maintenance`
+          message: `A task with the component "${s.component}" already exists in maintenance`
         }), this.isSaving = !1;
         return;
       }
-      delete i.customComponent, this.$emit("save-schedule", {
-        taskData: i,
-        file: i.attachments.file,
-        callback: (l) => {
-          this.isSaving = !1, l && (this.loadChecklist(i.component), this.lastSection = "schedule", this.currentTask = i.component, this.resetForm(), this.activeSection = "maintenance");
+      delete s.customComponent, this.$emit("save-schedule", {
+        taskData: s,
+        file: s.attachments.file,
+        callback: (u) => {
+          this.isSaving = !1, u && (this.loadChecklist(s.component), this.lastSection = "schedule", this.currentTask = s.component, this.resetForm(), this.activeSection = "maintenance");
         }
       });
     },
@@ -758,21 +758,21 @@ const _e = {
         attachments: {}
       };
     },
-    toggleTask(i) {
-      i.completed = !i.completed;
+    toggleTask(s) {
+      s.completed = !s.completed;
     },
     async resetTasks() {
-      const e = this.checklists.every((v) => v.completed) ? "Completed" : "In Progress", l = {
+      const t = this.checklists.every((b) => b.completed) ? "Completed" : "In Progress", u = {
         checklistProgress: [...this.checklists],
-        status: e,
+        status: t,
         component: this.currentTask,
         after: this.after
       };
       this.$emit("update-task", {
-        updateData: l,
+        updateData: u,
         file: this.fileattachments.file,
-        callback: (v, n) => {
-          v && (n && (this.after = n), this.fileattachments = {}, this.fileText = "Drag and drop files here or", this.refreshKey += 1, this.activeSection = "inventory");
+        callback: (b, n) => {
+          b && (n && (this.after = n), this.fileattachments = {}, this.fileText = "Drag and drop files here or", this.refreshKey += 1, this.activeSection = "inventory");
         }
       });
     },
@@ -783,24 +783,24 @@ const _e = {
         day: "numeric"
       });
     },
-    formatDate(i) {
-      return i ? new Date(i).toLocaleDateString("en-US", {
+    formatDate(s) {
+      return s ? new Date(s).toLocaleDateString("en-US", {
         year: "numeric",
         month: "short",
         day: "numeric"
       }) : "N/A";
     },
-    getTaskStatusClass(i) {
-      return i.status === "Completed" ? "completed" : i.status === "Overdue" ? "overdue" : i.status === "In Progress" ? "in-progress" : "pending";
+    getTaskStatusClass(s) {
+      return s.status === "Completed" ? "completed" : s.status === "Overdue" ? "overdue" : s.status === "In Progress" ? "in-progress" : "pending";
     },
-    getChecklistProgress(i) {
-      if (!i.checklistProgress || i.checklistProgress.length === 0)
+    getChecklistProgress(s) {
+      if (!s.checklistProgress || s.checklistProgress.length === 0)
         return 0;
-      const e = i.checklistProgress.filter((l) => l.completed).length;
-      return Math.round(e / i.checklistProgress.length * 100);
+      const t = s.checklistProgress.filter((u) => u.completed).length;
+      return Math.round(t / s.checklistProgress.length * 100);
     },
-    getCompletedChecklistItems(i) {
-      return i.checklistProgress ? i.checklistProgress.filter((e) => e.completed).length : 0;
+    getCompletedChecklistItems(s) {
+      return s.checklistProgress ? s.checklistProgress.filter((t) => t.completed).length : 0;
     },
     generateRecommendations() {
       return [
@@ -812,607 +812,607 @@ const _e = {
     deleteEvidence() {
       this.$emit("delete-evidence", {
         currentTask: this.currentTask,
-        callback: (i) => {
-          i && (this.after = null, this.fileText = "Drag and drop files here or", this.fileattachments = {}, this.refreshKey += 1);
+        callback: (s) => {
+          s && (this.after = null, this.fileText = "Drag and drop files here or", this.fileattachments = {}, this.refreshKey += 1);
         }
       });
     }
   }
-}, xe = { key: 0 }, Se = ["onClick"], De = { class: "content" }, Ae = {
+}, Ve = { key: 0 }, Fe = ["onClick"], Ee = { class: "content" }, Ne = {
   key: 0,
   class: "loading-container"
-}, Te = { key: 1 }, Pe = { class: "container" }, Me = { class: "d-flex justify-content-between align-items-center" }, Ee = { class: "progress-container" }, Ve = { class: "progress-info" }, Ne = { class: "progress-bar" }, Le = { class: "checklist" }, Fe = ["onClick"], Ue = { key: 0 }, Ie = ["onClick"], Re = ["onClick"], Oe = { key: 0 }, Be = { class: "checklist" }, He = { class: "checklist-item" }, qe = { class: "attachment-area" }, je = {
+}, Oe = { key: 1 }, Ue = { class: "container" }, Le = { class: "d-flex justify-content-between align-items-center" }, je = { class: "progress-container" }, $e = { class: "progress-info" }, Be = { class: "progress-bar" }, He = { class: "checklist" }, Qe = ["onClick"], Je = { key: 0 }, We = ["onClick"], Ge = ["onClick"], ze = { key: 0 }, Ye = { class: "checklist" }, Ke = { class: "checklist-item" }, Xe = { class: "attachment-area" }, Ze = {
   key: 2,
   class: "status"
-}, $e = { class: "form-group" }, Qe = { class: "form-group" }, ze = { class: "input-group" }, Ye = { class: "form-group" }, Ke = { class: "form-group" }, We = { class: "input-group" }, Ge = { class: "form-group" }, Je = { class: "form-group" }, Xe = { class: "input-group" }, Ze = { class: "form-group" }, et = { class: "form-group" }, tt = ["value"], st = { class: "input-group" }, it = { class: "form-group" }, nt = { class: "input-group" }, lt = { class: "form-group" }, ot = { class: "form-group" }, rt = { class: "form-group" }, at = { class: "checkbox-group" }, dt = { class: "checkbox-item" }, ct = { class: "checkbox-item" }, ut = { class: "input-group" }, mt = { class: "form-group" }, vt = { class: "form-group" }, ht = { class: "form-group" }, ft = { class: "attachment-area" }, pt = { class: "action-buttons" }, gt = ["disabled"], yt = { class: "task-table-wrapper" }, bt = { class: "table-controls" }, wt = { class: "filters" }, kt = { class: "task-table" }, Ct = ["onClick"], _t = ["onClick"], xt = { key: 0 }, St = {
+}, et = { class: "form-group" }, tt = { class: "form-group" }, st = { class: "input-group" }, it = { class: "form-group" }, nt = { class: "form-group" }, ot = { class: "input-group" }, lt = { class: "form-group" }, rt = { class: "form-group" }, at = { class: "input-group" }, dt = { class: "form-group" }, ut = { class: "form-group" }, ct = ["value"], mt = { class: "input-group" }, vt = { class: "form-group" }, pt = { class: "input-group" }, ft = { class: "form-group" }, ht = { class: "form-group" }, gt = { class: "form-group" }, bt = { class: "checkbox-group" }, yt = { class: "checkbox-item" }, wt = { class: "checkbox-item" }, kt = { class: "input-group" }, _t = { class: "form-group" }, Ct = { class: "form-group" }, Dt = { class: "form-group" }, xt = { class: "attachment-area" }, St = { class: "action-buttons" }, Pt = ["disabled"], At = { class: "task-table-wrapper" }, qt = { class: "table-controls" }, Tt = { class: "filters" }, It = { class: "task-table" }, Rt = ["onClick"], Mt = ["onClick"], Vt = { key: 0 }, Ft = {
   class: "alert alert-primary",
   role: "alert"
-}, Dt = { class: "mb-0" }, At = {
+}, Et = { class: "mb-0" }, Nt = {
   class: "report-container",
   ref: "reportContainer"
-}, Tt = { class: "report-info" }, Pt = { class: "info-box" }, Mt = { class: "info-box" }, Et = { class: "info-box" }, Vt = { class: "section" }, Nt = { class: "summary-grid" }, Lt = { class: "summary-card" }, Ft = { class: "summary-number" }, Ut = { class: "section" }, It = { class: "task-header" }, Rt = { class: "task-title" }, Ot = { class: "task-component" }, Bt = { class: "task-details" }, Ht = { class: "detail-item" }, qt = { class: "detail-value" }, jt = { class: "detail-item" }, $t = { class: "detail-value" }, Qt = { class: "detail-item" }, zt = { class: "detail-value" }, Yt = { class: "detail-item" }, Kt = { class: "detail-value" }, Wt = { class: "detail-item" }, Gt = { class: "detail-value" }, Jt = { class: "detail-item" }, Xt = { class: "detail-value" }, Zt = {
+}, Ot = { class: "report-info" }, Ut = { class: "info-box" }, Lt = { class: "info-box" }, jt = { class: "info-box" }, $t = { class: "section" }, Bt = { class: "summary-grid" }, Ht = { class: "summary-card" }, Qt = { class: "summary-number" }, Jt = { class: "section" }, Wt = { class: "task-header" }, Gt = { class: "task-title" }, zt = { class: "task-component" }, Yt = { class: "task-details" }, Kt = { class: "detail-item" }, Xt = { class: "detail-value" }, Zt = { class: "detail-item" }, es = { class: "detail-value" }, 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 = {
   key: 0,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, es = { class: "detail-value" }, ts = {
+}, us = { class: "detail-value" }, cs = {
   key: 1,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, ss = { class: "detail-value" }, is = {
+}, ms = { class: "detail-value" }, vs = {
   key: 2,
   class: "checklist-progress"
-}, ns = { class: "progress-bar" }, ls = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, os = { class: "checklist-items" }, rs = { class: "checklist-icon" }, as = { class: "section" }, ds = { class: "info-box" }, cs = { class: "signature-section" }, us = { class: "signature-box" }, ms = { style: { "margin-top": "10px", color: "#666" } };
-function vs(i, e, l, v, n, o) {
-  return n.ready ? (r(), a("div", xe, [
-    t("div", null, [
-      c(t("nav", null, [
-        (r(!0), a(f, null, g(n.sections, (s) => (r(), a("button", {
-          key: s.id,
-          class: h(["nav-btn", { active: n.activeSection === s.id }]),
-          onClick: (m) => o.handleSectionClick(s)
-        }, d(s.icon) + " " + d(s.name), 11, Se))), 128))
+}, ps = { class: "progress-bar" }, fs = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, hs = { class: "checklist-items" }, gs = { class: "checklist-icon" }, bs = { class: "section" }, ys = { class: "info-box" }, ws = { class: "signature-section" }, ks = { class: "signature-box" }, _s = { style: { "margin-top": "10px", color: "#666" } };
+function Cs(s, t, u, b, n, a) {
+  return n.ready ? (o(), l("div", Ve, [
+    e("div", null, [
+      v(e("nav", null, [
+        (o(!0), l(p, null, f(n.sections, (i) => (o(), l("button", {
+          key: i.id,
+          class: g(["nav-btn", { active: n.activeSection === i.id }]),
+          onClick: (h) => a.handleSectionClick(i)
+        }, r(i.icon) + " " + r(i.name), 11, Fe))), 128))
       ], 512), [
-        [_, !n.showReport]
+        [P, !n.showReport]
       ]),
-      c(t("div", De, [
-        c(t("section", {
-          class: h(["form-section", { active: n.activeSection === "maintenance" }])
+      v(e("div", Ee, [
+        v(e("section", {
+          class: g(["form-section", { active: n.activeSection === "maintenance" }])
         }, [
-          e[37] || (e[37] = t("h2", null, "🛠️ Maintenance Tasks", -1)),
-          n.isLoading ? (r(), a("div", Ae, e[27] || (e[27] = [
-            t("div", { class: "loading-spinner" }, null, -1),
-            t("p", null, "Loading checklist...", -1)
-          ]))) : u("", !0),
-          n.isLoading ? u("", !0) : (r(), a("form", Te, [
-            t("div", Pe, [
-              t("div", Me, [
-                e[29] || (e[29] = t("h1", null, "Maintenance Checklist", -1)),
-                o.showAddTaskButton ? (r(), a("button", {
+          t[37] || (t[37] = e("h2", null, "🛠️ Maintenance Tasks", -1)),
+          n.isLoading ? (o(), l("div", Ne, t[27] || (t[27] = [
+            e("div", { class: "loading-spinner" }, null, -1),
+            e("p", null, "Loading checklist...", -1)
+          ]))) : m("", !0),
+          n.isLoading ? m("", !0) : (o(), l("form", Oe, [
+            e("div", Ue, [
+              e("div", Le, [
+                t[29] || (t[29] = e("h1", null, "Maintenance Checklist", -1)),
+                a.showAddTaskButton ? (o(), l("button", {
                   key: 0,
                   class: "btn btn-outline-custom",
-                  onClick: e[0] || (e[0] = C((s) => o.addTask(), ["prevent"]))
-                }, e[28] || (e[28] = [
-                  b(" Manually Add Task ", -1),
-                  t("i", { class: "fas fa-plus" }, null, -1)
-                ]))) : u("", !0)
+                  onClick: t[0] || (t[0] = D((i) => a.addTask(), ["prevent"]))
+                }, t[28] || (t[28] = [
+                  _(" Manually Add Task ", -1),
+                  e("i", { class: "fas fa-plus" }, null, -1)
+                ]))) : m("", !0)
               ]),
-              t("div", Ee, [
-                t("div", Ve, " Progress: " + d(o.progress) + "% (" + d(o.completedCount.length) + "/" + d(n.checklists.length) + ") ", 1),
-                t("div", Ne, [
-                  t("div", {
+              e("div", je, [
+                e("div", $e, " Progress: " + r(a.progress) + "% (" + r(a.completedCount.length) + "/" + r(n.checklists.length) + ") ", 1),
+                e("div", Be, [
+                  e("div", {
                     class: "progress-fill",
-                    style: S({ width: o.progress + "%" })
+                    style: E({ width: a.progress + "%" })
                   }, null, 4)
                 ])
               ]),
-              t("ul", Le, [
-                (r(!0), a(f, null, g(n.checklists, (s) => (r(), a("li", {
-                  key: s.id,
+              e("ul", He, [
+                (o(!0), l(p, null, f(n.checklists, (i) => (o(), l("li", {
+                  key: i.id,
                   class: "checklist-item"
                 }, [
-                  t("div", {
-                    class: h(["checkbox", { checked: s.completed }]),
-                    onClick: (m) => o.toggleTask(s)
+                  e("div", {
+                    class: g(["checkbox", { checked: i.completed }]),
+                    onClick: (h) => a.toggleTask(i)
                   }, [
-                    s.completed ? (r(), a("span", Ue, "✓")) : u("", !0)
-                  ], 10, Fe),
-                  t("span", {
-                    class: h(["task-text", { completed: s.completed }]),
-                    onClick: (m) => o.toggleTask(s)
-                  }, d(s.text), 11, Ie),
-                  o.showAddTaskButton ? (r(), a("button", {
+                    i.completed ? (o(), l("span", Je, "✓")) : m("", !0)
+                  ], 10, Qe),
+                  e("span", {
+                    class: g(["task-text", { completed: i.completed }]),
+                    onClick: (h) => a.toggleTask(i)
+                  }, r(i.text), 11, We),
+                  a.showAddTaskButton ? (o(), l("button", {
                     key: 0,
                     class: "delete-btn",
-                    onClick: (m) => o.deleteTask(s.id),
+                    onClick: (h) => a.deleteTask(i.id),
                     title: "Delete task"
-                  }, e[30] || (e[30] = [
-                    k('<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, Re)) : u("", !0)
+                  }, t[30] || (t[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, Ge)) : m("", !0)
                 ]))), 128))
               ]),
-              n.after ? (r(), a("div", Oe, [
-                e[33] || (e[33] = t("label", null, "Upload Image Evidence", -1)),
-                t("ul", Be, [
-                  t("li", He, [
-                    e[32] || (e[32] = t("span", { class: "task-text" }, " Image Evidence Already Uploaded ", -1)),
-                    t("button", {
+              n.after ? (o(), l("div", ze, [
+                t[33] || (t[33] = e("label", null, "Upload Image Evidence", -1)),
+                e("ul", Ye, [
+                  e("li", Ke, [
+                    t[32] || (t[32] = e("span", { class: "task-text" }, " Image Evidence Already Uploaded ", -1)),
+                    e("button", {
                       type: "button",
                       class: "delete-btn",
-                      onClick: e[1] || (e[1] = (s) => o.deleteEvidence()),
+                      onClick: t[1] || (t[1] = (i) => a.deleteEvidence()),
                       title: "Delete Image"
-                    }, e[31] || (e[31] = [
-                      k('<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)
+                    }, t[31] || (t[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)
                     ]))
                   ])
                 ])
-              ])) : (r(), a("div", {
+              ])) : (o(), l("div", {
                 class: "form-group",
                 key: n.refreshKey || "default"
               }, [
-                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", qe, [
-                  t("p", null, d(n.fileText), 1),
-                  t("input", {
+                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", Xe, [
+                  e("p", null, r(n.fileText), 1),
+                  e("input", {
                     type: "file",
                     id: "evidence-files",
                     class: "file-input",
-                    onChange: e[2] || (e[2] = (...s) => o.handleImg && o.handleImg(...s))
+                    onChange: t[2] || (t[2] = (...i) => a.handleImg && a.handleImg(...i))
                   }, null, 32),
-                  e[34] || (e[34] = t("label", {
+                  t[34] || (t[34] = e("label", {
                     for: "evidence-files",
                     class: "file-label"
                   }, "Browse Files", -1))
                 ])
               ])),
-              o.completedCount === n.checklists.length ? (r(), a("div", je, " All tasks completed! ✅ ")) : u("", !0),
-              t("button", {
+              a.completedCount === n.checklists.length ? (o(), l("div", Ze, " All tasks completed! ✅ ")) : m("", !0),
+              e("button", {
                 class: "reset-button",
-                onClick: e[3] || (e[3] = C((...s) => o.resetTasks && o.resetTasks(...s), ["prevent"]))
-              }, d(o.checklistButtonLabel), 1)
+                onClick: t[3] || (t[3] = D((...i) => a.resetTasks && a.resetTasks(...i), ["prevent"]))
+              }, r(a.checklistButtonLabel), 1)
             ])
           ]))
         ], 2), [
-          [_, n.activeSection === "maintenance"]
+          [P, n.activeSection === "maintenance"]
         ]),
-        c(t("section", {
-          class: h(["form-section", { active: n.activeSection === "schedule" }])
+        v(e("section", {
+          class: g(["form-section", { active: n.activeSection === "schedule" }])
         }, [
-          e[62] || (e[62] = t("h2", null, "📅 Maintenance Schedule", -1)),
-          t("form", null, [
-            t("div", $e, [
-              e[38] || (e[38] = t("label", { for: "task-name" }, "Task Name", -1)),
-              c(t("input", {
+          t[62] || (t[62] = e("h2", null, "📅 Maintenance Schedule", -1)),
+          e("form", null, [
+            e("div", et, [
+              t[38] || (t[38] = e("label", { for: "task-name" }, "Task Name", -1)),
+              v(e("input", {
                 type: "text",
                 id: "task-name",
-                "onUpdate:modelValue": e[4] || (e[4] = (s) => n.form.taskName = s),
+                "onUpdate:modelValue": t[4] || (t[4] = (i) => n.form.taskName = i),
                 required: ""
               }, null, 512), [
-                [y, n.form.taskName]
+                [w, n.form.taskName]
               ])
             ]),
-            t("div", Qe, [
-              e[39] || (e[39] = t("label", { for: "task-description" }, "Description", -1)),
-              c(t("textarea", {
+            e("div", tt, [
+              t[39] || (t[39] = e("label", { for: "task-description" }, "Description", -1)),
+              v(e("textarea", {
                 id: "task-description",
-                "onUpdate:modelValue": e[5] || (e[5] = (s) => n.form.description = s),
+                "onUpdate:modelValue": t[5] || (t[5] = (i) => n.form.description = i),
                 required: ""
               }, null, 512), [
-                [y, n.form.description]
+                [w, n.form.description]
               ])
             ]),
-            t("div", ze, [
-              t("div", Ye, [
-                e[41] || (e[41] = t("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
-                c(t("select", {
+            e("div", st, [
+              e("div", it, [
+                t[41] || (t[41] = e("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
+                v(e("select", {
                   id: "maintenance-type",
-                  "onUpdate:modelValue": e[6] || (e[6] = (s) => n.form.maintenanceType = s),
+                  "onUpdate:modelValue": t[6] || (t[6] = (i) => n.form.maintenanceType = i),
                   required: ""
-                }, e[40] || (e[40] = [
-                  k('<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)
+                }, t[40] || (t[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), [
-                  [w, n.form.maintenanceType]
+                  [C, n.form.maintenanceType]
                 ])
               ]),
-              t("div", Ke, [
-                e[43] || (e[43] = t("label", { for: "component" }, "Component/System", -1)),
-                c(t("select", {
+              e("div", nt, [
+                t[43] || (t[43] = e("label", { for: "component" }, "Component/System", -1)),
+                v(e("select", {
                   id: "component",
-                  "onUpdate:modelValue": e[7] || (e[7] = (s) => n.form.component = s),
+                  "onUpdate:modelValue": t[7] || (t[7] = (i) => n.form.component = i),
                   required: ""
-                }, e[42] || (e[42] = [
-                  k('<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)
+                }, t[42] || (t[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), [
-                  [w, n.form.component]
+                  [C, n.form.component]
                 ]),
-                n.form.component === "Other" ? c((r(), a("input", {
+                n.form.component === "Other" ? v((o(), l("input", {
                   key: 0,
                   type: "text",
                   placeholder: "Enter custom component/system",
-                  "onUpdate:modelValue": e[8] || (e[8] = (s) => n.form.customComponent = s),
+                  "onUpdate:modelValue": t[8] || (t[8] = (i) => n.form.customComponent = i),
                   style: { "margin-top": "8px" }
                 }, null, 512)), [
-                  [y, n.form.customComponent]
-                ]) : u("", !0)
+                  [w, n.form.customComponent]
+                ]) : m("", !0)
               ])
             ]),
-            t("div", We, [
-              t("div", Ge, [
-                e[45] || (e[45] = t("label", { for: "priority" }, "Priority", -1)),
-                c(t("select", {
+            e("div", ot, [
+              e("div", lt, [
+                t[45] || (t[45] = e("label", { for: "priority" }, "Priority", -1)),
+                v(e("select", {
                   id: "priority",
-                  "onUpdate:modelValue": e[9] || (e[9] = (s) => n.form.priority = s),
+                  "onUpdate:modelValue": t[9] || (t[9] = (i) => n.form.priority = i),
                   required: ""
-                }, 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)
+                }, 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)
                 ]), 512), [
-                  [w, n.form.priority]
+                  [C, n.form.priority]
                 ])
               ]),
-              t("div", Je, [
-                e[46] || (e[46] = t("label", { for: "status" }, "Status", -1)),
-                c(t("input", {
+              e("div", rt, [
+                t[46] || (t[46] = e("label", { for: "status" }, "Status", -1)),
+                v(e("input", {
                   type: "text",
                   id: "status",
-                  "onUpdate:modelValue": e[10] || (e[10] = (s) => n.form.status = s),
+                  "onUpdate:modelValue": t[10] || (t[10] = (i) => n.form.status = i),
                   readonly: ""
                 }, null, 512), [
-                  [y, n.form.status]
+                  [w, n.form.status]
                 ])
               ])
             ]),
-            t("div", Xe, [
-              t("div", Ze, [
-                e[47] || (e[47] = t("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
-                c(t("input", {
+            e("div", at, [
+              e("div", dt, [
+                t[47] || (t[47] = e("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
+                v(e("input", {
                   type: "number",
                   id: "estimated-hours",
-                  "onUpdate:modelValue": e[11] || (e[11] = (s) => n.form.estimatedHours = s),
+                  "onUpdate:modelValue": t[11] || (t[11] = (i) => n.form.estimatedHours = i),
                   min: "0",
                   step: "0.5"
                 }, null, 512), [
-                  [y, n.form.estimatedHours]
+                  [w, n.form.estimatedHours]
                 ])
               ])
             ]),
-            t("div", et, [
-              e[49] || (e[49] = t("label", { for: "assigned-to" }, "Assigned To", -1)),
-              c(t("select", {
+            e("div", ut, [
+              t[49] || (t[49] = e("label", { for: "assigned-to" }, "Assigned To", -1)),
+              v(e("select", {
                 id: "assigned-to",
-                "onUpdate:modelValue": e[12] || (e[12] = (s) => n.form.assignedTo = s)
+                "onUpdate:modelValue": t[12] || (t[12] = (i) => n.form.assignedTo = i)
               }, [
-                e[48] || (e[48] = t("option", { value: "" }, "-- Select Personnel --", -1)),
-                (r(!0), a(f, null, g(l.vesselCrew, (s) => (r(), a("option", {
-                  key: s.id,
-                  value: `${s.name} - ${s.role}`
-                }, d(s.name) + " - " + d(s.role), 9, tt))), 128))
+                t[48] || (t[48] = e("option", { value: "" }, "-- Select Personnel --", -1)),
+                (o(!0), l(p, null, f(u.vesselCrew, (i) => (o(), l("option", {
+                  key: i.id,
+                  value: `${i.name} - ${i.role}`
+                }, r(i.name) + " - " + r(i.role), 9, ct))), 128))
               ], 512), [
-                [w, n.form.assignedTo]
+                [C, n.form.assignedTo]
               ])
             ]),
-            t("div", st, [
-              t("div", it, [
-                e[51] || (e[51] = t("label", { for: "recurrence-type" }, "Recurrence", -1)),
-                c(t("select", {
+            e("div", mt, [
+              e("div", vt, [
+                t[51] || (t[51] = e("label", { for: "recurrence-type" }, "Recurrence", -1)),
+                v(e("select", {
                   id: "recurrence-type",
-                  "onUpdate:modelValue": e[13] || (e[13] = (s) => n.form.recurrence = s),
+                  "onUpdate:modelValue": t[13] || (t[13] = (i) => n.form.recurrence = i),
                   required: ""
-                }, e[50] || (e[50] = [
-                  k('<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)
+                }, t[50] || (t[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), [
-                  [w, n.form.recurrence]
+                  [C, n.form.recurrence]
                 ])
               ])
             ]),
-            t("div", nt, [
-              t("div", lt, [
-                e[52] || (e[52] = t("label", { for: "last-performed" }, "Last Performed Date", -1)),
-                c(t("input", {
+            e("div", pt, [
+              e("div", ft, [
+                t[52] || (t[52] = e("label", { for: "last-performed" }, "Last Performed Date", -1)),
+                v(e("input", {
                   type: "date",
                   id: "last-performed",
-                  "onUpdate:modelValue": e[14] || (e[14] = (s) => n.form.lastPerformed = s)
+                  "onUpdate:modelValue": t[14] || (t[14] = (i) => n.form.lastPerformed = i)
                 }, null, 512), [
-                  [y, n.form.lastPerformed]
+                  [w, n.form.lastPerformed]
                 ])
               ]),
-              t("div", ot, [
-                e[53] || (e[53] = t("label", { for: "next-due" }, "Due Date", -1)),
-                c(t("input", {
+              e("div", ht, [
+                t[53] || (t[53] = e("label", { for: "next-due" }, "Due Date", -1)),
+                v(e("input", {
                   type: "date",
                   id: "next-due",
-                  "onUpdate:modelValue": e[15] || (e[15] = (s) => n.form.nextDue = s),
+                  "onUpdate:modelValue": t[15] || (t[15] = (i) => n.form.nextDue = i),
                   required: ""
                 }, null, 512), [
-                  [y, n.form.nextDue]
+                  [w, n.form.nextDue]
                 ])
               ])
             ]),
-            t("div", rt, [
-              e[56] || (e[56] = t("label", null, "Notifications", -1)),
-              t("div", at, [
-                t("div", dt, [
-                  c(t("input", {
+            e("div", gt, [
+              t[56] || (t[56] = e("label", null, "Notifications", -1)),
+              e("div", bt, [
+                e("div", yt, [
+                  v(e("input", {
                     type: "checkbox",
                     id: "notify-email",
-                    "onUpdate:modelValue": e[16] || (e[16] = (s) => n.form.notifyEmail = s)
+                    "onUpdate:modelValue": t[16] || (t[16] = (i) => n.form.notifyEmail = i)
                   }, null, 512), [
-                    [D, n.form.notifyEmail]
+                    [N, n.form.notifyEmail]
                   ]),
-                  e[54] || (e[54] = t("label", { for: "notify-email" }, "Email Notification", -1))
+                  t[54] || (t[54] = e("label", { for: "notify-email" }, "Email Notification", -1))
                 ]),
-                t("div", ct, [
-                  c(t("input", {
+                e("div", wt, [
+                  v(e("input", {
                     type: "checkbox",
                     id: "notify-sms",
-                    "onUpdate:modelValue": e[17] || (e[17] = (s) => n.form.notifySms = s)
+                    "onUpdate:modelValue": t[17] || (t[17] = (i) => n.form.notifySms = i)
                   }, null, 512), [
-                    [D, n.form.notifySms]
+                    [N, n.form.notifySms]
                   ]),
-                  e[55] || (e[55] = t("label", { for: "notify-sms" }, "SMS Notification", -1))
+                  t[55] || (t[55] = e("label", { for: "notify-sms" }, "SMS Notification", -1))
                 ])
               ])
             ]),
-            t("div", ut, [
-              t("div", mt, [
-                e[58] || (e[58] = t("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
-                c(t("select", {
+            e("div", kt, [
+              e("div", _t, [
+                t[58] || (t[58] = e("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
+                v(e("select", {
                   id: "reminder-days",
-                  "onUpdate:modelValue": e[18] || (e[18] = (s) => n.form.reminderDays = s)
-                }, e[57] || (e[57] = [
-                  k('<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)
+                  "onUpdate:modelValue": t[18] || (t[18] = (i) => n.form.reminderDays = i)
+                }, t[57] || (t[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), [
-                  [w, n.form.reminderDays]
+                  [C, n.form.reminderDays]
                 ])
               ])
             ]),
-            t("div", vt, [
-              e[59] || (e[59] = t("label", { for: "schedule-notes" }, "Notes", -1)),
-              c(t("textarea", {
+            e("div", Ct, [
+              t[59] || (t[59] = e("label", { for: "schedule-notes" }, "Notes", -1)),
+              v(e("textarea", {
                 id: "schedule-notes",
-                "onUpdate:modelValue": e[19] || (e[19] = (s) => n.form.notes = s)
+                "onUpdate:modelValue": t[19] || (t[19] = (i) => n.form.notes = i)
               }, null, 512), [
-                [y, n.form.notes]
+                [w, n.form.notes]
               ])
             ]),
-            t("div", ht, [
-              e[61] || (e[61] = t("label", null, "Attachments", -1)),
-              t("div", ft, [
-                t("p", null, d(n.imgText), 1),
-                t("input", {
+            e("div", Dt, [
+              t[61] || (t[61] = e("label", null, "Attachments", -1)),
+              e("div", xt, [
+                e("p", null, r(n.imgText), 1),
+                e("input", {
                   type: "file",
                   id: "maintenance-files",
                   class: "file-input",
-                  onChange: e[20] || (e[20] = (...s) => o.handleFiles && o.handleFiles(...s)),
+                  onChange: t[20] || (t[20] = (...i) => a.handleFiles && a.handleFiles(...i)),
                   multiple: ""
                 }, null, 32),
-                e[60] || (e[60] = t("label", {
+                t[60] || (t[60] = e("label", {
                   for: "maintenance-files",
                   class: "file-label"
                 }, "Browse Files", -1))
               ])
             ]),
-            t("div", pt, [
-              t("button", {
+            e("div", St, [
+              e("button", {
                 type: "button",
                 class: "btn btn-primary",
-                onClick: e[21] || (e[21] = C((...s) => o.saveSchedule && o.saveSchedule(...s), ["prevent"])),
+                onClick: t[21] || (t[21] = D((...i) => a.saveSchedule && a.saveSchedule(...i), ["prevent"])),
                 disabled: n.isSaving
-              }, d(n.isSaving ? "Saving..." : "Save Schedule"), 9, gt)
+              }, r(n.isSaving ? "Saving..." : "Save Schedule"), 9, Pt)
             ])
           ])
         ], 2), [
-          [_, n.activeSection === "schedule"]
+          [P, n.activeSection === "schedule"]
         ]),
-        c(t("section", {
-          class: h(["form-section", { active: n.activeSection === "inventory" }])
+        v(e("section", {
+          class: g(["form-section", { active: n.activeSection === "inventory" }])
         }, [
-          e[68] || (e[68] = t("h2", null, "All Maintenance", -1)),
-          t("div", yt, [
-            t("div", bt, [
-              t("div", wt, [
-                t("button", {
-                  class: h({ active: n.activeFilter === "due" }),
-                  onClick: e[22] || (e[22] = (s) => o.setFilter("due"))
+          t[68] || (t[68] = e("h2", null, "All Maintenance", -1)),
+          e("div", At, [
+            e("div", qt, [
+              e("div", Tt, [
+                e("button", {
+                  class: g({ active: n.activeFilter === "due" }),
+                  onClick: t[22] || (t[22] = (i) => a.setFilter("due"))
                 }, "Due", 2),
-                t("button", {
-                  class: h({ active: n.activeFilter === "all" }),
-                  onClick: e[23] || (e[23] = (s) => o.setFilter("all"))
+                e("button", {
+                  class: g({ active: n.activeFilter === "all" }),
+                  onClick: t[23] || (t[23] = (i) => a.setFilter("all"))
                 }, "All", 2),
-                t("button", {
-                  class: h({ active: n.activeFilter === "completed" }),
-                  onClick: e[24] || (e[24] = (s) => o.setFilter("completed"))
+                e("button", {
+                  class: g({ active: n.activeFilter === "completed" }),
+                  onClick: t[24] || (t[24] = (i) => a.setFilter("completed"))
                 }, "Completed", 2),
-                c(t("input", {
+                v(e("input", {
                   type: "text",
-                  "onUpdate:modelValue": e[25] || (e[25] = (s) => n.searchQuery = s),
+                  "onUpdate:modelValue": t[25] || (t[25] = (i) => n.searchQuery = i),
                   placeholder: "Search..."
                 }, null, 512), [
-                  [y, n.searchQuery]
+                  [w, n.searchQuery]
                 ])
               ])
             ]),
-            t("table", kt, [
-              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")
+            e("table", It, [
+              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")
                 ])
               ], -1)),
-              t("tbody", null, [
-                (r(!0), a(f, null, g(o.filteredTasks, (s) => (r(), a("tr", {
-                  key: s.id
+              e("tbody", null, [
+                (o(!0), l(p, null, f(a.filteredTasks, (i) => (o(), l("tr", {
+                  key: i.id
                 }, [
-                  t("td", null, d(s.component), 1),
-                  t("td", null, d(s.taskName), 1),
-                  t("td", null, d(s.assignedTo), 1),
-                  t("td", null, d(s.recurrence), 1),
-                  t("td", null, d(s.remainingDays), 1),
-                  t("td", null, d(s.nextDue), 1),
-                  t("td", null, [
-                    t("span", {
-                      class: h(["status-badge", s.status.toLowerCase().replace(" ", "-")])
-                    }, d(s.status), 3)
+                  e("td", null, r(i.component), 1),
+                  e("td", null, r(i.taskName), 1),
+                  e("td", null, r(i.assignedTo), 1),
+                  e("td", null, r(i.recurrence), 1),
+                  e("td", null, r(i.remainingDays), 1),
+                  e("td", null, r(i.nextDue), 1),
+                  e("td", null, [
+                    e("span", {
+                      class: g(["status-badge", i.status.toLowerCase().replace(" ", "-")])
+                    }, r(i.status), 3)
                   ]),
-                  t("td", null, [
-                    s.status === "Completed" ? (r(), a("button", {
+                  e("td", null, [
+                    i.status === "Completed" ? (o(), l("button", {
                       key: 0,
-                      onClick: (m) => o.printMaintenance(s.component),
+                      onClick: (h) => a.printMaintenance(i.component),
                       class: "status-action"
-                    }, "Print", 8, Ct)) : (r(), a("button", {
+                    }, "Print", 8, Rt)) : (o(), l("button", {
                       key: 1,
-                      onClick: (m) => o.showMaintenance(s.component),
+                      onClick: (h) => a.showMaintenance(i.component),
                       class: "status-action"
-                    }, "Start", 8, _t))
+                    }, "Start", 8, Mt))
                   ])
                 ]))), 128))
               ])
             ]),
-            l.tasks.length ? u("", !0) : (r(), a("div", xt, [
-              t("div", St, [
-                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", Dt, [
-                  e[64] || (e[64] = b("Navigate to the schedule tab, to start scheduling. Or click on this button to ", -1)),
-                  t("button", {
+            u.tasks.length ? m("", !0) : (o(), l("div", Vt, [
+              e("div", Ft, [
+                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", Et, [
+                  t[64] || (t[64] = _("Navigate to the schedule tab, to start scheduling. Or click on this button to ", -1)),
+                  e("button", {
                     type: "button",
                     class: "btn btn-primary",
-                    onClick: e[26] || (e[26] = (s) => o.switchSchedule())
+                    onClick: t[26] || (t[26] = (i) => a.switchSchedule())
                   }, "Schedule")
                 ])
               ])
             ]))
           ])
         ], 2), [
-          [_, n.activeSection === "inventory"]
+          [P, n.activeSection === "inventory"]
         ])
       ], 512), [
-        [_, !n.showReport]
+        [P, !n.showReport]
       ]),
-      c(t("div", At, [
-        e[89] || (e[89] = t("div", { class: "header" }, [
-          t("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
+      v(e("div", Nt, [
+        t[89] || (t[89] = e("div", { class: "header" }, [
+          e("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
         ], -1)),
-        t("div", Tt, [
-          t("div", Pt, [
-            e[69] || (e[69] = t("div", { class: "info-label" }, "Report Generated:", -1)),
-            t("div", null, d(n.reportDate), 1)
+        e("div", Ot, [
+          e("div", Ut, [
+            t[69] || (t[69] = e("div", { class: "info-label" }, "Report Generated:", -1)),
+            e("div", null, r(n.reportDate), 1)
           ]),
-          t("div", Mt, [
-            e[70] || (e[70] = t("div", { class: "info-label" }, "Report ID:", -1)),
-            t("div", null, d(n.reportId), 1)
+          e("div", Lt, [
+            t[70] || (t[70] = e("div", { class: "info-label" }, "Report ID:", -1)),
+            e("div", null, r(n.reportId), 1)
           ]),
-          t("div", Et, [
-            e[71] || (e[71] = t("div", { class: "info-label" }, "Total Tasks:", -1)),
-            t("div", null, d(n.maintenanceTasks.length), 1)
+          e("div", jt, [
+            t[71] || (t[71] = e("div", { class: "info-label" }, "Total Tasks:", -1)),
+            e("div", null, r(n.maintenanceTasks.length), 1)
           ]),
-          e[72] || (e[72] = t("div", { class: "info-box" }, [
-            t("div", { class: "info-label" }, "Generated By:"),
-            t("div", null, "OceanHelm System")
+          t[72] || (t[72] = e("div", { class: "info-box" }, [
+            e("div", { class: "info-label" }, "Generated By:"),
+            e("div", null, "OceanHelm System")
           ], -1))
         ]),
-        t("div", Vt, [
-          e[75] || (e[75] = t("div", { class: "section-title" }, "📊 Task Summary", -1)),
-          t("div", Nt, [
-            e[74] || (e[74] = k('<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", Lt, [
-              t("div", Ft, d(o.totalEstimatedHours), 1),
-              e[73] || (e[73] = t("div", { class: "summary-label" }, "Total Hours", -1))
+        e("div", $t, [
+          t[75] || (t[75] = e("div", { class: "section-title" }, "📊 Task Summary", -1)),
+          e("div", Bt, [
+            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", Ht, [
+              e("div", Qt, r(a.totalEstimatedHours), 1),
+              t[73] || (t[73] = e("div", { class: "summary-label" }, "Total Hours", -1))
             ])
           ])
         ]),
-        t("div", Ut, [
-          e[85] || (e[85] = t("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
-          (r(!0), a(f, null, g(n.maintenanceTasks, (s) => (r(), a("div", {
-            key: s.taskName,
-            class: h(["task-item", o.getTaskStatusClass(s)])
+        e("div", Jt, [
+          t[85] || (t[85] = e("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
+          (o(!0), l(p, null, f(n.maintenanceTasks, (i) => (o(), l("div", {
+            key: i.taskName,
+            class: g(["task-item", a.getTaskStatusClass(i)])
           }, [
-            t("div", It, [
-              t("div", null, [
-                t("div", Rt, [
-                  b(d(s.taskName) + " ", 1),
-                  t("span", {
-                    class: h(["maintenance-type", "type-" + s.maintenanceType])
-                  }, d(s.maintenanceType), 3)
+            e("div", Wt, [
+              e("div", null, [
+                e("div", Gt, [
+                  _(r(i.taskName) + " ", 1),
+                  e("span", {
+                    class: g(["maintenance-type", "type-" + i.maintenanceType])
+                  }, r(i.maintenanceType), 3)
                 ]),
-                t("div", Ot, "Component: " + d(s.component), 1)
+                e("div", zt, "Component: " + r(i.component), 1)
               ]),
-              t("span", {
-                class: h(["status-badge", "status-" + s.status.toLowerCase().replace(" ", "-")])
-              }, d(s.status), 3)
+              e("span", {
+                class: g(["status-badge", "status-" + i.status.toLowerCase().replace(" ", "-")])
+              }, r(i.status), 3)
             ]),
-            t("div", Bt, [
-              t("div", Ht, [
-                e[76] || (e[76] = t("div", { class: "detail-label" }, "Assigned To", -1)),
-                t("div", qt, d(s.assignedTo), 1)
+            e("div", Yt, [
+              e("div", Kt, [
+                t[76] || (t[76] = e("div", { class: "detail-label" }, "Assigned To", -1)),
+                e("div", Xt, r(i.assignedTo), 1)
               ]),
-              t("div", jt, [
-                e[77] || (e[77] = t("div", { class: "detail-label" }, "Estimated Hours", -1)),
-                t("div", $t, d(s.estimatedHours) + " hours", 1)
+              e("div", Zt, [
+                t[77] || (t[77] = e("div", { class: "detail-label" }, "Estimated Hours", -1)),
+                e("div", es, r(i.estimatedHours) + " hours", 1)
               ]),
-              t("div", Qt, [
-                e[78] || (e[78] = t("div", { class: "detail-label" }, "Last Performed", -1)),
-                t("div", zt, d(o.formatDate(s.lastPerformed)), 1)
+              e("div", ts, [
+                t[78] || (t[78] = e("div", { class: "detail-label" }, "Last Performed", -1)),
+                e("div", ss, r(a.formatDate(i.lastPerformed)), 1)
               ]),
-              t("div", Yt, [
-                e[79] || (e[79] = t("div", { class: "detail-label" }, "Next Due", -1)),
-                t("div", Kt, d(o.formatDate(s.nextDue)), 1)
+              e("div", is, [
+                t[79] || (t[79] = e("div", { class: "detail-label" }, "Next Due", -1)),
+                e("div", ns, r(a.formatDate(i.nextDue)), 1)
               ]),
-              t("div", Wt, [
-                e[80] || (e[80] = t("div", { class: "detail-label" }, "Recurrence", -1)),
-                t("div", Gt, d(s.recurrence), 1)
+              e("div", os, [
+                t[80] || (t[80] = e("div", { class: "detail-label" }, "Recurrence", -1)),
+                e("div", ls, r(i.recurrence), 1)
               ]),
-              t("div", Jt, [
-                e[81] || (e[81] = t("div", { class: "detail-label" }, "Remaining Days", -1)),
-                t("div", Xt, d(s.remainingDays) + " days", 1)
+              e("div", rs, [
+                t[81] || (t[81] = e("div", { class: "detail-label" }, "Remaining Days", -1)),
+                e("div", as, r(i.remainingDays) + " days", 1)
               ])
             ]),
-            s.description ? (r(), a("div", Zt, [
-              e[82] || (e[82] = t("div", { class: "detail-label" }, "Description", -1)),
-              t("div", es, d(s.description), 1)
-            ])) : u("", !0),
-            s.notes ? (r(), a("div", ts, [
-              e[83] || (e[83] = t("div", { class: "detail-label" }, "Notes", -1)),
-              t("div", ss, d(s.notes), 1)
-            ])) : u("", !0),
-            s.checklistProgress && s.checklistProgress.length > 0 ? (r(), a("div", is, [
-              e[84] || (e[84] = t("div", { class: "detail-label" }, "Checklist Progress", -1)),
-              t("div", ns, [
-                t("div", {
+            i.description ? (o(), l("div", ds, [
+              t[82] || (t[82] = e("div", { class: "detail-label" }, "Description", -1)),
+              e("div", us, r(i.description), 1)
+            ])) : m("", !0),
+            i.notes ? (o(), l("div", cs, [
+              t[83] || (t[83] = e("div", { class: "detail-label" }, "Notes", -1)),
+              e("div", ms, r(i.notes), 1)
+            ])) : m("", !0),
+            i.checklistProgress && i.checklistProgress.length > 0 ? (o(), l("div", vs, [
+              t[84] || (t[84] = e("div", { class: "detail-label" }, "Checklist Progress", -1)),
+              e("div", ps, [
+                e("div", {
                   class: "progress-fill",
-                  style: S({ width: o.getChecklistProgress(s) + "%" })
+                  style: E({ width: a.getChecklistProgress(i) + "%" })
                 }, null, 4)
               ]),
-              t("div", ls, d(o.getCompletedChecklistItems(s)) + " of " + d(s.checklistProgress.length) + " items completed (" + d(o.getChecklistProgress(s)) + "%) ", 1),
-              t("div", os, [
-                (r(!0), a(f, null, g(s.checklistProgress, (m, p) => (r(), a("div", {
-                  key: p,
+              e("div", fs, r(a.getCompletedChecklistItems(i)) + " of " + r(i.checklistProgress.length) + " items completed (" + r(a.getChecklistProgress(i)) + "%) ", 1),
+              e("div", hs, [
+                (o(!0), l(p, null, f(i.checklistProgress, (h, k) => (o(), l("div", {
+                  key: k,
                   class: "checklist-item"
                 }, [
-                  t("span", rs, d(m.completed ? "✅" : "⭕"), 1),
-                  t("span", null, d(m.text || "Checklist Item " + (p + 1)), 1)
+                  e("span", gs, r(h.completed ? "✅" : "⭕"), 1),
+                  e("span", null, r(h.text || "Checklist Item " + (k + 1)), 1)
                 ]))), 128))
               ])
-            ])) : u("", !0)
+            ])) : m("", !0)
           ], 2))), 128))
         ]),
-        t("div", as, [
-          e[86] || (e[86] = t("div", { class: "section-title" }, "📋 Recommendations", -1)),
-          t("div", ds, [
-            t("ul", null, [
-              (r(!0), a(f, null, g(o.generateRecommendations(), (s) => (r(), a("li", { key: s }, d(s), 1))), 128))
+        e("div", bs, [
+          t[86] || (t[86] = e("div", { class: "section-title" }, "📋 Recommendations", -1)),
+          e("div", ys, [
+            e("ul", null, [
+              (o(!0), l(p, null, f(a.generateRecommendations(), (i) => (o(), l("li", { key: i }, r(i), 1))), 128))
             ])
           ])
         ]),
-        t("div", cs, [
-          e[88] || (e[88] = t("div", { class: "signature-box" }, [
-            t("div", null, [
-              t("strong", null, "Report Generated By")
+        e("div", ws, [
+          t[88] || (t[88] = e("div", { class: "signature-box" }, [
+            e("div", null, [
+              e("strong", null, "Report Generated By")
             ]),
-            t("div", { style: { "margin-top": "10px", color: "#666" } }, "OceanHelm Maintenance System")
+            e("div", { style: { "margin-top": "10px", color: "#666" } }, "OceanHelm Maintenance System")
           ], -1)),
-          t("div", us, [
-            e[87] || (e[87] = t("div", null, [
-              t("strong", null, "Date")
+          e("div", ks, [
+            t[87] || (t[87] = e("div", null, [
+              e("strong", null, "Date")
             ], -1)),
-            t("div", ms, d(n.reportDate), 1)
+            e("div", _s, r(n.reportDate), 1)
           ])
         ])
       ], 512), [
-        [_, n.showReport]
+        [P, n.showReport]
       ])
     ])
-  ])) : u("", !0);
+  ])) : m("", !0);
 }
-const hs = /* @__PURE__ */ x(_e, [["render", vs]]);
-const fs = {
+const Ds = /* @__PURE__ */ S(Me, [["render", Cs]]);
+const xs = {
   name: "ActivityLogs",
   props: {
     loading: Boolean,
@@ -1428,10 +1428,10 @@ const fs = {
   },
   emits: ["update:searchTerm", "update:selectedFilter", "refresh", "download", "change-page"],
   methods: {
-    formatDate(i) {
-      return new Date(i).toLocaleString();
+    formatDate(s) {
+      return new Date(s).toLocaleString();
     },
-    getBadgeClass(i) {
+    getBadgeClass(s) {
       return {
         login: "badge-login",
         logout: "badge-logout",
@@ -1439,129 +1439,125 @@ const fs = {
         update: "badge-update",
         delete: "badge-delete",
         view: "badge-view"
-      }[i] || "badge-view";
+      }[s] || "badge-view";
     }
   }
-}, ps = { class: "activity-logs" }, gs = { class: "controls" }, ys = { class: "search-box" }, bs = ["value"], ws = ["value"], ks = { class: "stats-grid" }, Cs = { class: "stat-card" }, _s = { class: "value" }, xs = { class: "stat-card" }, Ss = { class: "value" }, Ds = { class: "stat-card" }, As = { class: "value" }, Ts = { class: "logs-container" }, Ps = {
+}, Ss = { class: "activity-logs" }, Ps = { class: "a-controls" }, As = { class: "a-search-box" }, qs = ["value"], Ts = ["value"], Is = { class: "stats-grid" }, Rs = { class: "stat-card" }, Ms = { class: "value" }, Vs = { class: "stat-card" }, Fs = { class: "value" }, Es = { class: "stat-card" }, Ns = { class: "value" }, Os = { class: "logs-container" }, Us = {
   key: 0,
   class: "loading"
-}, Ms = {
+}, Ls = {
   key: 1,
   class: "no-logs"
-}, Es = { key: 2 }, Vs = { class: "logs-table" }, Ns = { style: { color: "gray" } }, Ls = { style: { color: "gray" } }, Fs = { class: "pagination" }, Us = ["disabled"], Is = ["onClick"], Rs = ["disabled"];
-function Os(i, e, l, v, n, o) {
-  return r(), a("div", ps, [
-    e[14] || (e[14] = t("div", { class: "header" }, [
-      t("h1", null, "Activity Logs"),
-      t("p", null, "Monitor and track all system activities in real-time")
-    ], -1)),
-    t("div", gs, [
-      t("div", ys, [
-        t("input", {
+}, js = { key: 2 }, $s = { class: "logs-table" }, Bs = { style: { color: "gray" } }, Hs = { style: { color: "gray" } }, Qs = { class: "pagination" }, Js = ["disabled"], Ws = ["onClick"], Gs = ["disabled"];
+function zs(s, t, u, b, n, a) {
+  return o(), l("div", Ss, [
+    e("div", Ps, [
+      e("div", As, [
+        e("input", {
           type: "text",
           placeholder: "Search activities, users, or actions...",
-          value: l.searchTerm,
-          onInput: e[0] || (e[0] = (s) => i.$emit("update:searchTerm", s.target.value))
-        }, null, 40, bs)
+          value: u.searchTerm,
+          onInput: t[0] || (t[0] = (i) => s.$emit("update:searchTerm", i.target.value))
+        }, null, 40, qs)
       ]),
-      t("select", {
+      e("select", {
         class: "filter-select",
-        value: l.selectedFilter,
-        onChange: e[1] || (e[1] = (s) => i.$emit("update:selectedFilter", s.target.value))
-      }, e[6] || (e[6] = [
-        k('<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, ws),
-      t("button", {
+        value: u.selectedFilter,
+        onChange: t[1] || (t[1] = (i) => s.$emit("update:selectedFilter", i.target.value))
+      }, t[6] || (t[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, Ts),
+      e("button", {
         class: "btn btn-primary",
-        onClick: e[2] || (e[2] = (s) => i.$emit("refresh"))
+        onClick: t[2] || (t[2] = (i) => s.$emit("refresh"))
       }, "🔄 Refresh"),
-      t("button", {
+      e("button", {
         class: "btn btn-secondary",
-        onClick: e[3] || (e[3] = (s) => i.$emit("download"))
+        onClick: t[3] || (t[3] = (i) => s.$emit("download"))
       }, "📥 Download Report")
     ]),
-    t("div", ks, [
-      t("div", Cs, [
-        e[7] || (e[7] = t("h3", null, "Total Activities", -1)),
-        t("div", _s, d(l.totalActivities), 1)
+    e("div", Is, [
+      e("div", Rs, [
+        t[7] || (t[7] = e("h3", null, "Total Activities", -1)),
+        e("div", Ms, r(u.totalActivities), 1)
       ]),
-      t("div", xs, [
-        e[8] || (e[8] = t("h3", null, "Today's Activities", -1)),
-        t("div", Ss, d(l.todayActivities), 1)
+      e("div", Vs, [
+        t[8] || (t[8] = e("h3", null, "Today's Activities", -1)),
+        e("div", Fs, r(u.todayActivities), 1)
       ]),
-      t("div", Ds, [
-        e[9] || (e[9] = t("h3", null, "Active Users", -1)),
-        t("div", As, d(l.activeUsers), 1)
+      e("div", Es, [
+        t[9] || (t[9] = e("h3", null, "Active Users", -1)),
+        e("div", Ns, r(u.activeUsers), 1)
       ]),
-      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 ")
+      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 ")
       ], -1))
     ]),
-    t("div", Ts, [
-      l.loading ? (r(), a("div", Ps, e[11] || (e[11] = [
-        t("div", { class: "spinner" }, null, -1),
-        t("p", null, "Loading activity logs...", -1)
-      ]))) : l.logs.length === 0 ? (r(), a("div", Ms, e[12] || (e[12] = [
-        t("h3", null, "No activities found", -1),
-        t("p", null, "Try adjusting your search or filter criteria", -1)
-      ]))) : (r(), a("div", Es, [
-        t("table", Vs, [
-          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")
+    e("div", Os, [
+      u.loading ? (o(), l("div", Us, t[11] || (t[11] = [
+        e("div", { class: "spinner" }, null, -1),
+        e("p", null, "Loading activity logs...", -1)
+      ]))) : u.logs.length === 0 ? (o(), l("div", Ls, 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", js, [
+        e("table", $s, [
+          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")
             ])
           ], -1)),
-          t("tbody", null, [
-            (r(!0), a(f, null, g(l.paginatedLogs, (s) => (r(), a("tr", {
-              key: s.id
+          e("tbody", null, [
+            (o(!0), l(p, null, f(u.paginatedLogs, (i) => (o(), l("tr", {
+              key: i.id
             }, [
-              t("td", null, d(o.formatDate(s.timestamp)), 1),
-              t("td", null, [
-                t("div", null, d(s.user_name), 1),
-                t("small", Ns, d(s.email), 1)
+              e("td", null, r(a.formatDate(i.timestamp)), 1),
+              e("td", null, [
+                e("div", null, r(i.user_name), 1),
+                e("small", Bs, r(i.email), 1)
               ]),
-              t("td", null, [
-                t("span", {
-                  class: h(["activity-badge", o.getBadgeClass(s.action)])
-                }, d(s.action), 3)
+              e("td", null, [
+                e("span", {
+                  class: g(["activity-badge", a.getBadgeClass(i.action)])
+                }, r(i.action), 3)
               ]),
-              t("td", null, [
-                b(d(s.details.status) + " ", 1),
-                (r(!0), a(f, null, g(s.details.information, (m, p) => (r(), a("div", { key: p }, [
-                  t("strong", null, d(p) + ": ", 1),
-                  t("small", Ls, d(m.from || "") + " → " + d(m.to || m), 1)
+              e("td", null, [
+                _(r(i.details.status) + " ", 1),
+                (o(!0), l(p, null, f(i.details.information, (h, k) => (o(), l("div", { key: k }, [
+                  e("strong", null, r(k) + ": ", 1),
+                  e("small", Hs, r(h.from || "") + " → " + r(h.to || h), 1)
                 ]))), 128))
               ]),
-              t("td", null, d(s.table_name), 1)
+              e("td", null, r(i.table_name), 1)
             ]))), 128))
           ])
         ]),
-        t("div", Fs, [
-          t("button", {
-            onClick: e[4] || (e[4] = (s) => i.$emit("change-page", l.currentPage - 1)),
-            disabled: l.currentPage === 1
-          }, " Previous ", 8, Us),
-          (r(!0), a(f, null, g(l.totalPages, (s) => (r(), a("button", {
-            key: s,
-            onClick: (m) => i.$emit("change-page", s),
-            class: h({ active: l.currentPage === s })
-          }, d(s), 11, Is))), 128)),
-          t("button", {
-            onClick: e[5] || (e[5] = (s) => i.$emit("change-page", l.currentPage + 1)),
-            disabled: l.currentPage === l.totalPages
-          }, " Next ", 8, Rs)
+        e("div", Qs, [
+          e("button", {
+            onClick: t[4] || (t[4] = (i) => s.$emit("change-page", u.currentPage - 1)),
+            disabled: u.currentPage === 1
+          }, " Previous ", 8, Js),
+          (o(!0), l(p, null, f(u.totalPages, (i) => (o(), l("button", {
+            key: i,
+            onClick: (h) => s.$emit("change-page", i),
+            class: g({ active: u.currentPage === i })
+          }, r(i), 11, Ws))), 128)),
+          e("button", {
+            onClick: t[5] || (t[5] = (i) => s.$emit("change-page", u.currentPage + 1)),
+            disabled: u.currentPage === u.totalPages
+          }, " Next ", 8, Gs)
         ])
       ]))
     ])
   ]);
 }
-const Bs = /* @__PURE__ */ x(fs, [["render", Os]]);
-const Hs = {
+const Ys = /* @__PURE__ */ S(xs, [["render", zs]]);
+const Ks = {
   name: "CrewManagement",
   props: {
     // Required props
@@ -1635,9 +1631,9 @@ const Hs = {
       return this.vesselName ? `Current Crew for ${this.vesselName}` : "All Fleet Crew";
     },
     filteredCrew() {
-      return this.crew.filter((i) => {
-        const e = this.searchQuery === "" || i.name.toLowerCase().includes(this.searchQuery.toLowerCase()) || i.role.toLowerCase().includes(this.searchQuery.toLowerCase()) || i.vessel && i.vessel.toLowerCase().includes(this.searchQuery.toLowerCase()), l = this.filterStatus === "all" || i.status === this.filterStatus;
-        return e && l;
+      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;
       });
     },
     canAddCrew() {
@@ -1655,15 +1651,15 @@ const Hs = {
   },
   methods: {
     // Permission checking
-    hasPermission(i) {
-      var v;
-      const { role: e } = this.userProfile;
-      return ((v = {
+    hasPermission(s) {
+      var b;
+      const { role: t } = this.userProfile;
+      return ((b = {
         owner: ["add", "edit", "delete", "assign", "view"],
         staff: ["add", "edit", "assign", "view"],
         captain: ["assign", "view"],
         viewer: ["view"]
-      }[e]) == null ? void 0 : v.includes(i)) || !1;
+      }[t]) == null ? void 0 : b.includes(s)) || !1;
     },
     // Event handlers
     handleToggleAddForm() {
@@ -1682,47 +1678,47 @@ const Hs = {
     handleAddCrewMember() {
       if (!this.validateForm())
         return;
-      const i = this.newCrew.certifications.filter(
-        (v) => v.name.trim() !== "" && v.expiryDate !== ""
-      ), e = this.newCrew.role === "Other" ? this.newCrew.customRole : this.newCrew.role, l = {
+      const s = this.newCrew.certifications.filter(
+        (b) => b.name.trim() !== "" && b.expiryDate !== ""
+      ), t = this.newCrew.role === "Other" ? this.newCrew.customRole : this.newCrew.role, u = {
         name: this.newCrew.name,
-        role: e,
+        role: t,
         status: this.newCrew.status,
-        certifications: i,
+        certifications: s,
         notes: this.newCrew.notes,
         vessel: this.vesselName,
         email: this.newCrew.email,
         onBoard: this.newCrew.onBoard,
         nextShift: this.newCrew.nextShift
       };
-      this.$emit("crew-add", l), this.resetForm(), this.showAddForm = !1;
+      this.$emit("crew-add", u), this.resetForm(), this.showAddForm = !1;
     },
     handleCancelForm() {
       this.showAddForm = !1, this.resetForm();
     },
-    handleDeleteCrew(i) {
+    handleDeleteCrew(s) {
       if (!this.canDeleteCrew) {
         this.$emit("access-denied", { action: "delete crew", userProfile: this.userProfile });
         return;
       }
-      this.$emit("crew-delete", i);
+      this.$emit("crew-delete", s);
     },
-    handleAssignShift(i) {
+    handleAssignShift(s) {
       if (!this.canAssignShift) {
         this.$emit("access-denied", { action: "assign shift", userProfile: this.userProfile });
         return;
       }
-      this.$emit("crew-assign-shift", i);
+      this.$emit("crew-assign-shift", s);
     },
-    handleAddCertification(i) {
+    handleAddCertification(s) {
       if (!this.canEditCrew) {
         this.$emit("access-denied", { action: "add certification", userProfile: this.userProfile });
         return;
       }
-      this.$emit("crew-add-certification", i);
+      this.$emit("crew-add-certification", s);
     },
-    handleViewCertification(i, e) {
-      this.$emit("crew-view-certification", { certification: i, member: e });
+    handleViewCertification(s, t) {
+      this.$emit("crew-view-certification", { certification: s, member: t });
     },
     // Form management
     resetForm() {
@@ -1740,305 +1736,1172 @@ const Hs = {
     },
     validateForm() {
       this.formErrors = {};
-      const i = {
+      const s = {
         name: "Full Name",
         email: "Email Address"
       };
-      return Object.keys(i).forEach((e) => {
-        (!this.newCrew[e] || this.newCrew[e].trim() === "") && (this.formErrors[e] = `${i[e]} is required`);
+      return Object.keys(s).forEach((t) => {
+        (!this.newCrew[t] || this.newCrew[t].trim() === "") && (this.formErrors[t] = `${s[t]} 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(i) {
-      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i);
+    isValidEmail(s) {
+      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
     },
     addCertificationEntry() {
       this.newCrew.certifications.push({ name: "", expiryDate: "" });
     },
-    removeCertification(i) {
-      this.newCrew.certifications.splice(i, 1);
+    removeCertification(s) {
+      this.newCrew.certifications.splice(s, 1);
     },
     // Utility methods
-    formatStatus(i) {
-      return i ? i.charAt(0).toUpperCase() + i.slice(1) : "";
+    formatStatus(s) {
+      return s ? s.charAt(0).toUpperCase() + s.slice(1) : "";
     },
-    getStatusClass(i) {
+    getStatusClass(s) {
       return {
         available: "status-available",
         onduty: "status-onduty",
         unavailable: "status-unavailable"
-      }[i] || "";
+      }[s] || "";
     },
-    getCertificationClass(i) {
-      const e = this.getExpiryStatus(i);
+    getCertificationClass(s) {
+      const t = this.getExpiryStatus(s);
       return {
         expired: "text-danger",
         expiringSoon: "text-warning",
         valid: "text-success"
-      }[e] || "";
+      }[t] || "";
     },
-    getExpiryStatus(i) {
-      if (!i)
+    getExpiryStatus(s) {
+      if (!s)
         return "none";
-      const e = new Date(i), l = /* @__PURE__ */ new Date(), v = /* @__PURE__ */ new Date();
-      return v.setMonth(l.getMonth() + 1), e <= l ? "expired" : e <= v ? "expiringSoon" : "valid";
+      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";
     }
   }
-}, qs = { class: "crew-management" }, js = {
+}, Xs = { class: "crew-management" }, Zs = {
   key: 0,
   class: "wave-bg"
-}, $s = { class: "crew-section" }, Qs = { class: "section-header" }, zs = { class: "search-filter" }, Ys = {
+}, ei = { class: "crew-section" }, ti = { class: "section-header" }, si = { class: "search-filter" }, ii = {
   key: 0,
   class: "loading-state"
-}, Ks = {
+}, ni = {
   key: 1,
   class: "crew-grid"
-}, Ws = { class: "crew-name" }, Gs = { class: "crew-role" }, Js = { class: "crew-certifications" }, Xs = ["onClick"], Zs = ["onClick"], ei = { class: "crew-availability" }, ti = { class: "crew-availability" }, si = { class: "action-buttons" }, ii = {
+}, oi = { class: "crew-name" }, li = { class: "crew-role" }, ri = { class: "crew-certifications" }, ai = ["onClick"], di = ["onClick"], ui = { class: "crew-availability" }, ci = { class: "crew-availability" }, mi = { class: "action-buttons" }, vi = {
   key: 0,
   class: "status-available crew-availability vcard"
-}, ni = {
+}, pi = {
   key: 1,
   class: "status-unavailable crew-availability vcard"
-}, li = ["onClick"], oi = ["onClick"], ri = {
+}, fi = ["onClick"], hi = ["onClick"], gi = {
   key: 2,
   class: "no-results"
-}, ai = {
+}, bi = {
   key: 3,
   class: "add-crew-form"
-}, di = { class: "form-row" }, ci = { class: "form-group" }, ui = {
+}, yi = { class: "form-row" }, wi = { class: "form-group" }, ki = {
   key: 0,
   class: "error-message"
-}, mi = { class: "form-group" }, vi = ["value"], hi = { class: "form-row" }, fi = { class: "form-group" }, pi = { class: "form-group" }, gi = {
+}, _i = { class: "form-group" }, Ci = ["value"], Di = { class: "form-row" }, xi = { class: "form-group" }, Si = { class: "form-group" }, Pi = {
   key: 0,
   class: "error-message"
-}, yi = { class: "certification-section" }, bi = { class: "form-row" }, wi = { class: "form-group" }, ki = ["onUpdate:modelValue"], Ci = { class: "form-group" }, _i = ["onUpdate:modelValue"], xi = { class: "form-group" }, Si = ["onClick"], Di = { class: "form-row" }, Ai = { class: "form-group" }, Ti = { class: "form-actions" };
-function Pi(i, e, l, v, n, o) {
-  return r(), a("div", qs, [
-    l.config.showWaveBackground ? (r(), a("div", js)) : u("", !0),
-    t("div", $s, [
-      t("div", Qs, [
-        t("h2", null, d(o.sectionTitle), 1),
-        o.canAddCrew ? (r(), a("button", {
+}, Ai = { class: "certification-section" }, qi = { class: "form-row" }, Ti = { class: "form-group" }, Ii = ["onUpdate:modelValue"], Ri = { class: "form-group" }, Mi = ["onUpdate:modelValue"], Vi = { class: "form-group" }, Fi = ["onClick"], Ei = { class: "form-row" }, Ni = { class: "form-group" }, Oi = { class: "form-actions" };
+function Ui(s, t, u, b, n, a) {
+  return o(), l("div", Xs, [
+    u.config.showWaveBackground ? (o(), l("div", Zs)) : m("", !0),
+    e("div", ei, [
+      e("div", ti, [
+        e("h2", null, r(a.sectionTitle), 1),
+        a.canAddCrew ? (o(), l("button", {
           key: 0,
           class: "btn btn-primary",
-          onClick: e[0] || (e[0] = (...s) => o.handleToggleAddForm && o.handleToggleAddForm(...s))
-        }, d(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : u("", !0)
+          onClick: t[0] || (t[0] = (...i) => a.handleToggleAddForm && a.handleToggleAddForm(...i))
+        }, r(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : m("", !0)
       ]),
-      t("div", zs, [
-        c(t("input", {
+      e("div", si, [
+        v(e("input", {
           type: "text",
           placeholder: "Search crew by name or role...",
-          "onUpdate:modelValue": e[1] || (e[1] = (s) => n.searchQuery = s),
-          onInput: e[2] || (e[2] = (...s) => o.handleSearch && o.handleSearch(...s))
+          "onUpdate:modelValue": t[1] || (t[1] = (i) => n.searchQuery = i),
+          onInput: t[2] || (t[2] = (...i) => a.handleSearch && a.handleSearch(...i))
         }, null, 544), [
-          [y, n.searchQuery]
+          [w, n.searchQuery]
         ]),
-        c(t("select", {
-          "onUpdate:modelValue": e[3] || (e[3] = (s) => n.filterStatus = s),
-          onChange: e[4] || (e[4] = (...s) => o.handleFilter && o.handleFilter(...s))
-        }, 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)
+        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)
         ]), 544), [
-          [w, n.filterStatus]
+          [C, n.filterStatus]
         ])
       ]),
-      l.loading ? (r(), a("div", Ys, e[15] || (e[15] = [
-        t("div", {
+      u.loading ? (o(), l("div", ii, t[15] || (t[15] = [
+        e("div", {
           class: "spinner-border text-primary",
           role: "status"
         }, [
-          t("span", { class: "visually-hidden" }, "Loading crew...")
+          e("span", { class: "visually-hidden" }, "Loading crew...")
         ], -1),
-        t("p", null, "Loading crew members...", -1)
-      ]))) : o.filteredCrew.length > 0 ? (r(), a("div", Ks, [
-        (r(!0), a(f, null, g(o.filteredCrew, (s) => (r(), a("div", {
-          key: s.id,
-          class: h(["crew-card", { unavailable: s.status === "unavailable" }])
+        e("p", null, "Loading crew members...", -1)
+      ]))) : a.filteredCrew.length > 0 ? (o(), l("div", ni, [
+        (o(!0), l(p, null, f(a.filteredCrew, (i) => (o(), l("div", {
+          key: i.id,
+          class: g(["crew-card", { unavailable: i.status === "unavailable" }])
         }, [
-          t("div", {
-            class: h(["status-badge", o.getStatusClass(s.status)])
-          }, d(o.formatStatus(s.status)), 3),
-          t("div", Ws, d(s.name), 1),
-          t("div", Gs, d(s.role), 1),
-          t("div", Js, [
-            (r(!0), a(f, null, g(s.certifications, (m) => (r(), a("div", {
-              key: m.name,
-              class: h(["certification-tag", o.getCertificationClass(m.expiryDate)]),
-              onClick: (p) => o.handleViewCertification(m, s)
-            }, d(m.name), 11, Xs))), 128)),
-            o.canEditCrew ? (r(), a("i", {
+          e("div", {
+            class: g(["status-badge", a.getStatusClass(i.status)])
+          }, r(a.formatStatus(i.status)), 3),
+          e("div", oi, r(i.name), 1),
+          e("div", li, r(i.role), 1),
+          e("div", ri, [
+            (o(!0), l(p, null, f(i.certifications, (h) => (o(), l("div", {
+              key: h.name,
+              class: g(["certification-tag", a.getCertificationClass(h.expiryDate)]),
+              onClick: (k) => a.handleViewCertification(h, i)
+            }, r(h.name), 11, ai))), 128)),
+            a.canEditCrew ? (o(), l("i", {
               key: 0,
               class: "bi bi-patch-plus-fill icon",
-              onClick: (m) => o.handleAddCertification(s)
-            }, null, 8, Zs)) : u("", !0)
+              onClick: (h) => a.handleAddCertification(i)
+            }, null, 8, di)) : m("", !0)
           ]),
-          t("div", ei, [
-            e[16] || (e[16] = t("strong", null, "Embarkation Date:", -1)),
-            b(" " + d(s.nextShift || "Not Scheduled"), 1)
+          e("div", ui, [
+            t[16] || (t[16] = e("strong", null, "Embarkation Date:", -1)),
+            _(" " + r(i.nextShift || "Not Scheduled"), 1)
           ]),
-          t("div", ti, [
-            e[17] || (e[17] = t("strong", null, "Expected Days Onboard (in days):", -1)),
-            b(" " + d(s.onBoard || "Not Scheduled"), 1)
+          e("div", ci, [
+            t[17] || (t[17] = e("strong", null, "Expected Days Onboard (in days):", -1)),
+            _(" " + r(i.onBoard || "Not Scheduled"), 1)
           ]),
-          t("div", si, [
-            s.vessel ? (r(), a("div", ii, " Vessel: " + d(s.vessel), 1)) : (r(), a("div", ni, " Vessel: Unassigned ")),
-            o.canAssignShift ? (r(), a("button", {
+          e("div", mi, [
+            i.vessel ? (o(), l("div", vi, " Vessel: " + r(i.vessel), 1)) : (o(), l("div", pi, " Vessel: Unassigned ")),
+            a.canAssignShift ? (o(), l("button", {
               key: 2,
               class: "btn btn-primary",
-              onClick: (m) => o.handleAssignShift(s)
-            }, " Assign Shift ", 8, li)) : u("", !0)
+              onClick: (h) => a.handleAssignShift(i)
+            }, " Assign Shift ", 8, fi)) : m("", !0)
           ]),
-          o.canDeleteCrew ? (r(), a("i", {
+          a.canDeleteCrew ? (o(), l("i", {
             key: 0,
             class: "bi bi-trash icon delete-icon",
-            onClick: (m) => o.handleDeleteCrew(s)
-          }, null, 8, oi)) : u("", !0)
+            onClick: (h) => a.handleDeleteCrew(i)
+          }, null, 8, hi)) : m("", !0)
         ], 2))), 128))
-      ])) : l.loading ? u("", !0) : (r(), a("div", ri, d(l.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
-      n.showAddForm ? (r(), a("div", ai, [
-        e[28] || (e[28] = t("h2", null, "Add New Crew Member", -1)),
-        t("div", di, [
-          t("div", ci, [
-            e[18] || (e[18] = t("label", { for: "crew-name" }, "Full Name *", -1)),
-            c(t("input", {
+      ])) : u.loading ? m("", !0) : (o(), l("div", gi, r(u.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
+      n.showAddForm ? (o(), l("div", bi, [
+        t[28] || (t[28] = e("h2", null, "Add New Crew Member", -1)),
+        e("div", yi, [
+          e("div", wi, [
+            t[18] || (t[18] = e("label", { for: "crew-name" }, "Full Name *", -1)),
+            v(e("input", {
               type: "text",
               id: "crew-name",
-              "onUpdate:modelValue": e[5] || (e[5] = (s) => n.newCrew.name = s),
-              class: h({ error: n.formErrors.name })
+              "onUpdate:modelValue": t[5] || (t[5] = (i) => n.newCrew.name = i),
+              class: g({ error: n.formErrors.name })
             }, null, 2), [
-              [y, n.newCrew.name]
+              [w, n.newCrew.name]
             ]),
-            n.formErrors.name ? (r(), a("div", ui, d(n.formErrors.name), 1)) : u("", !0)
+            n.formErrors.name ? (o(), l("div", ki, r(n.formErrors.name), 1)) : m("", !0)
           ]),
-          t("div", mi, [
-            e[20] || (e[20] = t("label", { for: "crew-role" }, "Role/Position *", -1)),
-            c(t("select", {
+          e("div", _i, [
+            t[20] || (t[20] = e("label", { for: "crew-role" }, "Role/Position *", -1)),
+            v(e("select", {
               id: "crew-role",
-              "onUpdate:modelValue": e[6] || (e[6] = (s) => n.newCrew.role = s)
+              "onUpdate:modelValue": t[6] || (t[6] = (i) => n.newCrew.role = i)
             }, [
-              (r(!0), a(f, null, g(l.availableRoles, (s) => (r(), a("option", {
-                key: s,
-                value: s
-              }, d(s), 9, vi))), 128)),
-              e[19] || (e[19] = t("option", { value: "Other" }, "Other", -1))
+              (o(!0), l(p, null, f(u.availableRoles, (i) => (o(), l("option", {
+                key: i,
+                value: i
+              }, r(i), 9, Ci))), 128)),
+              t[19] || (t[19] = e("option", { value: "Other" }, "Other", -1))
             ], 512), [
-              [w, n.newCrew.role]
+              [C, n.newCrew.role]
             ]),
-            n.newCrew.role === "Other" ? c((r(), a("input", {
+            n.newCrew.role === "Other" ? v((o(), l("input", {
               key: 0,
               type: "text",
               placeholder: "Enter custom role",
-              "onUpdate:modelValue": e[7] || (e[7] = (s) => n.newCrew.customRole = s),
+              "onUpdate:modelValue": t[7] || (t[7] = (i) => n.newCrew.customRole = i),
               style: { "margin-top": "8px" }
             }, null, 512)), [
-              [y, n.newCrew.customRole]
-            ]) : u("", !0)
+              [w, n.newCrew.customRole]
+            ]) : m("", !0)
           ])
         ]),
-        t("div", hi, [
-          t("div", fi, [
-            e[22] || (e[22] = t("label", { for: "crew-status" }, "Status *", -1)),
-            c(t("select", {
+        e("div", Di, [
+          e("div", xi, [
+            t[22] || (t[22] = e("label", { for: "crew-status" }, "Status *", -1)),
+            v(e("select", {
               id: "crew-status",
-              "onUpdate:modelValue": e[8] || (e[8] = (s) => n.newCrew.status = s)
-            }, e[21] || (e[21] = [
-              t("option", { value: "available" }, "Available", -1),
-              t("option", { value: "onduty" }, "On Duty", -1),
-              t("option", { value: "unavailable" }, "Unavailable", -1)
+              "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)
             ]), 512), [
-              [w, n.newCrew.status]
+              [C, n.newCrew.status]
             ])
           ]),
-          t("div", pi, [
-            e[23] || (e[23] = t("label", { for: "crew-email" }, "Email Address *", -1)),
-            c(t("input", {
+          e("div", Si, [
+            t[23] || (t[23] = e("label", { for: "crew-email" }, "Email Address *", -1)),
+            v(e("input", {
               type: "email",
               id: "crew-email",
-              "onUpdate:modelValue": e[9] || (e[9] = (s) => n.newCrew.email = s),
-              class: h({ error: n.formErrors.email })
+              "onUpdate:modelValue": t[9] || (t[9] = (i) => n.newCrew.email = i),
+              class: g({ error: n.formErrors.email })
             }, null, 2), [
-              [y, n.newCrew.email]
+              [w, n.newCrew.email]
             ]),
-            n.formErrors.email ? (r(), a("div", gi, d(n.formErrors.email), 1)) : u("", !0)
+            n.formErrors.email ? (o(), l("div", Pi, r(n.formErrors.email), 1)) : m("", !0)
           ])
         ]),
-        t("div", yi, [
-          e[26] || (e[26] = t("h3", null, "Certifications", -1)),
-          (r(!0), a(f, null, g(n.newCrew.certifications, (s, m) => (r(), a("div", {
-            key: m,
+        e("div", Ai, [
+          t[26] || (t[26] = e("h3", null, "Certifications", -1)),
+          (o(!0), l(p, null, f(n.newCrew.certifications, (i, h) => (o(), l("div", {
+            key: h,
             class: "certification-entry"
           }, [
-            t("div", bi, [
-              t("div", wi, [
-                e[24] || (e[24] = t("label", null, "Certification Name", -1)),
-                c(t("input", {
+            e("div", qi, [
+              e("div", Ti, [
+                t[24] || (t[24] = e("label", null, "Certification Name", -1)),
+                v(e("input", {
                   type: "text",
-                  "onUpdate:modelValue": (p) => s.name = p,
+                  "onUpdate:modelValue": (k) => i.name = k,
                   placeholder: "Enter certification name"
-                }, null, 8, ki), [
-                  [y, s.name]
+                }, null, 8, Ii), [
+                  [w, i.name]
                 ])
               ]),
-              t("div", Ci, [
-                e[25] || (e[25] = t("label", null, "Expiry Date", -1)),
-                c(t("input", {
+              e("div", Ri, [
+                t[25] || (t[25] = e("label", null, "Expiry Date", -1)),
+                v(e("input", {
                   type: "date",
-                  "onUpdate:modelValue": (p) => s.expiryDate = p
-                }, null, 8, _i), [
-                  [y, s.expiryDate]
+                  "onUpdate:modelValue": (k) => i.expiryDate = k
+                }, null, 8, Mi), [
+                  [w, i.expiryDate]
                 ])
               ]),
-              t("div", xi, [
-                n.newCrew.certifications.length > 1 ? (r(), a("button", {
+              e("div", Vi, [
+                n.newCrew.certifications.length > 1 ? (o(), l("button", {
                   key: 0,
                   type: "button",
                   class: "btn btn-danger btn-sm",
-                  onClick: (p) => o.removeCertification(m)
-                }, " Remove ", 8, Si)) : u("", !0)
+                  onClick: (k) => a.removeCertification(h)
+                }, " Remove ", 8, Fi)) : m("", !0)
               ])
             ])
           ]))), 128)),
-          t("button", {
+          e("button", {
             type: "button",
             class: "btn btn-secondary btn-sm",
-            onClick: e[10] || (e[10] = (...s) => o.addCertificationEntry && o.addCertificationEntry(...s))
+            onClick: t[10] || (t[10] = (...i) => a.addCertificationEntry && a.addCertificationEntry(...i))
           }, " + Add More Certification ")
         ]),
-        t("div", Di, [
-          t("div", Ai, [
-            e[27] || (e[27] = t("label", { for: "crew-notes" }, "Notes", -1)),
-            c(t("textarea", {
+        e("div", Ei, [
+          e("div", Ni, [
+            t[27] || (t[27] = e("label", { for: "crew-notes" }, "Notes", -1)),
+            v(e("textarea", {
               id: "crew-notes",
               rows: "3",
-              "onUpdate:modelValue": e[11] || (e[11] = (s) => n.newCrew.notes = s)
+              "onUpdate:modelValue": t[11] || (t[11] = (i) => n.newCrew.notes = i)
             }, null, 512), [
-              [y, n.newCrew.notes]
+              [w, n.newCrew.notes]
             ])
           ])
         ]),
-        t("div", Ti, [
-          t("button", {
+        e("div", Oi, [
+          e("button", {
             class: "btn btn-secondary",
-            onClick: e[12] || (e[12] = (...s) => o.handleCancelForm && o.handleCancelForm(...s))
+            onClick: t[12] || (t[12] = (...i) => a.handleCancelForm && a.handleCancelForm(...i))
           }, "Cancel"),
-          t("button", {
+          e("button", {
             class: "btn btn-primary",
-            onClick: e[13] || (e[13] = (...s) => o.handleAddCrewMember && o.handleAddCrewMember(...s))
+            onClick: t[13] || (t[13] = (...i) => a.handleAddCrewMember && a.handleAddCrewMember(...i))
           }, "Add Crew Member")
         ])
-      ])) : u("", !0)
+      ])) : m("", !0)
     ])
   ]);
 }
-const Mi = /* @__PURE__ */ x(Hs, [["render", Pi]]), Ni = (i = {}) => ({
-  brandName: i.brandName || "OceanHelm",
-  logoIcon: i.logoIcon || "bi bi-water",
-  showLogo: i.showLogo !== !1,
-  responsive: i.responsive !== !1,
-  ...i
-}), Li = [
+const Li = /* @__PURE__ */ S(Ks, [["render", Ui]]);
+const ji = {
+  name: "RequisitionSystem",
+  props: {
+    userProfile: {
+      type: Object,
+      required: !0
+    },
+    userRole: {
+      type: String,
+      required: !0
+    },
+    requisitions: {
+      type: Array,
+      default: () => []
+    },
+    vessels: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    "submit-requisition",
+    "submit-info-response",
+    "approve-requisition",
+    "decline-requisition",
+    "info-requisition",
+    "create-po",
+    "open-po",
+    "finish-po",
+    "accept-delivery"
+  ],
+  data() {
+    return {
+      activeTab: "workflow",
+      isPrinting: !1,
+      infoResponse: "",
+      // Tabs with visibility rules
+      tabs: [
+        { 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: "purchasing", label: "Purchasing Queue", roles: ["purchaser"] },
+        { name: "receiving", label: "Receiving", roles: ["requisitor"] },
+        { name: "workflow", label: "Workflow Guide", roles: ["requisitor", "supervisor", "owner", "purchaser", "captain"] }
+      ],
+      // Form State
+      form: {
+        requestor: "",
+        department: "",
+        project: "",
+        neededDate: "",
+        justification: "",
+        items: []
+      },
+      poDetails: {
+        editing: !1,
+        items: []
+      },
+      vendorInfo: {},
+      justificationText: "",
+      currentItemIndex: null,
+      showJustificationModal: !1,
+      // common fields
+      requisitionFields: [
+        { label: "Requestor", value: (s) => s.requestor },
+        { label: "Department", value: (s) => s.department },
+        { label: "Project", value: (s) => s.project || "N/A" },
+        { label: "Submitted", value: (s) => s.submittedDate },
+        { label: "Items", value: (s) => `${s.items.length} item(s)` }
+      ],
+      // Fields for My Requisitions display
+      requisitionFieldsMap: {
+        approved: [
+          { label: "Approved By", value: (s) => s.approvedBy }
+        ],
+        declined: [
+          { label: "Declined By", value: (s) => s.declinedBy },
+          { label: "Rejection Reason", value: (s) => s.rejectionReason }
+        ],
+        "info-requested": [
+          { label: "Info Requester", value: (s) => s.infoRequestedBy },
+          { label: "Requested Info", value: (s) => s.requestedInfo }
+        ]
+      },
+      // Options
+      departments: [
+        "Marine Operations",
+        "Engineering",
+        "Maintenance",
+        "Safety & Compliance",
+        "Logistics",
+        "Administration",
+        "Engine Room"
+      ],
+      priorities: [
+        "Urgent - Same Day",
+        "High - Within 3 Days",
+        "Normal - Within 1 Week",
+        "Low - Within 2 Weeks"
+      ],
+      units: ["Pieces", "Kilograms", "Liters", "Meters", "Sets", "Boxes"]
+    };
+  },
+  computed: {
+    visibleTabs() {
+      return this.tabs.filter((s) => s.roles.includes(this.userRole));
+    },
+    subTotal() {
+      return (this.poDetails.items || []).reduce((s, t) => s + t.unitPrice * t.qty, 0);
+    },
+    reviewRequisitions() {
+      return this.requisitions.filter((s) => s.status === "under-review");
+    },
+    poRequisitions() {
+      return this.requisitions.filter((s) => s.status === "approved");
+    },
+    awaitingDelivery() {
+      return this.requisitions.filter((s) => s.status === "po-created");
+    },
+    currentItem() {
+      return this.currentItemIndex !== null ? this.poDetails.items[this.currentItemIndex] : null;
+    },
+    myRequisitions() {
+      const s = this.userProfile.id || this.userProfile.profile_id;
+      return this.requisitions.filter((t) => t.profile_id == s);
+    }
+  },
+  methods: {
+    setActiveTab(s) {
+      this.activeTab = s;
+    },
+    getOptional(s) {
+      return typeof s == "number" ? s.toFixed(2) : "0.00";
+    },
+    getRequisitionFields(s) {
+      const t = this.requisitionFieldsMap[s.status] || [];
+      return [...this.requisitionFields || [], ...t];
+    },
+    addItem() {
+      this.form.items.push({
+        id: "",
+        desc: "",
+        qty: 1,
+        unit: "Pieces",
+        cost: 0
+      });
+    },
+    removeItem(s) {
+      this.form.items.splice(s, 1);
+    },
+    startEdit(s) {
+      this.poDetails.items[s].editing = !0, this.poDetails.items[s].tempPrice = this.poDetails.items[s].unitPrice;
+    },
+    cancelEdit(s) {
+      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);
+    },
+    confirmPriceChange() {
+      if (!this.justificationText.trim()) {
+        alert("Please provide a justification for the price change.");
+        return;
+      }
+      const s = this.poDetails.items[this.currentItemIndex];
+      s.unitPrice = s.tempPrice, s.cost = s.tempPrice, s.justification = this.justificationText.trim(), s.editing = !1, this.closeJustificationModal();
+    },
+    closeJustificationModal() {
+      this.showJustificationModal = !1, this.currentItemIndex = null, this.justificationText = "";
+    },
+    // Event handlers that emit to parent
+    handleSubmitRequisition() {
+      const s = this.collectFormData("under-review");
+      this.$emit("submit-requisition", s), this.resetForm();
+    },
+    handleSubmitInfoResponse(s) {
+      if (!this.infoResponse || this.infoResponse.trim() === "") {
+        alert("Please enter a response before submitting.");
+        return;
+      }
+      this.$emit("submit-info-response", { req: s, response: this.infoResponse }), this.infoResponse = "";
+    },
+    handleApproveRequisition(s) {
+      this.$emit("approve-requisition", s);
+    },
+    handleDeclineRequisition(s) {
+      this.$emit("decline-requisition", s);
+    },
+    handleInfoRequisition(s) {
+      this.$emit("info-requisition", s);
+    },
+    handleCreatePO(s) {
+      this.$emit("create-po", s);
+    },
+    handleOpenPO(s) {
+      this.$emit("open-po", s);
+    },
+    handleFinishPO(s) {
+      this.$emit("finish-po", s);
+    },
+    handleAcceptDelivery(s) {
+      this.$emit("accept-delivery", s);
+    },
+    collectFormData(s) {
+      return {
+        id: "REQ-" + Date.now(),
+        requestor: this.userProfile.full_name,
+        department: this.form.department,
+        project: this.form.project,
+        neededDate: this.form.neededDate,
+        justification: this.form.justification,
+        items: this.form.items.map((t) => ({ ...t })),
+        status: s,
+        submittedDate: (/* @__PURE__ */ new Date()).toLocaleDateString(),
+        profile_id: this.userProfile.id || this.userProfile.profile_id
+      };
+    },
+    resetForm() {
+      this.form = {
+        requestor: "",
+        department: "",
+        project: "",
+        neededDate: "",
+        justification: "",
+        items: []
+      }, this.addItem();
+    },
+    // 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;
+    },
+    updateVendorInfo(s) {
+      this.vendorInfo = s;
+    },
+    setPrintingMode(s) {
+      this.isPrinting = s;
+    },
+    getNumber() {
+      return (this.poDetails.items || []).map((s, t) => s.itemNumber = t + 1);
+    }
+  },
+  created() {
+    this.addItem();
+  }
+}, $i = { class: "s-container container" }, Bi = { class: "nav-tabs" }, Hi = ["onClick"], Qi = {
+  key: 0,
+  class: "tab-content active"
+}, Ji = { class: "form-grid" }, Wi = { class: "form-group" }, Gi = ["value"], zi = { class: "form-group" }, Yi = ["value"], Ki = { class: "form-group" }, Xi = ["value"], Zi = { class: "form-group" }, en = { class: "form-group" }, tn = { class: "items-section" }, sn = { class: "items-header" }, nn = { class: "form-group" }, on = ["onUpdate:modelValue"], ln = { class: "form-group" }, rn = ["onUpdate:modelValue"], an = { class: "form-group" }, dn = ["onUpdate:modelValue"], un = { class: "form-group" }, cn = ["onUpdate:modelValue"], mn = ["value"], vn = { class: "form-group" }, pn = ["onUpdate:modelValue"], fn = ["onClick"], hn = {
+  key: 1,
+  class: "tab-content active"
+}, gn = { class: "requisition-list" }, bn = { class: "requisition-header" }, yn = { class: "requisition-id" }, wn = { class: "requisition-details" }, kn = { class: "detail-label" }, _n = { class: "detail-value" }, Cn = {
+  key: 0,
+  class: "form-group comments-section"
+}, Dn = ["onClick"], xn = {
+  key: 2,
+  class: "tab-content active"
+}, Sn = { class: "requisition-list" }, Pn = { class: "requisition-header" }, An = { class: "requisition-id" }, qn = { class: "requisition-details" }, Tn = { class: "detail-label" }, In = { class: "detail-value" }, Rn = {
+  key: 0,
+  class: "form-group comments-section"
+}, Mn = ["onClick"], Vn = {
+  key: 3,
+  class: "tab-content active"
+}, Fn = {
+  class: "requisition-list",
+  id: "approvalsQueue"
+}, En = { class: "requisition-header" }, Nn = { class: "requisition-id" }, On = { class: "requisition-details" }, Un = { class: "detail-label" }, Ln = { class: "detail-value" }, jn = { class: "detail-item" }, $n = { class: "detail-value" }, Bn = { class: "detail-item" }, Hn = { class: "item-list" }, Qn = ["onClick"], Jn = ["onClick"], Wn = ["onClick"], Gn = {
+  key: 4,
+  class: "tab-content active"
+}, zn = {
+  class: "requisition-list",
+  id: "purchasingQueue"
+}, Yn = { class: "requisition-header" }, Kn = { class: "requisition-id" }, Xn = { class: "requisition-details" }, Zn = { class: "detail-label" }, eo = { class: "detail-value" }, to = { class: "detail-item" }, so = { class: "detail-value" }, io = { class: "detail-item" }, no = { class: "item-list" }, oo = ["onClick"], lo = {
+  key: 5,
+  class: "tab-content active"
+}, ro = {
+  class: "requisition-list",
+  id: "receivingQueue"
+}, ao = { class: "requisition-header" }, uo = { class: "requisition-id" }, co = { class: "requisition-details" }, mo = { class: "detail-label" }, vo = { class: "detail-value" }, po = { class: "detail-item" }, fo = { class: "detail-value" }, ho = { class: "detail-item" }, go = { class: "item-list" }, bo = ["onClick"], yo = {
+  key: 6,
+  class: "tab-content active"
+}, wo = {
+  class: "po-content",
+  id: "po-content"
+}, ko = { class: "po-header" }, _o = { class: "company-info" }, Co = { class: "info-row" }, Do = { class: "info-value" }, xo = { class: "info-row" }, So = { class: "info-value" }, 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: "company-info" }, Vo = { class: "info-row" }, Fo = { class: "info-value" }, Eo = { class: "info-row" }, No = { class: "info-value" }, Oo = { class: "info-row" }, Uo = { class: "info-value" }, Lo = { class: "info-row" }, jo = { class: "info-value" }, $o = { class: "info-row" }, Bo = { class: "info-value" }, Ho = { class: "items-section" }, Qo = { class: "items-table" }, Jo = { key: 0 }, Wo = { key: 0 }, Go = {
+  key: 0,
+  class: "price-change-indicator"
+}, zo = ["onUpdate:modelValue"], Yo = { key: 0 }, Ko = ["onClick"], Xo = { key: 1 }, Zo = ["onClick"], el = ["onClick"], tl = {
+  key: 0,
+  class: "justification-note"
+}, sl = { class: "totals" }, il = { class: "total-row" }, nl = { class: "total-row" }, ol = { class: "total-row" }, ll = { class: "total-row grand-total" }, rl = { class: "modal-content" }, al = { style: { "margin-bottom": "15px", color: "#666" } }, dl = { class: "modal-buttons" }, ul = ["disabled"], cl = {
+  key: 7,
+  class: "tab-content active"
+};
+function ml(s, t, u, b, n, a) {
+  var i, h, k, A, q, T, I, R, M, V, F;
+  return o(), l("div", $i, [
+    t[62] || (t[62] = e("div", { class: "header" }, [
+      e("h1", null, "OceanHelm Requisition System"),
+      e("p", null, "Streamlined Material Request & Ordering Process")
+    ], -1)),
+    e("div", Bi, [
+      (o(!0), l(p, null, f(a.visibleTabs, (d) => (o(), l("button", {
+        key: d.name,
+        class: g(["nav-tab", { active: n.activeTab === d.name }]),
+        onClick: (c) => a.setActiveTab(d.name)
+      }, r(d.label), 11, Hi))), 128))
+    ]),
+    n.activeTab === "new-requisition" ? (o(), l("div", Qi, [
+      e("form", {
+        onSubmit: t[5] || (t[5] = D((...d) => a.handleSubmitRequisition && a.handleSubmitRequisition(...d), ["prevent"]))
+      }, [
+        e("div", Ji, [
+          e("div", Wi, [
+            t[12] || (t[12] = e("label", null, "Requestor Name *", -1)),
+            e("input", {
+              type: "text",
+              value: u.userProfile.full_name,
+              readonly: "",
+              required: "",
+              class: "form-control"
+            }, null, 8, Gi)
+          ]),
+          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),
+              required: ""
+            }, [
+              t[13] || (t[13] = e("option", { value: "" }, "Select Department", -1)),
+              (o(!0), l(p, null, f(n.departments, (d) => (o(), l("option", {
+                key: d,
+                value: d
+              }, r(d), 9, Yi))), 128))
+            ], 512), [
+              [C, n.form.department]
+            ])
+          ]),
+          e("div", Ki, [
+            t[16] || (t[16] = e("label", null, "Vessel *", -1)),
+            v(e("select", {
+              "onUpdate:modelValue": t[1] || (t[1] = (d) => n.form.project = d),
+              class: "form-control",
+              required: ""
+            }, [
+              t[15] || (t[15] = e("option", {
+                disabled: "",
+                value: ""
+              }, "Select a vessel", -1)),
+              (o(!0), l(p, null, f(u.vessels, (d) => (o(), l("option", {
+                key: d.id,
+                value: d.name
+              }, r(d.name), 9, Xi))), 128))
+            ], 512), [
+              [C, n.form.project]
+            ])
+          ]),
+          e("div", Zi, [
+            t[17] || (t[17] = e("label", null, "Date Needed *", -1)),
+            v(e("input", {
+              type: "date",
+              "onUpdate:modelValue": t[2] || (t[2] = (d) => n.form.neededDate = d),
+              required: ""
+            }, null, 512), [
+              [w, n.form.neededDate]
+            ])
+          ])
+        ]),
+        e("div", en, [
+          t[18] || (t[18] = e("label", null, "Business Justification *", -1)),
+          v(e("textarea", {
+            "onUpdate:modelValue": t[3] || (t[3] = (d) => n.form.justification = d),
+            placeholder: "Explain why these materials are needed...",
+            required: ""
+          }, null, 512), [
+            [w, n.form.justification]
+          ])
+        ]),
+        e("div", tn, [
+          e("div", sn, [
+            t[19] || (t[19] = e("h3", null, "Requested Items", -1)),
+            e("button", {
+              type: "button",
+              class: "add-item-btn",
+              onClick: t[4] || (t[4] = (...d) => a.addItem && a.addItem(...d))
+            }, "+ Add Item")
+          ]),
+          e("div", null, [
+            (o(!0), l(p, null, f(n.form.items, (d, c) => (o(), l("div", {
+              key: c,
+              class: "item-row"
+            }, [
+              e("div", nn, [
+                t[20] || (t[20] = e("label", null, "Item Code *", -1)),
+                v(e("input", {
+                  type: "text",
+                  "onUpdate:modelValue": (y) => d.id = y,
+                  required: ""
+                }, null, 8, on), [
+                  [w, d.id]
+                ])
+              ]),
+              e("div", ln, [
+                t[21] || (t[21] = e("label", null, "Item Description *", -1)),
+                v(e("input", {
+                  type: "text",
+                  "onUpdate:modelValue": (y) => d.desc = y,
+                  required: ""
+                }, null, 8, rn), [
+                  [w, d.desc]
+                ])
+              ]),
+              e("div", an, [
+                t[22] || (t[22] = e("label", null, "Quantity *", -1)),
+                v(e("input", {
+                  type: "number",
+                  "onUpdate:modelValue": (y) => d.qty = y,
+                  min: "1",
+                  required: ""
+                }, null, 8, dn), [
+                  [
+                    w,
+                    d.qty,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]),
+              e("div", un, [
+                t[23] || (t[23] = e("label", null, "Unit *", -1)),
+                v(e("select", {
+                  "onUpdate:modelValue": (y) => d.unit = y,
+                  required: ""
+                }, [
+                  (o(!0), l(p, null, f(n.units, (y) => (o(), l("option", {
+                    key: y,
+                    value: y
+                  }, r(y), 9, mn))), 128))
+                ], 8, cn), [
+                  [C, d.unit]
+                ])
+              ]),
+              e("div", vn, [
+                t[24] || (t[24] = e("label", null, "Est. Unit Cost *", -1)),
+                v(e("input", {
+                  type: "number",
+                  "onUpdate:modelValue": (y) => d.cost = y,
+                  step: "0.01",
+                  placeholder: "0.00",
+                  required: ""
+                }, null, 8, pn), [
+                  [
+                    w,
+                    d.cost,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]),
+              e("button", {
+                type: "button",
+                class: "remove-item-btn",
+                onClick: (y) => a.removeItem(c)
+              }, "Remove", 8, fn)
+            ]))), 128))
+          ])
+        ]),
+        t[25] || (t[25] = e("div", { class: "action-buttons" }, [
+          e("button", {
+            type: "submit",
+            class: "btn btn-primary"
+          }, "Submit Requisition")
+        ], -1))
+      ], 32)
+    ])) : m("", !0),
+    n.activeTab === "all-requisitions" ? (o(), l("div", hn, [
+      e("div", gn, [
+        (o(!0), l(p, null, f(u.requisitions, (d) => (o(), l("div", {
+          key: d.id,
+          class: "requisition-card"
+        }, [
+          e("div", bn, [
+            e("div", yn, r(d.id), 1),
+            e("div", {
+              class: g(["status-badge", `status-${d.status}`])
+            }, r(d.status), 3)
+          ]),
+          e("div", wn, [
+            (o(!0), l(p, null, f(a.getRequisitionFields(d), (c) => (o(), l("div", {
+              class: "detail-item",
+              key: c.label
+            }, [
+              e("div", kn, r(c.label), 1),
+              e("div", _n, r(c.value(d)), 1)
+            ]))), 128))
+          ]),
+          d.status === "po-created" || d.status === "delivered" ? (o(), l("div", Cn, [
+            e("button", {
+              onClick: (c) => a.handleOpenPO(d.id),
+              class: "add-item-btn comments-section"
+            }, " Print PO ", 8, Dn)
+          ])) : m("", !0)
+        ]))), 128))
+      ])
+    ])) : m("", !0),
+    n.activeTab === "my-requisitions" ? (o(), l("div", xn, [
+      e("div", Sn, [
+        (o(!0), l(p, null, f(a.myRequisitions, (d) => (o(), l("div", {
+          key: d.id,
+          class: "requisition-card"
+        }, [
+          e("div", Pn, [
+            e("div", An, r(d.id), 1),
+            e("div", {
+              class: g(["status-badge", `status-${d.status}`])
+            }, r(d.status), 3)
+          ]),
+          e("div", qn, [
+            (o(!0), l(p, null, f(a.getRequisitionFields(d), (c) => (o(), l("div", {
+              class: "detail-item",
+              key: c.label
+            }, [
+              e("div", Tn, r(c.label), 1),
+              e("div", In, r(c.value(d)), 1)
+            ]))), 128))
+          ]),
+          d.status === "info-requested" ? (o(), l("div", Rn, [
+            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),
+              class: "response-textarea",
+              placeholder: "Submit more info..."
+            }, null, 512), [
+              [w, n.infoResponse]
+            ]),
+            e("button", {
+              onClick: (c) => a.handleSubmitInfoResponse(d),
+              class: "add-item-btn comments-section"
+            }, " Submit Info ", 8, Mn)
+          ])) : m("", !0)
+        ]))), 128))
+      ])
+    ])) : m("", !0),
+    n.activeTab === "approvals" ? (o(), l("div", Vn, [
+      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 ")
+        ])
+      ], -1)),
+      e("div", Fn, [
+        (o(!0), l(p, null, f(a.reviewRequisitions, (d) => (o(), l("div", {
+          key: d.id,
+          class: "requisition-card"
+        }, [
+          e("div", En, [
+            e("div", Nn, r(d.id), 1)
+          ]),
+          e("div", On, [
+            (o(!0), l(p, null, f(n.requisitionFields, (c) => (o(), l("div", {
+              class: "detail-item",
+              key: c.label
+            }, [
+              e("div", Un, r(c.label), 1),
+              e("div", Ln, r(c.value(d)), 1)
+            ]))), 128))
+          ]),
+          e("div", jn, [
+            t[27] || (t[27] = e("div", { class: "detail-label" }, "Justification", -1)),
+            e("div", $n, r(d.justification || "N/A"), 1)
+          ]),
+          e("div", Bn, [
+            t[28] || (t[28] = e("div", { class: "detail-label" }, "Items", -1)),
+            e("ul", Hn, [
+              (o(!0), l(p, null, f(d.items, (c, y) => (o(), l("li", { key: y }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+            ])
+          ]),
+          e("button", {
+            type: "button",
+            class: "add-item-btn",
+            onClick: (c) => a.handleApproveRequisition(d.id)
+          }, "Approve", 8, Qn),
+          e("button", {
+            type: "button",
+            class: "marginbox btn-reject",
+            onClick: (c) => a.handleDeclineRequisition(d.id)
+          }, "Decline", 8, Jn),
+          e("button", {
+            type: "button",
+            class: "marginbox btn-request",
+            onClick: (c) => a.handleInfoRequisition(d.id)
+          }, "Request Info", 8, Wn)
+        ]))), 128))
+      ])
+    ])) : m("", !0),
+    n.activeTab === "purchasing" ? (o(), l("div", Gn, [
+      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 ")
+        ])
+      ], -1)),
+      e("div", zn, [
+        (o(!0), l(p, null, f(a.poRequisitions, (d) => (o(), l("div", {
+          key: d.id,
+          class: "requisition-card"
+        }, [
+          e("div", Yn, [
+            e("div", Kn, r(d.id), 1)
+          ]),
+          e("div", Xn, [
+            (o(!0), l(p, null, f(n.requisitionFields, (c) => (o(), l("div", {
+              class: "detail-item",
+              key: c.label
+            }, [
+              e("div", Zn, r(c.label), 1),
+              e("div", eo, r(c.value(d)), 1)
+            ]))), 128))
+          ]),
+          e("div", to, [
+            t[30] || (t[30] = e("div", { class: "detail-label" }, "Justification", -1)),
+            e("div", so, r(d.justification || "N/A"), 1)
+          ]),
+          e("div", io, [
+            t[31] || (t[31] = e("div", { class: "detail-label" }, "Items", -1)),
+            e("ul", no, [
+              (o(!0), l(p, null, f(d.items, (c, y) => (o(), l("li", { key: y }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+            ])
+          ]),
+          e("button", {
+            type: "button",
+            class: "add-item-btn",
+            onClick: (c) => a.handleCreatePO(d.id)
+          }, "Create PO", 8, oo)
+        ]))), 128))
+      ])
+    ])) : m("", !0),
+    n.activeTab === "receiving" ? (o(), l("div", lo, [
+      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 ")
+        ])
+      ], -1)),
+      e("div", ro, [
+        (o(!0), l(p, null, f(a.awaitingDelivery, (d) => (o(), l("div", {
+          key: d.id,
+          class: "requisition-card"
+        }, [
+          e("div", ao, [
+            e("div", uo, r(d.id), 1)
+          ]),
+          e("div", co, [
+            (o(!0), l(p, null, f(n.requisitionFields, (c) => (o(), l("div", {
+              class: "detail-item",
+              key: c.label
+            }, [
+              e("div", mo, r(c.label), 1),
+              e("div", vo, r(c.value(d)), 1)
+            ]))), 128))
+          ]),
+          e("div", po, [
+            t[33] || (t[33] = e("div", { class: "detail-label" }, "Justification", -1)),
+            e("div", fo, r(d.justification || "N/A"), 1)
+          ]),
+          e("div", ho, [
+            t[34] || (t[34] = e("div", { class: "detail-label" }, "Items", -1)),
+            e("ul", go, [
+              (o(!0), l(p, null, f(d.items, (c, y) => (o(), l("li", { key: y }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+            ])
+          ]),
+          e("button", {
+            type: "button",
+            class: "add-item-btn",
+            onClick: (c) => a.handleAcceptDelivery(d.id)
+          }, "Accept Delivery", 8, bo)
+        ]))), 128))
+      ])
+    ])) : m("", !0),
+    n.activeTab === "po" ? (o(), l("div", yo, [
+      e("div", wo, [
+        e("div", ko, [
+          e("div", _o, [
+            t[41] || (t[41] = e("h3", null, "Vendor Information", -1)),
+            e("div", Co, [
+              t[36] || (t[36] = e("span", { class: "info-label" }, "Company:", -1)),
+              e("span", Do, r(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
+            ]),
+            e("div", xo, [
+              t[37] || (t[37] = e("span", { class: "info-label" }, "Contact:", -1)),
+              e("span", So, r(n.vendorInfo.contact || ((h = n.poDetails.vendorInfo) == null ? void 0 : h.contact)), 1)
+            ]),
+            e("div", Po, [
+              t[38] || (t[38] = e("span", { class: "info-label" }, "Email:", -1)),
+              e("span", Ao, r(n.vendorInfo.email || ((k = n.poDetails.vendorInfo) == null ? void 0 : k.email)), 1)
+            ]),
+            e("div", qo, [
+              t[39] || (t[39] = e("span", { class: "info-label" }, "Phone:", -1)),
+              e("span", To, r(n.vendorInfo.phone || ((A = n.poDetails.vendorInfo) == null ? void 0 : A.phone)), 1)
+            ]),
+            e("div", Io, [
+              t[40] || (t[40] = e("span", { class: "info-label" }, "Address:", -1)),
+              e("span", Ro, r(n.vendorInfo.address || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.address)), 1)
+            ])
+          ]),
+          e("div", Mo, [
+            t[47] || (t[47] = e("h3", null, "Purchase Order Details", -1)),
+            e("div", Vo, [
+              t[42] || (t[42] = e("span", { class: "info-label" }, "PO Number:", -1)),
+              e("span", Fo, r(n.poDetails.id), 1)
+            ]),
+            e("div", Eo, [
+              t[43] || (t[43] = e("span", { class: "info-label" }, "Date:", -1)),
+              e("span", No, r(n.vendorInfo.poDate || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.poDate)), 1)
+            ]),
+            e("div", Oo, [
+              t[44] || (t[44] = e("span", { class: "info-label" }, "Requested By:", -1)),
+              e("span", Uo, r(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
+            ]),
+            e("div", Lo, [
+              t[45] || (t[45] = e("span", { class: "info-label" }, "Department:", -1)),
+              e("span", jo, "PO-" + r(n.poDetails.department), 1)
+            ]),
+            e("div", $o, [
+              t[46] || (t[46] = e("span", { class: "info-label" }, "Delivery Date:", -1)),
+              e("span", Bo, r(n.poDetails.neededDate), 1)
+            ])
+          ])
+        ]),
+        e("div", Ho, [
+          t[57] || (t[57] = e("h2", { class: "section-title" }, "Order Items", -1)),
+          e("table", Qo, [
+            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", Jo, "Actions"))
+              ])
+            ]),
+            e("tbody", null, [
+              (o(!0), l(p, null, f(n.poDetails.items || [], (d, c) => (o(), l("tr", { key: c }, [
+                e("td", null, r(d.itemNumber), 1),
+                e("td", null, r(d.desc), 1),
+                e("td", null, r(d.qty), 1),
+                e("td", null, [
+                  d.editing ? v((o(), l("input", {
+                    key: 1,
+                    "onUpdate:modelValue": (y) => d.tempPrice = y,
+                    type: "number",
+                    step: "0.01",
+                    class: g(["price-input", { "price-changed": d.cost !== d.tempPrice }])
+                  }, null, 10, zo)), [
+                    [
+                      w,
+                      d.tempPrice,
+                      void 0,
+                      { number: !0 }
+                    ]
+                  ]) : (o(), l("span", Wo, [
+                    _(" $" + r(d.cost.toFixed(2)) + " ", 1),
+                    d.cost !== d.unitPrice ? (o(), l("span", Go, "!")) : m("", !0)
+                  ]))
+                ]),
+                e("td", null, "$" + r((d.unitPrice * d.qty).toFixed(2)), 1),
+                n.isPrinting ? m("", !0) : (o(), l("td", Yo, [
+                  d.editing ? (o(), l("div", Xo, [
+                    e("button", {
+                      onClick: (y) => a.savePrice(c),
+                      class: "save-btn"
+                    }, "Save", 8, Zo),
+                    e("button", {
+                      onClick: (y) => a.cancelEdit(c),
+                      class: "cancel-btn"
+                    }, "Cancel", 8, el)
+                  ])) : (o(), l("button", {
+                    key: 0,
+                    onClick: (y) => a.startEdit(c),
+                    class: "edit-btn"
+                  }, " Edit Price ", 8, Ko))
+                ]))
+              ]))), 128))
+            ])
+          ]),
+          (o(!0), l(p, null, f(n.poDetails.items || [], (d, c) => (o(), l("div", {
+            key: "note-" + c
+          }, [
+            d.justification ? (o(), l("div", tl, [
+              e("strong", null, "Price Change Justification (Item " + r(d.itemNumber) + "):", 1),
+              _(" " + r(d.justification), 1)
+            ])) : m("", !0)
+          ]))), 128)),
+          e("div", sl, [
+            e("div", il, [
+              t[53] || (t[53] = e("span", null, "Subtotal:", -1)),
+              e("span", null, "$" + r(a.subTotal.toFixed(2)), 1)
+            ]),
+            e("div", nl, [
+              t[54] || (t[54] = e("span", null, "Tax (%):", -1)),
+              e("span", null, "$" + r(a.getOptional(n.vendorInfo.tax)), 1)
+            ]),
+            e("div", ol, [
+              t[55] || (t[55] = e("span", null, "Shipping:", -1)),
+              e("span", null, "$" + r(a.getOptional(n.vendorInfo.shipping)), 1)
+            ]),
+            e("div", ll, [
+              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)
+            ])
+          ])
+        ])
+      ]),
+      n.showJustificationModal ? (o(), l("div", {
+        key: 0,
+        class: "justification-modal",
+        onClick: t[10] || (t[10] = D((...d) => a.closeJustificationModal && a.closeJustificationModal(...d), ["self"]))
+      }, [
+        e("div", rl, [
+          t[60] || (t[60] = e("h3", null, "Price Change Justification Required", -1)),
+          e("p", al, [
+            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)
+          ]),
+          v(e("textarea", {
+            "onUpdate:modelValue": t[7] || (t[7] = (d) => n.justificationText = d),
+            class: "justification-textarea",
+            placeholder: "Enter justification for price change...",
+            required: ""
+          }, null, 512), [
+            [w, n.justificationText]
+          ]),
+          e("div", dl, [
+            e("button", {
+              onClick: t[8] || (t[8] = (...d) => a.closeJustificationModal && a.closeJustificationModal(...d)),
+              class: "cancel-btn"
+            }, "Cancel"),
+            e("button", {
+              onClick: t[9] || (t[9] = (...d) => a.confirmPriceChange && a.confirmPriceChange(...d)),
+              class: "save-btn",
+              disabled: !n.justificationText.trim()
+            }, " Confirm Change ", 8, ul)
+          ])
+        ])
+      ])) : m("", !0),
+      n.isPrinting ? m("", !0) : (o(), l("button", {
+        key: 1,
+        type: "button",
+        class: "add-item-btn",
+        onClick: t[11] || (t[11] = (d) => a.handleFinishPO(n.poDetails.id))
+      }, "Approve PO"))
+    ])) : m("", !0),
+    n.activeTab === "workflow" ? (o(), l("div", cl, t[61] || (t[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 vl = /* @__PURE__ */ S(ji, [["render", ml]]), fl = (s = {}) => ({
+  brandName: s.brandName || "OceanHelm",
+  logoIcon: s.logoIcon || "bi bi-water",
+  showLogo: s.showLogo !== !1,
+  responsive: s.responsive !== !1,
+  ...s
+}), hl = [
   {
     type: "link",
     label: "Dashboard",
@@ -2114,21 +2977,22 @@ const Mi = /* @__PURE__ */ x(Hs, [["render", Pi]]), Ni = (i = {}) => ({
     icon: "bi bi-question-circle",
     action: "help"
   }
-], Fi = (i, e) => !i.roles || i.roles.length === 0 ? !0 : i.roles.includes(e == null ? void 0 : e.role), Ui = {
-  install(i, e = {}) {
-    i.component("ConfigurableSidebar", H), i.component("VesselList", pe), i.component("DashHead", Ce), i.component("ActivityLogs", Bs), i.component("CrewManagement", Mi), i.component("DashHead", hs), i.provide("sidebarConfig", e);
+], gl = (s, t) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(t == null ? void 0 : t.role), bl = {
+  install(s, t = {}) {
+    s.component("ConfigurableSidebar", K), s.component("VesselLists", Se), s.component("DashHead", Re), s.component("ActivityLogs", Ys), s.component("CrewManagement", Li), s.component("RequisitionSystem", vl), s.component("OceanHelmMaintenance", Ds), s.provide("sidebarConfig", t);
   }
 };
 export {
-  Bs as ActivityLogs,
-  H as ConfigurableSidebar,
-  Mi as CrewManagement,
-  Ce as DashHead,
-  hs as OceanHelmMaintenance,
-  pe as VesselList,
-  Ni as createSidebarConfig,
-  Ui as default,
-  Li as defaultMenuItems,
-  Fi as defaultPermissionChecker
+  Ys as ActivityLogs,
+  K as ConfigurableSidebar,
+  Li as CrewManagement,
+  Re as DashHead,
+  Ds as OceanHelmMaintenance,
+  vl as RequisitionSystem,
+  Se as VesselList,
+  fl as createSidebarConfig,
+  bl as default,
+  hl as defaultMenuItems,
+  gl as defaultPermissionChecker
 };
 //# sourceMappingURL=oceanhelm.es.js.map