oceanhelm 0.0.9 → 0.0.11

package/dist/oceanhelm.es.js

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