oceanhelm 0.0.10 → 0.0.11

package/dist/oceanhelm.es.js

@@ -1,8 +1,8 @@
-import { openBlock as l, createElementBlock as r, normalizeClass as b, createElementVNode as t, toDisplayString as a, createCommentVNode as c, Fragment as f, renderList as g, withModifiers as D, createTextVNode as w, renderSlot as L, withDirectives as h, vShow as A, normalizeStyle as N, createStaticVNode as x, vModelText as k, vModelSelect as _, vModelCheckbox as E } from "vue";
+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 d = s.__vccOpts || s;
-  for (const [p, n] of e)
-    d[p] = n;
+  for (const [m, n] of e)
+    d[m] = n;
   return d;
 }, O = {
   name: "ConfigurableSidebar",
@@ -85,9 +85,9 @@ const S = (s, e) => {
       const s = document.getElementById("sidebarToggle"), e = document.getElementById("sidebar"), d = document.getElementById("content");
       !s || !e || !d || (window.innerWidth >= 768 && (e.classList.toggle("active"), d.classList.toggle("active")), s.addEventListener("click", () => {
         e.classList.toggle("active"), d.classList.toggle("active");
-      }), document.addEventListener("click", (p) => {
-        const n = e.contains(p.target), o = s.contains(p.target);
-        !n && !o && window.innerWidth < 768 && e.classList.contains("active") && (e.classList.remove("active"), d.classList.remove("active"));
+      }), 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"));
       }));
     }
   },
@@ -95,7 +95,7 @@ const S = (s, e) => {
 }, U = {
   key: 0,
   class: "logo d-flex align-items-center left"
-}, $ = { style: { "margin-left": "45px" } }, j = { class: "list-unstyled components mt-4" }, B = ["onClick"], H = ["href", "onClick"], Q = ["onClick"], J = {
+}, 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",
@@ -103,68 +103,68 @@ const S = (s, e) => {
 }, W = {
   class: "dropdown-menu",
   "aria-labelledby": "dropdownMenuLink"
-}, K = ["onClick"], z = {
+}, K = ["onClick"], G = {
   key: 3,
   class: "dropdown-divider"
-}, G = { key: 4 };
-function Y(s, e, d, p, n, o) {
-  return l(), r("nav", {
+}, Y = { key: 4 };
+function X(s, e, d, m, n, l) {
+  return o(), r("nav", {
     id: "sidebar",
-    class: b(o.sidebarClasses)
+    class: b(l.sidebarClasses)
   }, [
-    d.showLogo ? (l(), r("div", U, [
-      t("span", $, a(d.brandName), 1)
-    ])) : c("", !0),
-    t("ul", j, [
-      (l(!0), r(f, null, g(o.filteredMenuItems, (i, m) => (l(), r("li", {
-        key: m,
+    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) => o.handleItemClick(i)
+        onClick: (y) => l.handleItemClick(i)
       }, [
-        i.type === "link" ? (l(), r("a", {
+        i.type === "link" ? (o(), r("a", {
           key: 0,
           href: i.href || "#",
-          onClick: D((y) => o.handleNavigation(i), ["prevent"])
+          onClick: _((y) => l.handleNavigation(i), ["prevent"])
         }, [
-          i.icon ? (l(), r("i", {
+          i.icon ? (o(), r("i", {
             key: 0,
             class: b(i.icon)
-          }, null, 2)) : c("", !0),
+          }, null, 2)) : v("", !0),
           w(" " + a(i.label), 1)
-        ], 8, H)) : i.type === "button" ? (l(), r("a", {
+        ], 8, Q)) : i.type === "button" ? (o(), r("a", {
           key: 1,
-          onClick: D((y) => o.handleAction(i), ["prevent"]),
+          onClick: _((y) => l.handleAction(i), ["prevent"]),
           style: { cursor: "pointer" }
         }, [
-          i.icon ? (l(), r("i", {
+          i.icon ? (o(), r("i", {
             key: 0,
             class: b(i.icon)
-          }, null, 2)) : c("", !0),
+          }, null, 2)) : v("", !0),
           w(" " + a(i.label), 1)
-        ], 8, Q)) : i.type === "dropdown" ? (l(), r(f, { key: 2 }, [
+        ], 8, z)) : i.type === "dropdown" ? (o(), r(f, { key: 2 }, [
           t("a", J, [
-            i.icon ? (l(), r("i", {
+            i.icon ? (o(), r("i", {
               key: 0,
               class: b(i.icon)
-            }, null, 2)) : c("", !0),
+            }, null, 2)) : v("", !0),
             w(" " + a(i.label), 1)
           ]),
           t("div", W, [
-            (l(!0), r(f, null, g(o.getFilteredChildren(i), (y, P) => (l(), r("a", {
-              key: P,
+            (o(!0), r(f, null, g(l.getFilteredChildren(i), (y, A) => (o(), r("a", {
+              key: A,
               class: "dropdown-item black",
-              onClick: D((T) => o.handleAction(y), ["prevent"]),
+              onClick: _((P) => l.handleAction(y), ["prevent"]),
               style: { cursor: "pointer" }
             }, a(y.label), 9, K))), 128))
           ])
-        ], 64)) : i.type === "separator" ? (l(), r("div", z)) : i.type === "text" ? (l(), r("a", G, a(i.label), 1)) : c("", !0)
-      ], 10, B))), 128))
+        ], 64)) : i.type === "separator" ? (o(), r("div", G)) : i.type === "text" ? (o(), r("a", Y, a(i.label), 1)) : v("", !0)
+      ], 10, H))), 128))
     ]),
     L(s.$slots, "footer")
   ], 2);
 }
-const X = /* @__PURE__ */ S(O, [["render", Y]]);
-const Z = {
+const Z = /* @__PURE__ */ S(O, [["render", X]]);
+const ee = {
   name: "VesselList",
   props: {
     // Required props
@@ -284,12 +284,12 @@ const Z = {
       return `status-${(s == null ? void 0 : s.toLowerCase()) || ""}`;
     },
     getDuration(s, e) {
-      const d = /* @__PURE__ */ new Date(), p = new Date(s), n = d - p;
+      const d = /* @__PURE__ */ new Date(), m = new Date(s), n = d - m;
       if (n < 0)
         return "Invalid (future date)";
-      const o = Math.floor(n / (1e3 * 60 * 60)), i = Math.floor(o / 24), m = o % 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" : ""}`), m > 0 && (y += (y ? " " : "") + `${m} hr${m > 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);
@@ -301,66 +301,66 @@ const Z = {
     getDaysToExpiry(s) {
       if (!s)
         return null;
-      const e = /* @__PURE__ */ new Date(), p = new Date(s) - e;
-      return Math.ceil(p / (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" : "";
     }
   }
-}, ee = { class: "row mb-3" }, te = { class: "col-md-4" }, se = { class: "card-body d-flex align-items-center" }, ie = { class: "mt-2 mb-0" }, ne = { class: "col-md-4" }, oe = { class: "card-body d-flex align-items-center" }, le = { class: "mt-2 mb-0" }, re = {
+}, 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"
-}, ae = { class: "d-flex justify-content-between align-items-center mb-4" }, de = {
+}, de = { class: "d-flex justify-content-between align-items-center mb-4" }, ue = {
   key: 0,
   class: "alert alert-info mb-3",
   role: "alert"
-}, ue = {
+}, ce = {
   key: 1,
   class: "text-center py-4"
-}, ce = {
+}, me = {
   key: 2,
   class: "alert alert-primary",
   role: "alert"
-}, me = {
+}, ve = {
   key: 3,
   class: "alert alert-warning",
   role: "alert"
-}, ve = { class: "alert-heading" }, pe = { class: "mb-0" }, he = {
+}, pe = { class: "alert-heading" }, he = { class: "mb-0" }, fe = {
   key: 4,
   class: "row"
-}, fe = ["onClick"], ge = { class: "card-body d-flex align-items-center" }, be = { class: "flex-grow-1" }, ye = { class: "d-flex justify-content-between align-items-center mb-2" }, we = { class: "card-title mb-0" }, ke = { class: "row" }, Ce = { class: "col-6" }, _e = { class: "mb-0" }, De = {
+}, 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"
-}, xe = { class: "mb-0" }, Se = { class: "mb-0" }, Ae = {
+}, Se = { class: "mb-0" }, Fe = { class: "mb-0" }, Ae = {
   key: 1,
   class: "col-6"
-}, Pe = { class: "text-muted" }, Te = ["onClick"], qe = { class: "action-icon v-left delete" }, Ie = ["onClick"], Fe = ["onClick"];
-function Re(s, e, d, p, n, o) {
-  return l(), r(f, null, [
-    t("div", ee, [
-      t("div", te, [
+}, 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: b(["card border-0 shadow-sm", { "border-primary border-2": n.activeFilter === "Active" }]),
-          onClick: e[0] || (e[0] = (i) => o.filterVessels("Active")),
+          onClick: e[0] || (e[0] = (i) => l.filterVessels("Active")),
           style: { cursor: "pointer" }
         }, [
-          t("div", se, [
+          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", ie, a(o.activeVesselsCount), 1)
+              t("h3", ne, a(l.activeVesselsCount), 1)
             ])
           ])
         ], 2)
       ]),
-      t("div", ne, [
+      t("div", le, [
         t("div", {
           class: b(["card border-0 shadow-sm", { "border-secondary border-2": n.activeFilter === "Inactive" }]),
-          onClick: e[1] || (e[1] = (i) => o.filterVessels("Inactive")),
+          onClick: e[1] || (e[1] = (i) => l.filterVessels("Inactive")),
           style: { cursor: "pointer" }
         }, [
           t("div", oe, [
@@ -369,15 +369,15 @@ function Re(s, e, d, p, n, o) {
             ], -1)),
             t("div", null, [
               e[6] || (e[6] = t("h6", { class: "mb-0" }, "Inactive", -1)),
-              t("h3", le, a(o.inactiveVesselsCount), 1)
+              t("h3", re, a(l.inactiveVesselsCount), 1)
             ])
           ])
         ], 2)
       ]),
-      o.canAddVessel ? (l(), r("div", re, [
+      l.canAddVessel ? (o(), r("div", ae, [
         t("div", {
           class: "card border-0 shadow-sm",
-          onClick: e[2] || (e[2] = (...i) => o.handleAddVessel && o.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" }, [
@@ -389,28 +389,28 @@ function Re(s, e, d, p, n, o) {
             ])
           ], -1)
         ]))
-      ])) : c("", !0)
+      ])) : v("", !0)
     ]),
-    t("div", ae, [
+    t("div", de, [
       e[10] || (e[10] = t("h4", { class: "mb-0" }, [
         t("i", { class: "bi bi-ship me-2" }),
         w("Registered Vessels")
       ], -1)),
-      n.activeFilter !== "All" ? (l(), r("button", {
+      n.activeFilter !== "All" ? (o(), r("button", {
         key: 0,
         class: "btn btn-sm btn-outline-secondary",
-        onClick: e[3] || (e[3] = (...i) => o.clearFilter && o.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),
         w("Clear Filter ", -1)
-      ]))) : c("", !0)
+      ]))) : v("", !0)
     ]),
-    n.activeFilter !== "All" ? (l(), r("div", de, [
+    n.activeFilter !== "All" ? (o(), r("div", ue, [
       e[11] || (e[11] = w(" Showing ", -1)),
       t("strong", null, a(n.activeFilter), 1),
-      w(" vessels (" + a(o.filteredVessels.length) + ") ", 1)
-    ])) : c("", !0),
-    d.loading ? (l(), r("div", ue, e[12] || (e[12] = [
+      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"
@@ -418,75 +418,75 @@ function Re(s, e, d, p, n, o) {
         t("span", { class: "visually-hidden" }, "Loading...")
       ], -1),
       t("p", { class: "mt-2" }, "Loading vessels...", -1)
-    ]))) : !o.filteredVessels.length && n.activeFilter === "All" ? (l(), r("div", ce, 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)
-    ]))) : !o.filteredVessels.length && n.activeFilter !== "All" ? (l(), r("div", me, [
-      t("h4", ve, "No " + a(n.activeFilter) + " Vessels", 1),
-      t("p", pe, "There are no " + a(n.activeFilter.toLowerCase()) + " vessels in your fleet.", 1)
-    ])) : (l(), r("div", he, [
-      (l(!0), r(f, null, g(o.filteredVessels, (i) => (l(), r("div", {
+    ]))) : !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: (m) => o.handleVesselClick(i)
+          onClick: (c) => l.handleVesselClick(i)
         }, [
-          t("div", ge, [
+          t("div", be, [
             e[17] || (e[17] = t("div", { class: "vessel-icon v-left" }, [
               t("i", { class: "fas fa-ship" })
             ], -1)),
-            t("div", be, [
-              t("div", ye, [
-                t("h5", we, a(i.name), 1),
+            t("div", ye, [
+              t("div", we, [
+                t("h5", ke, a(i.name), 1),
                 t("span", {
-                  class: b(["vessel-status", o.statusClass(i.status)])
+                  class: b(["vessel-status", l.statusClass(i.status)])
                 }, a(i.status), 3)
               ]),
-              t("div", ke, [
-                t("div", Ce, [
+              t("div", Ce, [
+                t("div", _e, [
                   e[14] || (e[14] = t("small", { class: "text-muted" }, "Registration #:", -1)),
-                  t("p", _e, a(i.registrationNumber), 1)
+                  t("p", De, a(i.registrationNumber), 1)
                 ]),
-                i.date ? (l(), r("div", De, [
-                  i.status === "Active" ? (l(), r(f, { 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", xe, a(o.getDuration(i.date, i.registrationNumber)), 1)
-                  ], 64)) : (l(), r(f, { 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", Se, a(o.getDuration(i.date, i.registrationNumber)), 1)
+                    t("p", Fe, a(l.getDuration(i.date, i.registrationNumber)), 1)
                   ], 64))
-                ])) : (l(), r("div", Ae, [
+                ])) : (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((m) => o.setVesselDate(i.registrationNumber), ["stop"])
+                    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((m) => o.handleDeleteVessel(i), ["stop"])
-            }, null, 8, Ie)
+              onClick: _((c) => l.handleDeleteVessel(i), ["stop"])
+            }, null, 8, qe)
           ]),
           t("button", {
             class: "btn btn-primary",
-            onClick: D((m) => o.handleToggleStatus(i), ["stop"])
-          }, a(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, Fe)
-        ], 8, fe)
+            onClick: _((c) => l.handleToggleStatus(i), ["stop"])
+          }, a(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, Re)
+        ], 8, ge)
       ]))), 128))
     ]))
   ], 64);
 }
-const Ve = /* @__PURE__ */ S(Z, [["render", Re]]);
-const Me = {
+const Ne = /* @__PURE__ */ S(ee, [["render", Me]]);
+const Ee = {
   name: "DashHead",
   props: {
     name: {
@@ -511,29 +511,307 @@ const Me = {
       this.$emit("logged-in");
     }
   }
-}, Ne = { class: "page-header d-flex justify-content-between align-items-center" }, Ee = { style: { "margin-left": "20px" } }, Le = { class: "d-flex" };
-function Oe(s, e, d, p, n, o) {
-  return l(), r("div", Ne, [
-    t("h4", Ee, a(d.name), 1),
-    t("div", Le, [
-      this.userProfile.role == "owner" ? (l(), r("button", {
+}, 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) => o.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)
-      ]))) : c("", !0),
+      ]))) : v("", !0),
       t("button", {
         class: "btn btn-outline-primary",
-        onClick: e[1] || (e[1] = (i) => o.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(Me, [["render", Oe]]), $e = {
+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: {
@@ -791,8 +1069,8 @@ const Ue = /* @__PURE__ */ S(Me, [["render", Oe]]), $e = {
       }
       const s = /* @__PURE__ */ new Date(), e = new Date(this.form.nextDue);
       s.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0);
-      const d = e - s, p = Math.ceil(d / (1e3 * 60 * 60 * 24));
-      this.form.remainingDays = `${p} Days`;
+      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()) {
@@ -843,7 +1121,7 @@ const Ue = /* @__PURE__ */ S(Me, [["render", Oe]]), $e = {
       s.completed = !s.completed;
     },
     async resetTasks() {
-      const e = this.checklists.every((p) => p.completed) ? "Completed" : "Soon", d = {
+      const e = this.checklists.every((m) => m.completed) ? "Completed" : "Soon", d = {
         checklistProgress: [...this.checklists],
         status: e,
         component: this.currentTask,
@@ -853,8 +1131,8 @@ const Ue = /* @__PURE__ */ S(Me, [["render", Oe]]), $e = {
         updateData: d,
         file: this.fileattachments.file,
         tasks: this.tasks,
-        callback: (p, n) => {
-          p && (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");
         }
       });
     },
@@ -900,124 +1178,124 @@ const Ue = /* @__PURE__ */ S(Me, [["render", Oe]]), $e = {
       });
     }
   }
-}, je = { key: 0 }, Be = ["onClick"], He = { class: "content" }, Qe = {
+}, gt = { key: 0 }, bt = ["onClick"], yt = { class: "content" }, wt = {
   key: 0,
   class: "loading-container"
-}, Je = { key: 1 }, We = { class: "container" }, Ke = { class: "d-flex justify-content-between align-items-center" }, ze = { class: "progress-container" }, Ge = { class: "progress-info" }, Ye = { class: "progress-bar" }, Xe = { class: "checklist" }, Ze = ["onClick"], et = { key: 0 }, tt = ["onClick"], st = ["onClick"], it = { key: 0 }, nt = { class: "checklist" }, ot = { class: "checklist-item" }, lt = { class: "attachment-area" }, rt = {
+}, 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"
-}, at = { class: "form-group" }, dt = { class: "form-group" }, ut = { class: "input-group" }, ct = { class: "form-group" }, mt = { class: "form-group" }, vt = { class: "input-group" }, pt = { class: "form-group" }, ht = { class: "form-group" }, ft = { class: "input-group" }, gt = { class: "form-group" }, bt = { class: "form-group" }, yt = ["value"], wt = { class: "input-group" }, kt = { class: "form-group" }, Ct = { class: "input-group" }, _t = { class: "form-group" }, Dt = { class: "form-group" }, xt = { class: "form-group" }, St = { class: "checkbox-group" }, At = { class: "checkbox-item" }, Pt = { class: "checkbox-item" }, Tt = { class: "input-group" }, qt = { class: "form-group" }, It = { class: "form-group" }, Ft = { class: "form-group" }, Rt = { class: "attachment-area" }, Vt = { class: "action-buttons" }, Mt = ["disabled"], Nt = { class: "task-table-wrapper" }, Et = { class: "table-controls" }, Lt = { class: "filters" }, Ot = { class: "task-table" }, Ut = ["onClick"], $t = ["onClick"], jt = { key: 0 }, Bt = {
+}, 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"
-}, Ht = { class: "mb-0" }, Qt = {
+}, ys = { class: "mb-0" }, ws = {
   class: "report-container",
   ref: "reportContainer"
-}, Jt = { class: "report-info" }, Wt = { class: "info-box" }, Kt = { class: "info-box" }, zt = { class: "info-box" }, Gt = { class: "section" }, Yt = { class: "summary-grid" }, Xt = { class: "summary-card" }, Zt = { class: "summary-number" }, es = { class: "section" }, ts = { class: "task-header" }, ss = { class: "task-title" }, is = { class: "task-component" }, ns = { class: "task-details" }, os = { class: "detail-item" }, ls = { class: "detail-value" }, rs = { class: "detail-item" }, as = { class: "detail-value" }, ds = { class: "detail-item" }, us = { class: "detail-value" }, cs = { class: "detail-item" }, ms = { class: "detail-value" }, vs = { class: "detail-item" }, ps = { class: "detail-value" }, hs = { class: "detail-item" }, fs = { class: "detail-value" }, gs = {
+}, 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" }
-}, bs = { class: "detail-value" }, ys = {
+}, Js = { class: "detail-value" }, Ws = {
   key: 1,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, ws = { class: "detail-value" }, ks = {
+}, Ks = { class: "detail-value" }, Gs = {
   key: 2,
   class: "checklist-progress"
-}, Cs = { class: "progress-bar" }, _s = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, Ds = { class: "checklist-items" }, xs = { class: "checklist-icon" }, Ss = { class: "section" }, As = { class: "info-box" }, Ps = { class: "signature-section" }, Ts = { class: "signature-box" }, qs = { style: { "margin-top": "10px", color: "#666" } };
-function Is(s, e, d, p, n, o) {
-  return n.ready ? (l(), r("div", je, [
+}, 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, [
       h(t("nav", null, [
-        (l(!0), r(f, null, g(n.sections, (i) => (l(), r("button", {
+        (o(!0), r(f, null, g(n.sections, (i) => (o(), r("button", {
           key: i.id,
           class: b(["nav-btn", { active: n.activeSection === i.id }]),
-          onClick: (m) => o.handleSectionClick(i)
-        }, a(i.icon) + " " + a(i.name), 11, Be))), 128))
+          onClick: (c) => l.handleSectionClick(i)
+        }, a(i.icon) + " " + a(i.name), 11, bt))), 128))
       ], 512), [
-        [A, !n.showReport]
+        [F, !n.showReport]
       ]),
-      h(t("div", He, [
+      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 ? (l(), r("div", Qe, 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)
-          ]))) : c("", !0),
-          n.isLoading ? c("", !0) : (l(), r("form", Je, [
-            t("div", We, [
-              t("div", Ke, [
+          ]))) : 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)),
-                o.showAddTaskButton ? (l(), r("button", {
+                l.showAddTaskButton ? (o(), r("button", {
                   key: 0,
                   class: "btn btn-outline-custom",
-                  onClick: e[0] || (e[0] = D((i) => o.addTask(), ["prevent"]))
+                  onClick: e[0] || (e[0] = _((i) => l.addTask(), ["prevent"]))
                 }, e[28] || (e[28] = [
                   w(" Manually Add Task ", -1),
                   t("i", { class: "fas fa-plus" }, null, -1)
-                ]))) : c("", !0)
+                ]))) : v("", !0)
               ]),
-              t("div", ze, [
-                t("div", Ge, " Progress: " + a(o.progress) + "% (" + a(o.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: N({ width: o.progress + "%" })
+                    style: E({ width: l.progress + "%" })
                   }, null, 4)
                 ])
               ]),
-              t("ul", Xe, [
-                (l(!0), r(f, null, g(n.checklists, (i) => (l(), r("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: b(["checkbox", { checked: i.completed }]),
-                    onClick: (m) => o.toggleTask(i)
+                    onClick: (c) => l.toggleTask(i)
                   }, [
-                    i.completed ? (l(), r("span", et, "✓")) : c("", !0)
-                  ], 10, Ze),
+                    i.completed ? (o(), r("span", Pt, "✓")) : v("", !0)
+                  ], 10, At),
                   t("span", {
                     class: b(["task-text", { completed: i.completed }]),
-                    onClick: (m) => o.toggleTask(i)
-                  }, a(i.text), 11, tt),
-                  o.showAddTaskButton ? (l(), r("button", {
+                    onClick: (c) => l.toggleTask(i)
+                  }, a(i.text), 11, Tt),
+                  l.showAddTaskButton ? (o(), r("button", {
                     key: 0,
                     class: "delete-btn",
-                    onClick: (m) => o.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, st)) : c("", !0)
+                  ]), 8, It)) : v("", !0)
                 ]))), 128))
               ]),
-              n.after ? (l(), r("div", it, [
+              n.after ? (o(), r("div", qt, [
                 e[33] || (e[33] = t("label", null, "Upload Image Evidence", -1)),
-                t("ul", nt, [
-                  t("li", ot, [
+                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) => o.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)
                     ]))
                   ])
                 ])
-              ])) : (l(), r("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", lt, [
+                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) => o.handleImg && o.handleImg(...i))
+                    onChange: e[2] || (e[2] = (...i) => l.handleImg && l.handleImg(...i))
                   }, null, 32),
                   e[34] || (e[34] = t("label", {
                     for: "evidence-files",
@@ -1025,22 +1303,22 @@ function Is(s, e, d, p, n, o) {
                   }, "Browse Files", -1))
                 ])
               ])),
-              o.completedCount === n.checklists.length ? (l(), r("div", rt, " All tasks completed! ✅ ")) : c("", !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) => o.resetTasks && o.resetTasks(...i), ["prevent"]))
-              }, a(o.checklistButtonLabel), 1)
+                onClick: e[3] || (e[3] = _((...i) => l.resetTasks && l.resetTasks(...i), ["prevent"]))
+              }, a(l.checklistButtonLabel), 1)
             ])
           ]))
         ], 2), [
-          [A, n.activeSection === "maintenance"]
+          [F, n.activeSection === "maintenance"]
         ]),
         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", at, [
+            t("div", Vt, [
               e[38] || (e[38] = t("label", { for: "task-name" }, "Task Name", -1)),
               h(t("input", {
                 type: "text",
@@ -1051,7 +1329,7 @@ function Is(s, e, d, p, n, o) {
                 [k, n.form.taskName]
               ])
             ]),
-            t("div", dt, [
+            t("div", Lt, [
               e[39] || (e[39] = t("label", { for: "task-description" }, "Description", -1)),
               h(t("textarea", {
                 id: "task-description",
@@ -1061,8 +1339,8 @@ function Is(s, e, d, p, n, o) {
                 [k, n.form.description]
               ])
             ]),
-            t("div", ut, [
-              t("div", ct, [
+            t("div", $t, [
+              t("div", Ot, [
                 e[41] || (e[41] = t("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
                 h(t("select", {
                   id: "maintenance-type",
@@ -1071,10 +1349,10 @@ function Is(s, e, d, p, n, o) {
                 }, 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", mt, [
+              t("div", Ut, [
                 e[43] || (e[43] = t("label", { for: "component" }, "Component/System", -1)),
                 h(t("select", {
                   id: "component",
@@ -1083,9 +1361,9 @@ function Is(s, e, d, p, n, o) {
                 }, 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" ? h((l(), r("input", {
+                n.form.component === "Other" ? h((o(), r("input", {
                   key: 0,
                   type: "text",
                   placeholder: "Enter custom component/system",
@@ -1093,11 +1371,11 @@ function Is(s, e, d, p, n, o) {
                   style: { "margin-top": "8px" }
                 }, null, 512)), [
                   [k, n.form.customComponent]
-                ]) : c("", !0)
+                ]) : v("", !0)
               ])
             ]),
-            t("div", vt, [
-              t("div", pt, [
+            t("div", jt, [
+              t("div", Bt, [
                 e[45] || (e[45] = t("label", { for: "priority" }, "Priority", -1)),
                 h(t("select", {
                   id: "priority",
@@ -1109,10 +1387,10 @@ function Is(s, e, d, p, n, o) {
                   t("option", { value: "high" }, "High", -1),
                   t("option", { value: "critical" }, "Critical", -1)
                 ]), 512), [
-                  [_, n.form.priority]
+                  [D, n.form.priority]
                 ])
               ]),
-              t("div", ht, [
+              t("div", Ht, [
                 e[46] || (e[46] = t("label", { for: "status" }, "Status", -1)),
                 h(t("input", {
                   type: "text",
@@ -1124,8 +1402,8 @@ function Is(s, e, d, p, n, o) {
                 ])
               ])
             ]),
-            t("div", ft, [
-              t("div", gt, [
+            t("div", Qt, [
+              t("div", zt, [
                 e[47] || (e[47] = t("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
                 h(t("input", {
                   type: "number",
@@ -1138,23 +1416,23 @@ function Is(s, e, d, p, n, o) {
                 ])
               ])
             ]),
-            t("div", bt, [
+            t("div", Jt, [
               e[49] || (e[49] = t("label", { for: "assigned-to" }, "Assigned To", -1)),
               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)),
-                (l(!0), r(f, null, g(d.vesselCrew, (i) => (l(), r("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, yt))), 128))
+                }, a(i.name) + " - " + a(i.role), 9, Wt))), 128))
               ], 512), [
-                [_, n.form.assignedTo]
+                [D, n.form.assignedTo]
               ])
             ]),
-            t("div", wt, [
-              t("div", kt, [
+            t("div", Kt, [
+              t("div", Gt, [
                 e[51] || (e[51] = t("label", { for: "recurrence-type" }, "Recurrence", -1)),
                 h(t("select", {
                   id: "recurrence-type",
@@ -1163,12 +1441,12 @@ function Is(s, e, d, p, n, o) {
                 }, 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", Ct, [
-              t("div", _t, [
+            t("div", Yt, [
+              t("div", Xt, [
                 e[52] || (e[52] = t("label", { for: "last-performed" }, "Last Performed Date", -1)),
                 h(t("input", {
                   type: "date",
@@ -1178,7 +1456,7 @@ function Is(s, e, d, p, n, o) {
                   [k, n.form.lastPerformed]
                 ])
               ]),
-              t("div", Dt, [
+              t("div", Zt, [
                 e[53] || (e[53] = t("label", { for: "next-due" }, "Due Date", -1)),
                 h(t("input", {
                   type: "date",
@@ -1190,33 +1468,33 @@ function Is(s, e, d, p, n, o) {
                 ])
               ])
             ]),
-            t("div", xt, [
+            t("div", es, [
               e[56] || (e[56] = t("label", null, "Notifications", -1)),
-              t("div", St, [
-                t("div", At, [
+              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), [
-                    [E, n.form.notifyEmail]
+                    [V, n.form.notifyEmail]
                   ]),
                   e[54] || (e[54] = t("label", { for: "notify-email" }, "Email Notification", -1))
                 ]),
-                t("div", Pt, [
+                t("div", is, [
                   h(t("input", {
                     type: "checkbox",
                     id: "notify-sms",
                     "onUpdate:modelValue": e[17] || (e[17] = (i) => n.form.notifySms = i)
                   }, null, 512), [
-                    [E, n.form.notifySms]
+                    [V, n.form.notifySms]
                   ]),
                   e[55] || (e[55] = t("label", { for: "notify-sms" }, "SMS Notification", -1))
                 ])
               ])
             ]),
-            t("div", Tt, [
-              t("div", qt, [
+            t("div", ns, [
+              t("div", ls, [
                 e[58] || (e[58] = t("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
                 h(t("select", {
                   id: "reminder-days",
@@ -1224,11 +1502,11 @@ function Is(s, e, d, p, n, o) {
                 }, 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", It, [
+            t("div", os, [
               e[59] || (e[59] = t("label", { for: "schedule-notes" }, "Notes", -1)),
               h(t("textarea", {
                 id: "schedule-notes",
@@ -1237,15 +1515,15 @@ function Is(s, e, d, p, n, o) {
                 [k, n.form.notes]
               ])
             ]),
-            t("div", Ft, [
+            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) => o.handleFiles && o.handleFiles(...i)),
+                  onChange: e[20] || (e[20] = (...i) => l.handleFiles && l.handleFiles(...i)),
                   multiple: ""
                 }, null, 32),
                 e[60] || (e[60] = t("label", {
@@ -1254,36 +1532,36 @@ function Is(s, e, d, p, n, o) {
                 }, "Browse Files", -1))
               ])
             ]),
-            t("div", Vt, [
+            t("div", ds, [
               t("button", {
                 type: "button",
                 class: "btn btn-primary",
-                onClick: e[21] || (e[21] = D((...i) => o.saveSchedule && o.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, Mt)
+              }, a(n.isSaving ? "Saving..." : "Save Schedule"), 9, us)
             ])
           ])
         ], 2), [
-          [A, n.activeSection === "schedule"]
+          [F, n.activeSection === "schedule"]
         ]),
         h(t("section", {
           class: b(["form-section", { active: n.activeSection === "inventory" }])
         }, [
           e[68] || (e[68] = t("h2", null, "All Maintenance", -1)),
-          t("div", Nt, [
-            t("div", Et, [
-              t("div", Lt, [
+          t("div", cs, [
+            t("div", ms, [
+              t("div", vs, [
                 t("button", {
                   class: b({ active: n.activeFilter === "due" }),
-                  onClick: e[22] || (e[22] = (i) => o.setFilter("due"))
+                  onClick: e[22] || (e[22] = (i) => l.setFilter("due"))
                 }, "Due", 2),
                 t("button", {
                   class: b({ active: n.activeFilter === "all" }),
-                  onClick: e[23] || (e[23] = (i) => o.setFilter("all"))
+                  onClick: e[23] || (e[23] = (i) => l.setFilter("all"))
                 }, "All", 2),
                 t("button", {
                   class: b({ active: n.activeFilter === "completed" }),
-                  onClick: e[24] || (e[24] = (i) => o.setFilter("completed"))
+                  onClick: e[24] || (e[24] = (i) => l.setFilter("completed"))
                 }, "Completed", 2),
                 h(t("input", {
                   type: "text",
@@ -1294,7 +1572,7 @@ function Is(s, e, d, p, n, o) {
                 ])
               ])
             ]),
-            t("table", Ot, [
+            t("table", ps, [
               e[63] || (e[63] = t("thead", null, [
                 t("tr", null, [
                   t("th", null, "Equipment"),
@@ -1308,7 +1586,7 @@ function Is(s, e, d, p, n, o) {
                 ])
               ], -1)),
               t("tbody", null, [
-                (l(!0), r(f, null, g(o.filteredTasks, (i) => (l(), r("tr", {
+                (o(!0), r(f, null, g(l.filteredTasks, (i) => (o(), r("tr", {
                   key: i.id
                 }, [
                   t("td", null, a(i.component), 1),
@@ -1323,55 +1601,55 @@ function Is(s, e, d, p, n, o) {
                     }, a(i.status), 3)
                   ]),
                   t("td", null, [
-                    i.status === "Completed" ? (l(), r("button", {
+                    i.status === "Completed" ? (o(), r("button", {
                       key: 0,
-                      onClick: (m) => o.printMaintenance(i.component),
+                      onClick: (c) => l.printMaintenance(i.component),
                       class: "status-action"
-                    }, "Print", 8, Ut)) : (l(), r("button", {
+                    }, "Print", 8, hs)) : (o(), r("button", {
                       key: 1,
-                      onClick: (m) => o.showMaintenance(i.component),
+                      onClick: (c) => l.showMaintenance(i.component),
                       class: "status-action"
-                    }, "Start", 8, $t))
+                    }, "Start", 8, fs))
                   ])
                 ]))), 128))
               ])
             ]),
-            d.tasks.length ? c("", !0) : (l(), r("div", jt, [
-              t("div", Bt, [
+            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", Ht, [
+                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) => o.switchSchedule())
+                    onClick: e[26] || (e[26] = (i) => l.switchSchedule())
                   }, "Schedule")
                 ])
               ])
             ]))
           ])
         ], 2), [
-          [A, n.activeSection === "inventory"]
+          [F, n.activeSection === "inventory"]
         ])
       ], 512), [
-        [A, !n.showReport]
+        [F, !n.showReport]
       ]),
-      h(t("div", Qt, [
+      h(t("div", ws, [
         e[89] || (e[89] = t("div", { class: "header" }, [
           t("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
         ], -1)),
-        t("div", Jt, [
-          t("div", Wt, [
+        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", Kt, [
+          t("div", _s, [
             e[70] || (e[70] = t("div", { class: "info-label" }, "Report ID:", -1)),
             t("div", null, a(n.reportId), 1)
           ]),
-          t("div", zt, [
+          t("div", Ds, [
             e[71] || (e[71] = t("div", { class: "info-label" }, "Total Tasks:", -1)),
             t("div", null, a(n.maintenanceTasks.length), 1)
           ]),
@@ -1380,121 +1658,121 @@ function Is(s, e, d, p, n, o) {
             t("div", null, "OceanHelm System")
           ], -1))
         ]),
-        t("div", Gt, [
+        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", Xt, [
-              t("div", Zt, a(o.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", es, [
+        t("div", Ps, [
           e[85] || (e[85] = t("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
-          (l(!0), r(f, null, g(n.maintenanceTasks, (i) => (l(), r("div", {
+          (o(!0), r(f, null, g(n.maintenanceTasks, (i) => (o(), r("div", {
             key: i.taskName,
-            class: b(["task-item", o.getTaskStatusClass(i)])
+            class: b(["task-item", l.getTaskStatusClass(i)])
           }, [
-            t("div", ts, [
+            t("div", Ts, [
               t("div", null, [
-                t("div", ss, [
+                t("div", Is, [
                   w(a(i.taskName) + " ", 1),
                   t("span", {
                     class: b(["maintenance-type", "type-" + i.maintenanceType])
                   }, a(i.maintenanceType), 3)
                 ]),
-                t("div", is, "Component: " + a(i.component), 1)
+                t("div", qs, "Component: " + a(i.component), 1)
               ]),
               t("span", {
                 class: b(["status-badge", "status-" + i.status.toLowerCase().replace(" ", "-")])
               }, a(i.status), 3)
             ]),
-            t("div", ns, [
-              t("div", os, [
+            t("div", Rs, [
+              t("div", Ms, [
                 e[76] || (e[76] = t("div", { class: "detail-label" }, "Assigned To", -1)),
-                t("div", ls, a(i.assignedTo), 1)
+                t("div", Ns, a(i.assignedTo), 1)
               ]),
-              t("div", rs, [
+              t("div", Es, [
                 e[77] || (e[77] = t("div", { class: "detail-label" }, "Estimated Hours", -1)),
-                t("div", as, a(i.estimatedHours) + " hours", 1)
+                t("div", Vs, a(i.estimatedHours) + " hours", 1)
               ]),
-              t("div", ds, [
+              t("div", Ls, [
                 e[78] || (e[78] = t("div", { class: "detail-label" }, "Last Performed", -1)),
-                t("div", us, a(o.formatDate(i.lastPerformed)), 1)
+                t("div", $s, a(l.formatDate(i.lastPerformed)), 1)
               ]),
-              t("div", cs, [
+              t("div", Os, [
                 e[79] || (e[79] = t("div", { class: "detail-label" }, "Next Due", -1)),
-                t("div", ms, a(o.formatDate(i.nextDue)), 1)
+                t("div", Us, a(l.formatDate(i.nextDue)), 1)
               ]),
-              t("div", vs, [
+              t("div", js, [
                 e[80] || (e[80] = t("div", { class: "detail-label" }, "Recurrence", -1)),
-                t("div", ps, a(i.recurrence), 1)
+                t("div", Bs, a(i.recurrence), 1)
               ]),
-              t("div", hs, [
+              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 ? (l(), r("div", gs, [
+            i.description ? (o(), r("div", zs, [
               e[82] || (e[82] = t("div", { class: "detail-label" }, "Description", -1)),
-              t("div", bs, a(i.description), 1)
-            ])) : c("", !0),
-            i.notes ? (l(), r("div", ys, [
+              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", ws, a(i.notes), 1)
-            ])) : c("", !0),
-            i.checklistProgress && i.checklistProgress.length > 0 ? (l(), r("div", ks, [
+              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", Cs, [
+              t("div", Ys, [
                 t("div", {
                   class: "progress-fill",
-                  style: N({ width: o.getChecklistProgress(i) + "%" })
+                  style: E({ width: l.getChecklistProgress(i) + "%" })
                 }, null, 4)
               ]),
-              t("div", _s, a(o.getCompletedChecklistItems(i)) + " of " + a(i.checklistProgress.length) + " items completed (" + a(o.getChecklistProgress(i)) + "%) ", 1),
-              t("div", Ds, [
-                (l(!0), r(f, null, g(i.checklistProgress, (m, y) => (l(), r("div", {
+              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", xs, a(m.completed ? "✅" : "⭕"), 1),
-                  t("span", null, a(m.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))
               ])
-            ])) : c("", !0)
+            ])) : v("", !0)
           ], 2))), 128))
         ]),
-        t("div", Ss, [
+        t("div", ti, [
           e[86] || (e[86] = t("div", { class: "section-title" }, "📋 Recommendations", -1)),
-          t("div", As, [
+          t("div", si, [
             t("ul", null, [
-              (l(!0), r(f, null, g(o.generateRecommendations(), (i) => (l(), r("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", Ts, [
+          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), [
-        [A, n.showReport]
+        [F, n.showReport]
       ])
     ])
-  ])) : c("", !0);
+  ])) : v("", !0);
 }
-const Fs = /* @__PURE__ */ S($e, [["render", Is]]);
-const Rs = {
+const ri = /* @__PURE__ */ S(ft, [["render", oi]]);
+const ai = {
   name: "ActivityLogs",
   props: {
     loading: Boolean,
@@ -1524,23 +1802,23 @@ const Rs = {
       }[s] || "badge-view";
     }
   }
-}, Vs = { class: "activity-logs" }, Ms = { class: "a-controls" }, Ns = { class: "a-search-box" }, Es = ["value"], Ls = ["value"], Os = { class: "stats-grid" }, Us = { class: "stat-card" }, $s = { class: "value" }, js = { class: "stat-card" }, Bs = { class: "value" }, Hs = { class: "stat-card" }, Qs = { class: "value" }, Js = { class: "logs-container" }, Ws = {
+}, 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"
-}, Ks = {
+}, _i = {
   key: 1,
   class: "no-logs"
-}, zs = { key: 2 }, Gs = { class: "logs-table" }, Ys = { style: { color: "gray" } }, Xs = { style: { color: "gray" } }, Zs = { class: "pagination" }, ei = ["disabled"], ti = ["onClick"], si = ["disabled"];
-function ii(s, e, d, p, n, o) {
-  return l(), r("div", Vs, [
-    t("div", Ms, [
-      t("div", Ns, [
+}, 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: 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",
@@ -1548,7 +1826,7 @@ function ii(s, e, d, p, n, o) {
         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, Ls),
+      ]), 40, vi),
       t("button", {
         class: "btn btn-primary",
         onClick: e[2] || (e[2] = (i) => s.$emit("refresh"))
@@ -1558,33 +1836,33 @@ function ii(s, e, d, p, n, o) {
         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", $s, a(d.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", Bs, a(d.todayActivities), 1)
+        t("div", bi, a(d.todayActivities), 1)
       ]),
-      t("div", Hs, [
+      t("div", yi, [
         e[9] || (e[9] = t("h3", null, "Active Users", -1)),
-        t("div", Qs, a(d.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", Js, [
-      d.loading ? (l(), r("div", Ws, 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)
-      ]))) : d.logs.length === 0 ? (l(), r("div", Ks, 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)
-      ]))) : (l(), r("div", zs, [
-        t("table", Gs, [
+      ]))) : (o(), r("div", Di, [
+        t("table", xi, [
           e[13] || (e[13] = t("thead", null, [
             t("tr", null, [
               t("th", null, "Timestamp"),
@@ -1595,51 +1873,51 @@ function ii(s, e, d, p, n, o) {
             ])
           ], -1)),
           t("tbody", null, [
-            (l(!0), r(f, null, g(d.paginatedLogs, (i) => (l(), r("tr", {
+            (o(!0), r(f, null, g(d.paginatedLogs, (i) => (o(), r("tr", {
               key: i.id
             }, [
-              t("td", null, a(o.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: b(["activity-badge", o.getBadgeClass(i.action)])
+                  class: b(["activity-badge", l.getBadgeClass(i.action)])
                 }, a(i.action), 3)
               ]),
               t("td", null, [
                 w(a(i.details.status) + " ", 1),
-                (l(!0), r(f, null, g(i.details.information, (m, y) => (l(), r("div", { key: y }, [
+                (o(!0), r(f, null, g(i.details.information, (c, y) => (o(), r("div", { key: y }, [
                   t("strong", null, a(y) + ": ", 1),
-                  t("small", Xs, a(m.from || "") + " → " + a(m.to || m), 1)
+                  t("small", Fi, a(c.from || "") + " → " + a(c.to || c), 1)
                 ]))), 128))
               ]),
               t("td", null, a(i.table_name), 1)
             ]))), 128))
           ])
         ]),
-        t("div", Zs, [
+        t("div", Ai, [
           t("button", {
             onClick: e[4] || (e[4] = (i) => s.$emit("change-page", d.currentPage - 1)),
             disabled: d.currentPage === 1
-          }, " Previous ", 8, ei),
-          (l(!0), r(f, null, g(d.totalPages, (i) => (l(), r("button", {
+          }, " Previous ", 8, Pi),
+          (o(!0), r(f, null, g(d.totalPages, (i) => (o(), r("button", {
             key: i,
-            onClick: (m) => s.$emit("change-page", i),
+            onClick: (c) => s.$emit("change-page", i),
             class: b({ active: d.currentPage === i })
-          }, a(i), 11, ti))), 128)),
+          }, a(i), 11, Ti))), 128)),
           t("button", {
             onClick: e[5] || (e[5] = (i) => s.$emit("change-page", d.currentPage + 1)),
             disabled: d.currentPage === d.totalPages
-          }, " Next ", 8, si)
+          }, " Next ", 8, Ii)
         ])
       ]))
     ])
   ]);
 }
-const ni = /* @__PURE__ */ S(Rs, [["render", ii]]);
-const oi = {
+const Ri = /* @__PURE__ */ S(ai, [["render", qi]]);
+const Mi = {
   name: "CrewManagement",
   props: {
     crew: {
@@ -1681,6 +1959,7 @@ const oi = {
     "crew-delete",
     "crew-assign-shift",
     "crew-deboard",
+    "crew-checkin",
     "crew-add-certification",
     "crew-view-certification",
     "search-changed",
@@ -1733,18 +2012,18 @@ const oi = {
     allTimesheetEntries() {
       const s = [];
       return this.crew.forEach((e) => {
-        e.log && e.log.length > 0 && e.log.forEach((d, p) => {
+        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}-${p}`
+            uniqueId: `${e.id}-${m}`
           });
         });
       }), s.sort((e, d) => {
-        const p = new Date(e.timestamp), n = new Date(d.timestamp);
-        return this.timesheetSortOrder === "desc" ? n - p : p - n;
+        const m = new Date(e.timestamp), n = new Date(d.timestamp);
+        return this.timesheetSortOrder === "desc" ? n - m : m - n;
       });
     },
     filteredTimesheetEntries() {
@@ -1763,8 +2042,8 @@ const oi = {
     timesheetDateRange() {
       if (this.filteredTimesheetEntries.length === 0)
         return "N/A";
-      const s = this.filteredTimesheetEntries.map((n) => new Date(n.timestamp)), e = new Date(Math.min(...s)), d = new Date(Math.max(...s)), p = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-      return `${p(e)} - ${p(d)}`;
+      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");
@@ -1784,14 +2063,14 @@ const oi = {
   },
   methods: {
     hasPermission(s) {
-      const { role: e, vessel: d } = this.userProfile, p = d === this.vesselName;
-      let o = {
+      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"],
         viewer: ["view"]
       }[e] || [];
-      return e === "captain" && p && (o = [...o, "add"]), o.includes(s);
+      return e === "captain" && m && (l = [...l, "add"]), l.includes(s);
     },
     handleToggleAddForm() {
       if (!this.canAddCrew) {
@@ -1813,25 +2092,25 @@ const oi = {
     },
     sortTimesheetEntries(s) {
       const e = [...s];
-      return e.sort((d, p) => {
-        let n, o;
+      return e.sort((d, m) => {
+        let n, l;
         switch (this.timesheetSortKey) {
           case "timestamp":
-            n = new Date(d.timestamp), o = new Date(p.timestamp);
+            n = new Date(d.timestamp), l = new Date(m.timestamp);
             break;
           case "crewName":
-            n = d.crewName.toLowerCase(), o = p.crewName.toLowerCase();
+            n = d.crewName.toLowerCase(), l = m.crewName.toLowerCase();
             break;
           case "role":
-            n = d.role.toLowerCase(), o = p.role.toLowerCase();
+            n = d.role.toLowerCase(), l = m.role.toLowerCase();
             break;
           case "action":
-            n = d.action.toLowerCase(), o = p.action.toLowerCase();
+            n = d.action.toLowerCase(), l = m.action.toLowerCase();
             break;
           default:
             return 0;
         }
-        return n < o ? this.timesheetSortOrder === "asc" ? -1 : 1 : n > o ? this.timesheetSortOrder === "asc" ? 1 : -1 : 0;
+        return n < l ? this.timesheetSortOrder === "asc" ? -1 : 1 : n > l ? this.timesheetSortOrder === "asc" ? 1 : -1 : 0;
       }), e;
     },
     getTimesheetRowClass(s) {
@@ -1840,46 +2119,46 @@ const oi = {
     async handleAddCrewMember() {
       if (!this.validateForm())
         return;
-      const s = this.newCrew.certifications.filter(
-        (n) => n.name.trim() !== "" && n.expiryDate !== "" && n.imageFile !== null
-      );
-      if (s.length === 0) {
-        alert("Please add at least one complete certification with name, expiry date, and image.");
+      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.role === "Other" ? this.newCrew.customRole : this.newCrew.role, d = await Promise.all(
-        s.map(async (n, o) => {
-          const i = await this.uploadCertificationImage(n.imageFile, this.newCrew.email);
+      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: n.name,
-            expiryDate: n.expiryDate,
-            imageName: n.imageName,
-            imageType: n.imageType,
-            imageUrl: i.publicUrl
+            name: l.name,
+            expiryDate: l.expiryDate,
+            imageName: l.imageName,
+            imageType: l.imageType,
+            imageUrl: c.publicUrl
             // Add the public URL here
           };
         })
-      ), p = {
+      ), n = {
         name: this.newCrew.name,
-        role: e,
-        status: this.newCrew.status,
-        certifications: d,
+        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", p), 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, p) => {
+      return new Promise((d, m) => {
         this.$emit("upload-cert-image", {
           file: s,
           email: e,
           callback: (n) => {
-            n.error ? p(n.error) : d(n);
+            n.error ? m(n.error) : d(n);
           }
         });
       });
@@ -1913,6 +2192,13 @@ const oi = {
       }
       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);
@@ -1932,7 +2218,7 @@ const oi = {
         name: "",
         role: "Deckhand",
         customRole: "",
-        status: "available",
+        status: "Unavailable",
         nextShift: "",
         certifications: [{
           name: "",
@@ -1955,7 +2241,7 @@ const oi = {
       };
       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);
@@ -1977,14 +2263,14 @@ const oi = {
       const d = s.target.files[0];
       if (!d)
         return;
-      const p = this.newCrew.certifications[e];
-      if (p.imageFile = d, p.imageName = d.name, p.imageType = d.type.includes("pdf") ? "pdf" : "image", p.imageType === "image") {
+      const 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 = (o) => {
-          p.imagePreview = o.target.result;
+        n.onload = (l) => {
+          m.imagePreview = l.target.result;
         }, n.readAsDataURL(d);
       } else
-        p.imagePreview = "pdf";
+        m.imagePreview = "pdf";
     },
     removeCertImage(s) {
       const e = this.newCrew.certifications[s];
@@ -1999,7 +2285,9 @@ const oi = {
       return {
         available: "status-available",
         onduty: "status-onduty",
-        unavailable: "status-unavailable"
+        onboard: "status-onboard",
+        unavailable: "status-unavailable",
+        assigned: "status-assigned"
       }[s] || "";
     },
     getCertificationClass(s) {
@@ -2013,8 +2301,8 @@ const oi = {
     getExpiryStatus(s) {
       if (!s)
         return "none";
-      const e = new Date(s), d = /* @__PURE__ */ new Date(), p = /* @__PURE__ */ new Date();
-      return p.setMonth(d.getMonth() + 1), e <= d ? "expired" : e <= p ? "expiringSoon" : "valid";
+      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", {
@@ -2042,98 +2330,95 @@ const oi = {
       }[s] || "bi bi-circle-fill";
     }
   }
-}, li = { class: "crew-management" }, ri = {
+}, Ni = { class: "crew-management" }, Ei = {
   key: 0,
   class: "wave-bg"
-}, ai = { class: "crew-section" }, di = { class: "crew-section-header" }, ui = { class: "crew-subhead" }, ci = {
+}, Vi = { class: "crew-section" }, Li = { class: "crew-section-header" }, $i = { class: "crew-subhead" }, Oi = {
   key: 0,
   class: "search-filter"
-}, mi = {
+}, Ui = {
   key: 1,
   class: "loading-state"
-}, vi = {
+}, ji = {
   key: 2,
   class: "timesheet-view"
-}, pi = { class: "timesheet-header" }, hi = { class: "timesheet-controls" }, fi = { class: "timesheet-summary" }, gi = { class: "summary-card" }, bi = { class: "summary-value" }, yi = { class: "summary-card" }, wi = { class: "summary-value" }, ki = { class: "summary-card" }, Ci = { class: "summary-value" }, _i = {
+}, 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"
-}, Di = {
+}, Zi = {
   key: 1,
   class: "timesheet-table-container"
-}, xi = { class: "timesheet-table" }, Si = { class: "timestamp-cell" }, Ai = { class: "crew-name-cell" }, Pi = { class: "role-cell" }, Ti = { class: "action-cell" }, qi = { class: "vessel-cell" }, Ii = { class: "duration-cell" }, Fi = { class: "notes-cell" }, Ri = {
+}, 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"
-}, Vi = { class: "crew-name" }, Mi = { class: "crew-role" }, Ni = { class: "crew-certifications" }, Ei = ["onClick"], Li = ["onClick"], Oi = { class: "crew-availability" }, Ui = { class: "crew-availability" }, $i = { class: "action-buttons" }, ji = {
+}, 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"
-}, Bi = {
+}, yn = {
   key: 1,
   class: "status-unavailable crew-availability vcard"
-}, Hi = ["onClick"], Qi = ["onClick"], Ji = { class: "crew-footer" }, Wi = {
+}, wn = ["onClick"], kn = ["onClick"], Cn = ["onClick"], _n = { class: "crew-footer" }, Dn = {
   key: 0,
   class: "crew-log-toggle"
-}, Ki = ["onClick"], zi = ["onClick"], Gi = {
+}, xn = ["onClick"], Sn = ["onClick"], Fn = {
   key: 0,
   class: "crew-log"
-}, Yi = { class: "log-date" }, Xi = { class: "log-details" }, Zi = { key: 0 }, en = { key: 1 }, tn = {
+}, An = { class: "log-date" }, Pn = { class: "log-details" }, Tn = { key: 0 }, In = { key: 1 }, qn = {
   key: 0,
   class: "log-notes"
-}, sn = {
+}, Rn = {
   key: 4,
   class: "no-results"
-}, nn = {
+}, Mn = {
   key: 5,
   class: "add-crew-form"
-}, on = { class: "form-row" }, ln = { class: "form-group" }, rn = {
+}, Nn = { class: "form-row" }, En = { class: "form-group" }, Vn = {
   key: 0,
   class: "error-message"
-}, an = { class: "form-group" }, dn = ["value"], un = { class: "form-row" }, cn = { class: "form-group" }, mn = { class: "form-group" }, vn = {
+}, Ln = { class: "form-group" }, $n = ["value"], On = { class: "form-row" }, Un = { class: "form-group" }, jn = {
   key: 0,
   class: "error-message"
-}, pn = { class: "certification-section" }, hn = { class: "form-row" }, fn = { class: "form-group" }, gn = ["onUpdate:modelValue"], bn = { class: "form-group" }, yn = ["onUpdate:modelValue"], wn = { class: "form-group" }, kn = { class: "image-upload-wrapper" }, Cn = ["id", "onChange"], _n = ["for"], Dn = {
+}, 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"
-}, xn = ["src"], Sn = {
+}, el = ["src"], tl = {
   key: 1,
   class: "pdf-preview"
-}, An = ["onClick"], Pn = {
+}, sl = ["onClick"], il = {
   key: 1,
   class: "file-name"
-}, Tn = {
+}, nl = {
   class: "form-group",
   style: { display: "flex", "align-items": "flex-end" }
-}, qn = ["onClick"], In = { class: "form-row" }, Fn = { class: "form-group" }, Rn = { class: "form-actions" };
-function Vn(s, e, d, p, n, o) {
-  return l(), r("div", li, [
-    d.config.showWaveBackground ? (l(), r("div", ri)) : c("", !0),
-    t("div", ai, [
-      t("div", di, [
-        t("h4", ui, a(o.sectionTitle), 1),
-        o.canAddCrew ? (l(), r("button", {
+}, 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) => o.handleToggleAddForm && o.handleToggleAddForm(...i))
-        }, a(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : c("", !0)
+          onClick: e[0] || (e[0] = (...i) => l.handleToggleAddForm && l.handleToggleAddForm(...i))
+        }, a(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : v("", !0)
       ]),
-      n.showAddForm ? c("", !0) : (l(), r("div", ci, [
+      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) => o.handleSearch && o.handleSearch(...i))
+          onInput: e[2] || (e[2] = (...i) => l.handleSearch && l.handleSearch(...i))
         }, null, 544), [
           [k, n.searchQuery]
         ]),
         h(t("select", {
           "onUpdate:modelValue": e[3] || (e[3] = (i) => n.filterStatus = i),
-          onChange: e[4] || (e[4] = (...i) => o.handleFilter && o.handleFilter(...i))
-        }, e[22] || (e[22] = [
-          t("option", { value: "all" }, "All Statuses", -1),
-          t("option", { value: "available" }, "Available", -1),
-          t("option", { value: "onduty" }, "On Duty", -1),
-          t("option", { value: "unavailable" }, "Unavailable", -1)
+          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",
@@ -2145,7 +2430,7 @@ function Vn(s, e, d, p, n, o) {
           w(" " + a(n.showTimesheet ? "Show Crew Cards" : "Show Timesheet"), 1)
         ])
       ])),
-      d.loading && !n.showAddForm ? (l(), r("div", mi, e[23] || (e[23] = [
+      d.loading && !n.showAddForm ? (o(), r("div", Ui, e[22] || (e[22] = [
         t("div", {
           class: "spinner-border text-primary",
           role: "status"
@@ -2153,20 +2438,20 @@ function Vn(s, e, d, p, n, o) {
           t("span", { class: "visually-hidden" }, "Loading crew...")
         ], -1),
         t("p", null, "Loading crew members...", -1)
-      ]))) : n.showTimesheet && !n.showAddForm ? (l(), r("div", vi, [
-        t("div", pi, [
-          e[25] || (e[25] = t("h3", null, [
+      ]))) : 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, [
+          t("div", Hi, [
             h(t("select", {
               "onUpdate:modelValue": e[6] || (e[6] = (i) => n.timesheetFilter = i),
-              onChange: e[7] || (e[7] = (...i) => o.filterTimesheet && o.filterTimesheet(...i))
-            }, e[24] || (e[24] = [
+              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), [
-              [_, n.timesheetFilter]
+              [D, n.timesheetFilter]
             ]),
             h(t("input", {
               type: "text",
@@ -2178,168 +2463,173 @@ function Vn(s, e, d, p, n, o) {
             ])
           ])
         ]),
-        t("div", fi, [
-          t("div", gi, [
-            e[26] || (e[26] = t("span", { class: "summary-label" }, "Total Entries:", -1)),
-            t("span", bi, a(o.filteredTimesheetEntries.length), 1)
+        t("div", 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", yi, [
-            e[27] || (e[27] = t("span", { class: "summary-label" }, "Crew Members:", -1)),
-            t("span", wi, a(o.uniqueCrewCount), 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", ki, [
-            e[28] || (e[28] = t("span", { class: "summary-label" }, "Date Range:", -1)),
-            t("span", Ci, a(o.timesheetDateRange), 1)
+          t("div", Gi, [
+            e[27] || (e[27] = t("span", { class: "summary-label" }, "Date Range:", -1)),
+            t("span", Yi, a(l.timesheetDateRange), 1)
           ])
         ]),
-        o.filteredTimesheetEntries.length === 0 ? (l(), r("div", _i, " No timesheet entries found. ")) : (l(), r("div", Di, [
-          t("table", xi, [
+        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) => o.sortTimesheet("timestamp"))
-                }, e[29] || (e[29] = [
+                  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) => o.sortTimesheet("crewName"))
-                }, e[30] || (e[30] = [
+                  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) => o.sortTimesheet("role"))
-                }, e[31] || (e[31] = [
+                  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) => o.sortTimesheet("action"))
-                }, e[32] || (e[32] = [
+                  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[33] || (e[33] = t("th", null, "Vessel", -1)),
-                e[34] || (e[34] = t("th", null, "Duration", -1)),
-                e[35] || (e[35] = t("th", null, "Notes", -1))
+                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, [
-              (l(!0), r(f, null, g(o.filteredTimesheetEntries, (i) => (l(), r("tr", {
+              (o(!0), r(f, null, g(l.filteredTimesheetEntries, (i) => (o(), r("tr", {
                 key: i.uniqueId,
-                class: b(o.getTimesheetRowClass(i.action))
+                class: b(l.getTimesheetRowClass(i.action))
               }, [
-                t("td", Si, a(o.formatLogDate(i.timestamp)), 1),
-                t("td", Ai, [
+                t("td", tn, a(l.formatLogDate(i.timestamp)), 1),
+                t("td", sn, [
                   t("strong", null, a(i.crewName), 1)
                 ]),
-                t("td", Pi, a(i.role), 1),
-                t("td", Ti, [
+                t("td", nn, a(i.role), 1),
+                t("td", ln, [
                   t("span", {
-                    class: b(["action-badge", o.getLogActionClass(i.action)])
+                    class: b(["action-badge", l.getLogActionClass(i.action)])
                   }, [
                     t("i", {
-                      class: b(o.getLogIcon(i.action))
+                      class: b(l.getLogIcon(i.action))
                     }, null, 2),
                     w(" " + a(i.action), 1)
                   ], 2)
                 ]),
-                t("td", qi, a(i.vessel || "N/A"), 1),
-                t("td", Ii, a(i.duration ? i.duration + " days" : "N/A"), 1),
-                t("td", Fi, a(i.notes || "-"), 1)
+                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))
             ])
           ])
         ]))
-      ])) : o.filteredCrew.length > 0 && !n.showAddForm ? (l(), r("div", Ri, [
-        (l(!0), r(f, null, g(o.filteredCrew, (i) => (l(), r("div", {
+      ])) : 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: b(["crew-card", { unavailable: i.status === "unavailable" }])
         }, [
           t("div", {
-            class: b(["crew-status-badge", o.getStatusClass(i.status)])
-          }, a(o.formatStatus(i.status)), 3),
-          t("div", Vi, a(i.name), 1),
-          t("div", Mi, a(i.role), 1),
-          t("div", Ni, [
-            (l(!0), r(f, null, g(i.certifications, (m) => (l(), r("div", {
-              key: m.name,
-              class: b(["certification-tag", o.getCertificationClass(m.expiryDate)]),
-              onClick: (y) => o.handleViewCertification(m, i)
-            }, a(m.name), 11, Ei))), 128)),
-            o.canEditCrew ? (l(), r("i", {
+            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: (m) => o.handleAddCertification(i)
-            }, null, 8, Li)) : c("", !0)
+              onClick: (c) => l.handleAddCertification(i)
+            }, null, 8, pn)) : v("", !0)
           ]),
-          t("div", Oi, [
-            e[36] || (e[36] = t("strong", null, "Embarkation Date:", -1)),
+          t("div", hn, [
+            e[35] || (e[35] = t("strong", null, "Embarkation Date:", -1)),
             w(" " + a(i.nextShift || "Not Scheduled"), 1)
           ]),
-          t("div", Ui, [
-            e[37] || (e[37] = t("strong", null, "Expected Days Onboard (in days):", -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", $i, [
-            i.vessel ? (l(), r("div", ji, " Vessel: " + a(i.vessel), 1)) : (l(), r("div", Bi, " Vessel: Unassigned ")),
-            o.canAssignShift && i.status !== "onduty" ? (l(), r("button", {
+          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: (m) => o.handleAssignShift(i)
-            }, " Assign Shift ", 8, Hi)) : c("", !0),
-            o.canDeboardCrew && i.status === "onduty" ? (l(), r("button", {
+              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: (m) => o.handleDeboardCrew(i)
-            }, " Deboard ", 8, Qi)) : c("", !0)
+              onClick: (c) => l.handleDeboardCrew(i)
+            }, " Deboard ", 8, Cn)) : v("", !0)
           ]),
-          t("div", Ji, [
-            i.log && i.log.length > 0 ? (l(), r("div", Wi, [
+          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: (m) => o.toggleCrewLog(i.id)
+                onClick: (c) => l.toggleCrewLog(i.id)
               }, [
-                e[38] || (e[38] = t("i", { class: "bi bi-clock-history" }, null, -1)),
+                e[37] || (e[37] = t("i", { class: "bi bi-clock-history" }, null, -1)),
                 w(" View Log (" + a(i.log.length) + ") ", 1)
-              ], 8, Ki)
-            ])) : c("", !0),
-            o.canDeleteCrew ? (l(), r("i", {
+              ], 8, xn)
+            ])) : v("", !0),
+            l.canDeleteCrew ? (o(), r("i", {
               key: 1,
               class: "bi bi-trash icon delete-icon",
-              onClick: (m) => o.handleDeleteCrew(i)
-            }, null, 8, zi)) : c("", !0)
+              onClick: (c) => l.handleDeleteCrew(i)
+            }, null, 8, Sn)) : v("", !0)
           ]),
-          n.expandedLogs.includes(i.id) ? (l(), r("div", Gi, [
-            e[39] || (e[39] = t("h4", null, "Crew Activity Log", -1)),
-            (l(!0), r(f, null, g(i.log, (m, y) => (l(), r("div", {
+          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", Yi, a(o.formatLogDate(m.timestamp)), 1),
+              t("div", An, a(l.formatLogDate(c.timestamp)), 1),
               t("div", {
-                class: b(["log-action", o.getLogActionClass(m.action)])
+                class: b(["log-action", l.getLogActionClass(c.action)])
               }, [
                 t("i", {
-                  class: b(o.getLogIcon(m.action))
+                  class: b(l.getLogIcon(c.action))
                 }, null, 2),
-                w(" " + a(m.action), 1)
+                w(" " + a(c.action), 1)
               ], 2),
-              t("div", Xi, [
-                m.vessel ? (l(), r("span", Zi, "Vessel: " + a(m.vessel), 1)) : c("", !0),
-                m.duration ? (l(), r("span", en, " | Duration: " + a(m.duration) + " days", 1)) : c("", !0)
+              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)
               ]),
-              m.notes ? (l(), r("div", tn, a(m.notes), 1)) : c("", !0)
+              c.notes ? (o(), r("div", qn, a(c.notes), 1)) : v("", !0)
             ]))), 128))
-          ])) : c("", !0)
+          ])) : v("", !0)
         ], 2))), 128))
-      ])) : !d.loading && !n.showTimesheet && !n.showAddForm ? (l(), r("div", sn, a(d.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)) : c("", !0),
-      n.showAddForm ? (l(), r("div", nn, [
-        e[54] || (e[54] = t("h2", null, "Add New Crew Member", -1)),
-        t("div", on, [
-          t("div", ln, [
-            e[40] || (e[40] = t("label", { for: "crew-name" }, "Full Name *", -1)),
+      ])) : !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",
@@ -2348,23 +2638,23 @@ function Vn(s, e, d, p, n, o) {
             }, null, 2), [
               [k, n.newCrew.name]
             ]),
-            n.formErrors.name ? (l(), r("div", rn, a(n.formErrors.name), 1)) : c("", !0)
+            n.formErrors.name ? (o(), r("div", Vn, a(n.formErrors.name), 1)) : v("", !0)
           ]),
-          t("div", an, [
-            e[42] || (e[42] = t("label", { for: "crew-role" }, "Role/Position *", -1)),
+          t("div", Ln, [
+            e[41] || (e[41] = t("label", { for: "crew-role" }, "Role/Position *", -1)),
             h(t("select", {
               id: "crew-role",
               "onUpdate:modelValue": e[14] || (e[14] = (i) => n.newCrew.role = i)
             }, [
-              (l(!0), r(f, null, g(d.availableRoles, (i) => (l(), r("option", {
+              (o(!0), r(f, null, g(d.availableRoles, (i) => (o(), r("option", {
                 key: i,
                 value: i
-              }, a(i), 9, dn))), 128)),
-              e[41] || (e[41] = 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" ? h((l(), r("input", {
+            n.newCrew.role === "Other" ? h((o(), r("input", {
               key: 0,
               type: "text",
               placeholder: "Enter custom role",
@@ -2372,143 +2662,130 @@ function Vn(s, e, d, p, n, o) {
               style: { "margin-top": "8px" }
             }, null, 512)), [
               [k, n.newCrew.customRole]
-            ]) : c("", !0)
+            ]) : v("", !0)
           ])
         ]),
-        t("div", un, [
-          t("div", cn, [
-            e[44] || (e[44] = t("label", { for: "crew-status" }, "Status *", -1)),
-            h(t("select", {
-              id: "crew-status",
-              "onUpdate:modelValue": e[16] || (e[16] = (i) => n.newCrew.status = i)
-            }, e[43] || (e[43] = [
-              t("option", { value: "available" }, "Available", -1),
-              t("option", { value: "onduty" }, "On Duty", -1),
-              t("option", { value: "unavailable" }, "Unavailable", -1)
-            ]), 512), [
-              [_, n.newCrew.status]
-            ])
-          ]),
-          t("div", mn, [
-            e[45] || (e[45] = t("label", { for: "crew-email" }, "Email Address *", -1)),
+        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[17] || (e[17] = (i) => n.newCrew.email = i),
+              "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 ? (l(), r("div", vn, a(n.formErrors.email), 1)) : c("", !0)
+            n.formErrors.email ? (o(), r("div", jn, a(n.formErrors.email), 1)) : v("", !0)
           ])
         ]),
-        t("div", pn, [
-          e[52] || (e[52] = t("h3", null, "Certifications", -1)),
-          (l(!0), r(f, null, g(n.newCrew.certifications, (i, m) => (l(), r("div", {
-            key: m,
+        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", hn, [
-              t("div", fn, [
-                e[46] || (e[46] = t("label", null, "Certification Name *", -1)),
+            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, gn), [
+                }, null, 8, zn), [
                   [k, i.name]
                 ])
               ]),
-              t("div", bn, [
-                e[47] || (e[47] = t("label", null, "Expiry Date *", -1)),
+              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, yn), [
+                }, null, 8, Wn), [
                   [k, i.expiryDate]
                 ])
               ]),
-              t("div", wn, [
-                e[51] || (e[51] = t("label", null, "Certificate Image *", -1)),
-                t("div", kn, [
+              t("div", Kn, [
+                e[48] || (e[48] = t("label", null, "Certificate Image *", -1)),
+                t("div", Gn, [
                   t("input", {
                     type: "file",
-                    id: "cert-image-" + m,
-                    onChange: (y) => o.handleCertImageUpload(y, m),
+                    id: "cert-image-" + c,
+                    onChange: (y) => l.handleCertImageUpload(y, c),
                     accept: "image/*,.pdf",
                     class: "file-input"
-                  }, null, 40, Cn),
+                  }, null, 40, Yn),
                   t("label", {
-                    for: "cert-image-" + m,
+                    for: "cert-image-" + c,
                     class: "file-input-label"
                   }, [
-                    e[48] || (e[48] = t("i", { class: "bi bi-cloud-upload" }, null, -1)),
+                    e[45] || (e[45] = t("i", { class: "bi bi-cloud-upload" }, null, -1)),
                     w(" " + a(i.imagePreview ? "Change File" : "Upload File"), 1)
-                  ], 8, _n),
-                  i.imagePreview ? (l(), r("div", Dn, [
-                    i.imageType !== "pdf" ? (l(), r("img", {
+                  ], 8, Xn),
+                  i.imagePreview ? (o(), r("div", Zn, [
+                    i.imageType !== "pdf" ? (o(), r("img", {
                       key: 0,
                       src: i.imagePreview,
                       alt: "Certificate preview"
-                    }, null, 8, xn)) : (l(), r("div", Sn, [
-                      e[49] || (e[49] = t("i", { class: "bi bi-file-pdf" }, null, -1)),
+                    }, 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) => o.removeCertImage(m)
-                    }, e[50] || (e[50] = [
+                      onClick: (y) => l.removeCertImage(c)
+                    }, e[47] || (e[47] = [
                       t("i", { class: "bi bi-x-circle" }, null, -1)
-                    ]), 8, An)
-                  ])) : c("", !0),
-                  i.imageName ? (l(), r("small", Pn, a(i.imageName), 1)) : c("", !0)
+                    ]), 8, sl)
+                  ])) : v("", !0),
+                  i.imageName ? (o(), r("small", il, a(i.imageName), 1)) : v("", !0)
                 ])
               ]),
-              t("div", Tn, [
-                n.newCrew.certifications.length > 1 ? (l(), r("button", {
+              t("div", nl, [
+                n.newCrew.certifications.length > 1 ? (o(), r("button", {
                   key: 0,
                   type: "button",
                   class: "btn btn-danger btn-sm",
-                  onClick: (y) => o.removeCertification(m)
-                }, " Remove ", 8, qn)) : c("", !0)
+                  onClick: (y) => l.removeCertification(c)
+                }, " Remove ", 8, ll)) : v("", !0)
               ])
             ])
           ]))), 128)),
           t("button", {
             type: "button",
             class: "btn btn-secondary btn-sm",
-            onClick: e[18] || (e[18] = (...i) => o.addCertificationEntry && o.addCertificationEntry(...i))
+            onClick: e[17] || (e[17] = (...i) => l.addCertificationEntry && l.addCertificationEntry(...i))
           }, " + Add More Certification ")
         ]),
-        t("div", In, [
-          t("div", Fn, [
-            e[53] || (e[53] = t("label", { for: "crew-notes" }, "Notes", -1)),
+        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[19] || (e[19] = (i) => n.newCrew.notes = i)
+              "onUpdate:modelValue": e[18] || (e[18] = (i) => n.newCrew.notes = i)
             }, null, 512), [
               [k, n.newCrew.notes]
             ])
           ])
         ]),
-        t("div", Rn, [
+        t("div", al, [
           t("button", {
             class: "btn btn-secondary",
-            onClick: e[20] || (e[20] = (...i) => o.handleCancelForm && o.handleCancelForm(...i))
+            onClick: e[19] || (e[19] = (...i) => l.handleCancelForm && l.handleCancelForm(...i))
           }, "Cancel"),
           t("button", {
             class: "btn btn-primary",
-            onClick: e[21] || (e[21] = (...i) => o.handleAddCrewMember && o.handleAddCrewMember(...i))
+            onClick: e[20] || (e[20] = (...i) => l.handleAddCrewMember && l.handleAddCrewMember(...i))
           }, "Add Crew Member")
         ])
-      ])) : c("", !0)
+      ])) : v("", !0)
     ])
   ]);
 }
-const Mn = /* @__PURE__ */ S(oi, [["render", Vn]]);
-const Nn = {
+const ul = /* @__PURE__ */ S(Mi, [["render", dl]]);
+const cl = {
   name: "RequisitionSystem",
   props: {
     userProfile: {
@@ -2756,75 +3033,75 @@ const Nn = {
   created() {
     this.addItem();
   }
-}, En = { class: "s-container container" }, Ln = { class: "nav-tabs" }, On = ["onClick"], Un = {
+}, ml = { class: "s-container container" }, vl = { class: "nav-tabs" }, pl = ["onClick"], hl = {
   key: 0,
   class: "tab-content active"
-}, $n = { class: "form-grid" }, jn = { class: "form-group" }, Bn = ["value"], Hn = { class: "form-group" }, Qn = ["value"], Jn = { class: "form-group" }, Wn = ["value"], Kn = { class: "form-group" }, zn = { class: "form-group" }, Gn = { class: "items-section" }, Yn = { class: "items-header" }, Xn = { class: "form-group" }, Zn = ["onUpdate:modelValue"], eo = { class: "form-group" }, to = ["onUpdate:modelValue"], so = { class: "form-group" }, io = ["onUpdate:modelValue"], no = { class: "form-group" }, oo = ["onUpdate:modelValue"], lo = ["value"], ro = { class: "form-group" }, ao = ["onUpdate:modelValue"], uo = ["onClick"], co = {
+}, 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"
-}, mo = { class: "requisition-list" }, vo = { class: "requisition-header" }, po = { class: "requisition-id" }, ho = { class: "requisition-details" }, fo = { class: "detail-label" }, go = { class: "detail-value" }, bo = {
+}, 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"
-}, yo = ["onClick"], wo = {
+}, Jl = ["onClick"], Wl = {
   key: 2,
   class: "tab-content active"
-}, ko = { class: "requisition-list" }, Co = { class: "requisition-header" }, _o = { class: "requisition-id" }, Do = { class: "requisition-details" }, xo = { class: "detail-label" }, So = { class: "detail-value" }, Ao = {
+}, 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"
-}, Po = ["onClick"], To = {
+}, so = ["onClick"], io = {
   key: 3,
   class: "tab-content active"
-}, qo = {
+}, no = {
   class: "requisition-list",
   id: "approvalsQueue"
-}, Io = { class: "requisition-header" }, Fo = { class: "requisition-id" }, Ro = { class: "requisition-details" }, Vo = { class: "detail-label" }, Mo = { class: "detail-value" }, No = { class: "detail-item" }, Eo = { class: "detail-value" }, Lo = { class: "detail-item" }, Oo = { class: "item-list" }, Uo = ["onClick"], $o = ["onClick"], jo = ["onClick"], Bo = {
+}, 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"
-}, Ho = {
+}, yo = {
   class: "requisition-list",
   id: "purchasingQueue"
-}, Qo = { class: "requisition-header" }, Jo = { class: "requisition-id" }, Wo = { class: "requisition-details" }, Ko = { class: "detail-label" }, zo = { class: "detail-value" }, Go = { class: "detail-item" }, Yo = { class: "detail-value" }, Xo = { class: "detail-item" }, Zo = { class: "item-list" }, el = ["onClick"], tl = {
+}, 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"
-}, sl = {
+}, Io = {
   class: "requisition-list",
   id: "receivingQueue"
-}, il = { class: "requisition-header" }, nl = { class: "requisition-id" }, ol = { class: "requisition-details" }, ll = { class: "detail-label" }, rl = { class: "detail-value" }, al = { class: "detail-item" }, dl = { class: "detail-value" }, ul = { class: "detail-item" }, cl = { class: "item-list" }, ml = ["onClick"], vl = {
+}, 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"
-}, pl = {
+}, Bo = {
   class: "po-content",
   id: "po-content"
-}, hl = { class: "po-header" }, fl = { class: "company-info" }, gl = { class: "info-row" }, bl = { class: "info-value" }, yl = { class: "info-row" }, wl = { class: "info-value" }, kl = { class: "info-row" }, Cl = { class: "info-value" }, _l = { class: "info-row" }, Dl = { class: "info-value" }, xl = { class: "info-row" }, Sl = { class: "info-value" }, Al = { class: "company-info" }, Pl = { class: "info-row" }, Tl = { class: "info-value" }, ql = { class: "info-row" }, Il = { class: "info-value" }, Fl = { class: "info-row" }, Rl = { class: "info-value" }, Vl = { class: "info-row" }, Ml = { class: "info-value" }, Nl = { class: "info-row" }, El = { class: "info-value" }, Ll = { class: "items-section" }, Ol = { class: "items-table" }, Ul = { key: 0 }, $l = { key: 0 }, jl = {
+}, 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"
-}, Bl = ["onUpdate:modelValue"], Hl = { key: 0 }, Ql = ["onClick"], Jl = { key: 1 }, Wl = ["onClick"], Kl = ["onClick"], zl = {
+}, br = ["onUpdate:modelValue"], yr = { key: 0 }, wr = ["onClick"], kr = { key: 1 }, Cr = ["onClick"], _r = ["onClick"], Dr = {
   key: 0,
   class: "justification-note"
-}, Gl = { class: "totals" }, Yl = { class: "total-row" }, Xl = { class: "total-row" }, Zl = { class: "total-row" }, er = { class: "total-row grand-total" }, tr = { class: "modal-content" }, sr = { style: { "margin-bottom": "15px", color: "#666" } }, ir = { class: "modal-buttons" }, nr = ["disabled"], or = {
+}, 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 lr(s, e, d, p, n, o) {
-  var i, m, y, P, T, q, I, F, R, V, M;
-  return l(), r("div", En, [
+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", Ln, [
-      (l(!0), r(f, null, g(o.visibleTabs, (u) => (l(), r("button", {
+    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: (v) => o.setActiveTab(u.name)
-      }, a(u.label), 11, On))), 128))
+        onClick: (p) => l.setActiveTab(u.name)
+      }, a(u.label), 11, pl))), 128))
     ]),
-    n.activeTab === "new-requisition" ? (l(), r("div", Un, [
+    n.activeTab === "new-requisition" ? (o(), r("div", hl, [
       t("form", {
-        onSubmit: e[5] || (e[5] = D((...u) => o.handleSubmitRequisition && o.handleSubmitRequisition(...u), ["prevent"]))
+        onSubmit: e[5] || (e[5] = _((...u) => l.handleSubmitRequisition && l.handleSubmitRequisition(...u), ["prevent"]))
       }, [
-        t("div", $n, [
-          t("div", jn, [
+        t("div", fl, [
+          t("div", gl, [
             e[12] || (e[12] = t("label", null, "Requestor Name *", -1)),
             t("input", {
               type: "text",
@@ -2832,24 +3109,24 @@ function lr(s, e, d, p, n, o) {
               readonly: "",
               required: "",
               class: "form-control"
-            }, null, 8, Bn)
+            }, null, 8, bl)
           ]),
-          t("div", Hn, [
+          t("div", yl, [
             e[14] || (e[14] = t("label", null, "Department *", -1)),
             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)),
-              (l(!0), r(f, null, g(n.departments, (u) => (l(), r("option", {
+              (o(!0), r(f, null, g(n.departments, (u) => (o(), r("option", {
                 key: u,
                 value: u
-              }, a(u), 9, Qn))), 128))
+              }, a(u), 9, wl))), 128))
             ], 512), [
-              [_, n.form.department]
+              [D, n.form.department]
             ])
           ]),
-          t("div", Jn, [
+          t("div", kl, [
             e[16] || (e[16] = t("label", null, "Vessel *", -1)),
             h(t("select", {
               "onUpdate:modelValue": e[1] || (e[1] = (u) => n.form.project = u),
@@ -2860,15 +3137,15 @@ function lr(s, e, d, p, n, o) {
                 disabled: "",
                 value: ""
               }, "Select a vessel", -1)),
-              (l(!0), r(f, null, g(d.vessels, (u) => (l(), r("option", {
+              (o(!0), r(f, null, g(d.vessels, (u) => (o(), r("option", {
                 key: u.id,
                 value: u.name
-              }, a(u.name), 9, Wn))), 128))
+              }, a(u.name), 9, Cl))), 128))
             ], 512), [
-              [_, n.form.project]
+              [D, n.form.project]
             ])
           ]),
-          t("div", Kn, [
+          t("div", _l, [
             e[17] || (e[17] = t("label", null, "Date Needed *", -1)),
             h(t("input", {
               type: "date",
@@ -2879,7 +3156,7 @@ function lr(s, e, d, p, n, o) {
             ])
           ])
         ]),
-        t("div", zn, [
+        t("div", Dl, [
           e[18] || (e[18] = t("label", null, "Business Justification *", -1)),
           h(t("textarea", {
             "onUpdate:modelValue": e[3] || (e[3] = (u) => n.form.justification = u),
@@ -2889,48 +3166,48 @@ function lr(s, e, d, p, n, o) {
             [k, n.form.justification]
           ])
         ]),
-        t("div", Gn, [
-          t("div", Yn, [
+        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] = (...u) => o.addItem && o.addItem(...u))
+              onClick: e[4] || (e[4] = (...u) => l.addItem && l.addItem(...u))
             }, "+ Add Item")
           ]),
           t("div", null, [
-            (l(!0), r(f, null, g(n.form.items, (u, v) => (l(), r("div", {
-              key: v,
+            (o(!0), r(f, null, g(n.form.items, (u, p) => (o(), r("div", {
+              key: p,
               class: "item-row"
             }, [
-              t("div", Xn, [
+              t("div", Fl, [
                 e[20] || (e[20] = t("label", null, "Item Code *", -1)),
                 h(t("input", {
                   type: "text",
                   "onUpdate:modelValue": (C) => u.id = C,
                   required: ""
-                }, null, 8, Zn), [
+                }, null, 8, Al), [
                   [k, u.id]
                 ])
               ]),
-              t("div", eo, [
+              t("div", Pl, [
                 e[21] || (e[21] = t("label", null, "Item Description *", -1)),
                 h(t("input", {
                   type: "text",
                   "onUpdate:modelValue": (C) => u.desc = C,
                   required: ""
-                }, null, 8, to), [
+                }, null, 8, Tl), [
                   [k, u.desc]
                 ])
               ]),
-              t("div", so, [
+              t("div", Il, [
                 e[22] || (e[22] = t("label", null, "Quantity *", -1)),
                 h(t("input", {
                   type: "number",
                   "onUpdate:modelValue": (C) => u.qty = C,
                   min: "1",
                   required: ""
-                }, null, 8, io), [
+                }, null, 8, ql), [
                   [
                     k,
                     u.qty,
@@ -2939,21 +3216,21 @@ function lr(s, e, d, p, n, o) {
                   ]
                 ])
               ]),
-              t("div", no, [
+              t("div", Rl, [
                 e[23] || (e[23] = t("label", null, "Unit *", -1)),
                 h(t("select", {
                   "onUpdate:modelValue": (C) => u.unit = C,
                   required: ""
                 }, [
-                  (l(!0), r(f, null, g(n.units, (C) => (l(), r("option", {
+                  (o(!0), r(f, null, g(n.units, (C) => (o(), r("option", {
                     key: C,
                     value: C
-                  }, a(C), 9, lo))), 128))
-                ], 8, oo), [
-                  [_, u.unit]
+                  }, a(C), 9, Nl))), 128))
+                ], 8, Ml), [
+                  [D, u.unit]
                 ])
               ]),
-              t("div", ro, [
+              t("div", El, [
                 e[24] || (e[24] = t("label", null, "Est. Unit Cost *", -1)),
                 h(t("input", {
                   type: "number",
@@ -2961,7 +3238,7 @@ function lr(s, e, d, p, n, o) {
                   step: "0.01",
                   placeholder: "0.00",
                   required: ""
-                }, null, 8, ao), [
+                }, null, 8, Vl), [
                   [
                     k,
                     u.cost,
@@ -2973,8 +3250,8 @@ function lr(s, e, d, p, n, o) {
               t("button", {
                 type: "button",
                 class: "remove-item-btn",
-                onClick: (C) => o.removeItem(v)
-              }, "Remove", 8, uo)
+                onClick: (C) => l.removeItem(p)
+              }, "Remove", 8, Ll)
             ]))), 128))
           ])
         ]),
@@ -2985,76 +3262,76 @@ function lr(s, e, d, p, n, o) {
           }, "Submit Requisition")
         ], -1))
       ], 32)
-    ])) : c("", !0),
-    n.activeTab === "all-requisitions" ? (l(), r("div", co, [
-      t("div", mo, [
-        (l(!0), r(f, null, g(d.requisitions, (u) => (l(), r("div", {
+    ])) : 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", vo, [
-            t("div", po, a(u.id), 1),
+          t("div", Ul, [
+            t("div", jl, a(u.id), 1),
             t("div", {
               class: b(["status-badge", `status-${u.status}`])
             }, a(u.status), 3)
           ]),
-          t("div", ho, [
-            (l(!0), r(f, null, g(o.getRequisitionFields(u), (v) => (l(), r("div", {
+          t("div", Bl, [
+            (o(!0), r(f, null, g(l.getRequisitionFields(u), (p) => (o(), r("div", {
               class: "detail-item",
-              key: v.label
+              key: p.label
             }, [
-              t("div", fo, a(v.label), 1),
-              t("div", go, a(v.value(u)), 1)
+              t("div", Hl, a(p.label), 1),
+              t("div", Ql, a(p.value(u)), 1)
             ]))), 128))
           ]),
-          u.status === "po-created" || u.status === "delivered" ? (l(), r("div", bo, [
+          u.status === "po-created" || u.status === "delivered" ? (o(), r("div", zl, [
             t("button", {
-              onClick: (v) => o.handleOpenPO(u.id),
+              onClick: (p) => l.handleOpenPO(u.id),
               class: "add-item-btn comments-section"
-            }, " Print PO ", 8, yo)
-          ])) : c("", !0)
+            }, " Print PO ", 8, Jl)
+          ])) : v("", !0)
         ]))), 128))
       ])
-    ])) : c("", !0),
-    n.activeTab === "my-requisitions" ? (l(), r("div", wo, [
-      t("div", ko, [
-        (l(!0), r(f, null, g(o.myRequisitions, (u) => (l(), r("div", {
+    ])) : 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", Co, [
-            t("div", _o, a(u.id), 1),
+          t("div", Gl, [
+            t("div", Yl, a(u.id), 1),
             t("div", {
               class: b(["status-badge", `status-${u.status}`])
             }, a(u.status), 3)
           ]),
-          t("div", Do, [
-            (l(!0), r(f, null, g(o.getRequisitionFields(u), (v) => (l(), r("div", {
+          t("div", Xl, [
+            (o(!0), r(f, null, g(l.getRequisitionFields(u), (p) => (o(), r("div", {
               class: "detail-item",
-              key: v.label
+              key: p.label
             }, [
-              t("div", xo, a(v.label), 1),
-              t("div", So, a(v.value(u)), 1)
+              t("div", Zl, a(p.label), 1),
+              t("div", eo, a(p.value(u)), 1)
             ]))), 128))
           ]),
-          u.status === "info-requested" ? (l(), r("div", Ao, [
+          u.status === "info-requested" ? (o(), r("div", to, [
             e[26] || (e[26] = t("label", { class: "detail-label" }, "Your Response", -1)),
             h(t("textarea", {
-              "onUpdate:modelValue": e[6] || (e[6] = (v) => n.infoResponse = v),
+              "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: (v) => o.handleSubmitInfoResponse(u),
+              onClick: (p) => l.handleSubmitInfoResponse(u),
               class: "add-item-btn comments-section"
-            }, " Submit Info ", 8, Po)
-          ])) : c("", !0)
+            }, " Submit Info ", 8, so)
+          ])) : v("", !0)
         ]))), 128))
       ])
-    ])) : c("", !0),
-    n.activeTab === "approvals" ? (l(), r("div", To, [
+    ])) : 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" } }, [
@@ -3062,52 +3339,52 @@ function lr(s, e, d, p, n, o) {
           w(" Department Supervisor - Review requests for accuracy, necessity, and budget compliance ")
         ])
       ], -1)),
-      t("div", qo, [
-        (l(!0), r(f, null, g(o.reviewRequisitions, (u) => (l(), r("div", {
+      t("div", no, [
+        (o(!0), r(f, null, g(l.reviewRequisitions, (u) => (o(), r("div", {
           key: u.id,
           class: "requisition-card"
         }, [
-          t("div", Io, [
-            t("div", Fo, a(u.id), 1)
+          t("div", lo, [
+            t("div", oo, a(u.id), 1)
           ]),
-          t("div", Ro, [
-            (l(!0), r(f, null, g(n.requisitionFields, (v) => (l(), r("div", {
+          t("div", ro, [
+            (o(!0), r(f, null, g(n.requisitionFields, (p) => (o(), r("div", {
               class: "detail-item",
-              key: v.label
+              key: p.label
             }, [
-              t("div", Vo, a(v.label), 1),
-              t("div", Mo, a(v.value(u)), 1)
+              t("div", ao, a(p.label), 1),
+              t("div", uo, a(p.value(u)), 1)
             ]))), 128))
           ]),
-          t("div", No, [
+          t("div", co, [
             e[27] || (e[27] = t("div", { class: "detail-label" }, "Justification", -1)),
-            t("div", Eo, a(u.justification || "N/A"), 1)
+            t("div", mo, a(u.justification || "N/A"), 1)
           ]),
-          t("div", Lo, [
+          t("div", vo, [
             e[28] || (e[28] = t("div", { class: "detail-label" }, "Items", -1)),
-            t("ul", Oo, [
-              (l(!0), r(f, null, g(u.items, (v, C) => (l(), r("li", { key: C }, a(v.desc) + " - " + a(v.qty) + " " + a(v.unit) + " @ ₦" + a(v.cost.toFixed(2)) + " each ", 1))), 128))
+            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: (v) => o.handleApproveRequisition(u.id)
-          }, "Approve", 8, Uo),
+            onClick: (p) => l.handleApproveRequisition(u.id)
+          }, "Approve", 8, ho),
           t("button", {
             type: "button",
             class: "marginbox btn-reject",
-            onClick: (v) => o.handleDeclineRequisition(u.id)
-          }, "Decline", 8, $o),
+            onClick: (p) => l.handleDeclineRequisition(u.id)
+          }, "Decline", 8, fo),
           t("button", {
             type: "button",
             class: "marginbox btn-request",
-            onClick: (v) => o.handleInfoRequisition(u.id)
-          }, "Request Info", 8, jo)
+            onClick: (p) => l.handleInfoRequisition(u.id)
+          }, "Request Info", 8, go)
         ]))), 128))
       ])
-    ])) : c("", !0),
-    n.activeTab === "purchasing" ? (l(), r("div", Bo, [
+    ])) : 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" } }, [
@@ -3115,42 +3392,42 @@ function lr(s, e, d, p, n, o) {
           w(" Purchasing Team - Convert approved requisitions to Purchase Orders ")
         ])
       ], -1)),
-      t("div", Ho, [
-        (l(!0), r(f, null, g(o.poRequisitions, (u) => (l(), r("div", {
+      t("div", yo, [
+        (o(!0), r(f, null, g(l.poRequisitions, (u) => (o(), r("div", {
           key: u.id,
           class: "requisition-card"
         }, [
-          t("div", Qo, [
-            t("div", Jo, a(u.id), 1)
+          t("div", wo, [
+            t("div", ko, a(u.id), 1)
           ]),
-          t("div", Wo, [
-            (l(!0), r(f, null, g(n.requisitionFields, (v) => (l(), r("div", {
+          t("div", Co, [
+            (o(!0), r(f, null, g(n.requisitionFields, (p) => (o(), r("div", {
               class: "detail-item",
-              key: v.label
+              key: p.label
             }, [
-              t("div", Ko, a(v.label), 1),
-              t("div", zo, a(v.value(u)), 1)
+              t("div", _o, a(p.label), 1),
+              t("div", Do, a(p.value(u)), 1)
             ]))), 128))
           ]),
-          t("div", Go, [
+          t("div", xo, [
             e[30] || (e[30] = t("div", { class: "detail-label" }, "Justification", -1)),
-            t("div", Yo, a(u.justification || "N/A"), 1)
+            t("div", So, a(u.justification || "N/A"), 1)
           ]),
-          t("div", Xo, [
+          t("div", Fo, [
             e[31] || (e[31] = t("div", { class: "detail-label" }, "Items", -1)),
-            t("ul", Zo, [
-              (l(!0), r(f, null, g(u.items, (v, C) => (l(), r("li", { key: C }, a(v.desc) + " - " + a(v.qty) + " " + a(v.unit) + " @ ₦" + a(v.cost.toFixed(2)) + " each ", 1))), 128))
+            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: (v) => o.handleCreatePO(u.id)
-          }, "Create PO", 8, el)
+            onClick: (p) => l.handleCreatePO(u.id)
+          }, "Create PO", 8, Po)
         ]))), 128))
       ])
-    ])) : c("", !0),
-    n.activeTab === "receiving" ? (l(), r("div", tl, [
+    ])) : 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" } }, [
@@ -3158,94 +3435,94 @@ function lr(s, e, d, p, n, o) {
           w(" Warehouse Team - Process incoming deliveries and update inventory ")
         ])
       ], -1)),
-      t("div", sl, [
-        (l(!0), r(f, null, g(o.awaitingDelivery, (u) => (l(), r("div", {
+      t("div", Io, [
+        (o(!0), r(f, null, g(l.awaitingDelivery, (u) => (o(), r("div", {
           key: u.id,
           class: "requisition-card"
         }, [
-          t("div", il, [
-            t("div", nl, a(u.id), 1)
+          t("div", qo, [
+            t("div", Ro, a(u.id), 1)
           ]),
-          t("div", ol, [
-            (l(!0), r(f, null, g(n.requisitionFields, (v) => (l(), r("div", {
+          t("div", Mo, [
+            (o(!0), r(f, null, g(n.requisitionFields, (p) => (o(), r("div", {
               class: "detail-item",
-              key: v.label
+              key: p.label
             }, [
-              t("div", ll, a(v.label), 1),
-              t("div", rl, a(v.value(u)), 1)
+              t("div", No, a(p.label), 1),
+              t("div", Eo, a(p.value(u)), 1)
             ]))), 128))
           ]),
-          t("div", al, [
+          t("div", Vo, [
             e[33] || (e[33] = t("div", { class: "detail-label" }, "Justification", -1)),
-            t("div", dl, a(u.justification || "N/A"), 1)
+            t("div", Lo, a(u.justification || "N/A"), 1)
           ]),
-          t("div", ul, [
+          t("div", $o, [
             e[34] || (e[34] = t("div", { class: "detail-label" }, "Items", -1)),
-            t("ul", cl, [
-              (l(!0), r(f, null, g(u.items, (v, C) => (l(), r("li", { key: C }, a(v.desc) + " - " + a(v.qty) + " " + a(v.unit) + " @ ₦" + a(v.cost.toFixed(2)) + " each ", 1))), 128))
+            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: (v) => o.handleAcceptDelivery(u.id)
-          }, "Accept Delivery", 8, ml)
+            onClick: (p) => l.handleAcceptDelivery(u.id)
+          }, "Accept Delivery", 8, Uo)
         ]))), 128))
       ])
-    ])) : c("", !0),
-    n.activeTab === "po" ? (l(), r("div", vl, [
-      t("div", pl, [
-        t("div", hl, [
-          t("div", fl, [
+    ])) : 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", gl, [
+            t("div", zo, [
               e[36] || (e[36] = t("span", { class: "info-label" }, "Company:", -1)),
-              t("span", bl, a(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
+              t("span", Jo, a(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
             ]),
-            t("div", yl, [
+            t("div", Wo, [
               e[37] || (e[37] = t("span", { class: "info-label" }, "Contact:", -1)),
-              t("span", wl, a(n.vendorInfo.contact || ((m = n.poDetails.vendorInfo) == null ? void 0 : m.contact)), 1)
+              t("span", Ko, a(n.vendorInfo.contact || ((c = n.poDetails.vendorInfo) == null ? void 0 : c.contact)), 1)
             ]),
-            t("div", kl, [
+            t("div", Go, [
               e[38] || (e[38] = t("span", { class: "info-label" }, "Email:", -1)),
-              t("span", Cl, a(n.vendorInfo.email || ((y = n.poDetails.vendorInfo) == null ? void 0 : y.email)), 1)
+              t("span", Yo, a(n.vendorInfo.email || ((y = n.poDetails.vendorInfo) == null ? void 0 : y.email)), 1)
             ]),
-            t("div", _l, [
+            t("div", Xo, [
               e[39] || (e[39] = t("span", { class: "info-label" }, "Phone:", -1)),
-              t("span", Dl, a(n.vendorInfo.phone || ((P = n.poDetails.vendorInfo) == null ? void 0 : P.phone)), 1)
+              t("span", Zo, a(n.vendorInfo.phone || ((A = n.poDetails.vendorInfo) == null ? void 0 : A.phone)), 1)
             ]),
-            t("div", xl, [
+            t("div", er, [
               e[40] || (e[40] = t("span", { class: "info-label" }, "Address:", -1)),
-              t("span", Sl, a(n.vendorInfo.address || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.address)), 1)
+              t("span", tr, a(n.vendorInfo.address || ((P = n.poDetails.vendorInfo) == null ? void 0 : P.address)), 1)
             ])
           ]),
-          t("div", Al, [
+          t("div", sr, [
             e[47] || (e[47] = t("h3", null, "Purchase Order Details", -1)),
-            t("div", Pl, [
+            t("div", ir, [
               e[42] || (e[42] = t("span", { class: "info-label" }, "PO Number:", -1)),
-              t("span", Tl, a(n.poDetails.id), 1)
+              t("span", nr, a(n.poDetails.id), 1)
             ]),
-            t("div", ql, [
+            t("div", lr, [
               e[43] || (e[43] = t("span", { class: "info-label" }, "Date:", -1)),
-              t("span", Il, a(n.vendorInfo.poDate || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.poDate)), 1)
+              t("span", or, a(n.vendorInfo.poDate || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.poDate)), 1)
             ]),
-            t("div", Fl, [
+            t("div", rr, [
               e[44] || (e[44] = t("span", { class: "info-label" }, "Requested By:", -1)),
-              t("span", Rl, a(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
+              t("span", ar, a(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
             ]),
-            t("div", Vl, [
+            t("div", dr, [
               e[45] || (e[45] = t("span", { class: "info-label" }, "Department:", -1)),
-              t("span", Ml, "PO-" + a(n.poDetails.department), 1)
+              t("span", ur, "PO-" + a(n.poDetails.department), 1)
             ]),
-            t("div", Nl, [
+            t("div", cr, [
               e[46] || (e[46] = t("span", { class: "info-label" }, "Delivery Date:", -1)),
-              t("span", El, a(n.poDetails.neededDate), 1)
+              t("span", mr, a(n.poDetails.neededDate), 1)
             ])
           ])
         ]),
-        t("div", Ll, [
+        t("div", vr, [
           e[57] || (e[57] = t("h2", { class: "section-title" }, "Order Items", -1)),
-          t("table", Ol, [
+          t("table", pr, [
             t("thead", null, [
               t("tr", null, [
                 e[48] || (e[48] = t("th", null, "Item #", -1)),
@@ -3253,93 +3530,93 @@ function lr(s, e, d, p, n, o) {
                 e[50] || (e[50] = t("th", null, "Quantity", -1)),
                 e[51] || (e[51] = t("th", null, "Unit Price", -1)),
                 e[52] || (e[52] = t("th", null, "Total", -1)),
-                n.isPrinting ? c("", !0) : (l(), r("th", Ul, "Actions"))
+                n.isPrinting ? v("", !0) : (o(), r("th", hr, "Actions"))
               ])
             ]),
             t("tbody", null, [
-              (l(!0), r(f, null, g(n.poDetails.items || [], (u, v) => (l(), r("tr", { key: v }, [
+              (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, [
-                  u.editing ? h((l(), r("input", {
+                  u.editing ? h((o(), r("input", {
                     key: 1,
                     "onUpdate:modelValue": (C) => u.tempPrice = C,
                     type: "number",
                     step: "0.01",
                     class: b(["price-input", { "price-changed": u.cost !== u.tempPrice }])
-                  }, null, 10, Bl)), [
+                  }, null, 10, br)), [
                     [
                       k,
                       u.tempPrice,
                       void 0,
                       { number: !0 }
                     ]
-                  ]) : (l(), r("span", $l, [
+                  ]) : (o(), r("span", fr, [
                     w(" $" + a(u.cost.toFixed(2)) + " ", 1),
-                    u.cost !== u.unitPrice ? (l(), r("span", jl, "!")) : c("", !0)
+                    u.cost !== u.unitPrice ? (o(), r("span", gr, "!")) : v("", !0)
                   ]))
                 ]),
                 t("td", null, "$" + a((u.unitPrice * u.qty).toFixed(2)), 1),
-                n.isPrinting ? c("", !0) : (l(), r("td", Hl, [
-                  u.editing ? (l(), r("div", Jl, [
+                n.isPrinting ? v("", !0) : (o(), r("td", yr, [
+                  u.editing ? (o(), r("div", kr, [
                     t("button", {
-                      onClick: (C) => o.savePrice(v),
+                      onClick: (C) => l.savePrice(p),
                       class: "save-btn"
-                    }, "Save", 8, Wl),
+                    }, "Save", 8, Cr),
                     t("button", {
-                      onClick: (C) => o.cancelEdit(v),
+                      onClick: (C) => l.cancelEdit(p),
                       class: "cancel-btn"
-                    }, "Cancel", 8, Kl)
-                  ])) : (l(), r("button", {
+                    }, "Cancel", 8, _r)
+                  ])) : (o(), r("button", {
                     key: 0,
-                    onClick: (C) => o.startEdit(v),
+                    onClick: (C) => l.startEdit(p),
                     class: "edit-btn"
-                  }, " Edit Price ", 8, Ql))
+                  }, " Edit Price ", 8, wr))
                 ]))
               ]))), 128))
             ])
           ]),
-          (l(!0), r(f, null, g(n.poDetails.items || [], (u, v) => (l(), r("div", {
-            key: "note-" + v
+          (o(!0), r(f, null, g(n.poDetails.items || [], (u, p) => (o(), r("div", {
+            key: "note-" + p
           }, [
-            u.justification ? (l(), r("div", zl, [
+            u.justification ? (o(), r("div", Dr, [
               t("strong", null, "Price Change Justification (Item " + a(u.itemNumber) + "):", 1),
               w(" " + a(u.justification), 1)
-            ])) : c("", !0)
+            ])) : v("", !0)
           ]))), 128)),
-          t("div", Gl, [
-            t("div", Yl, [
+          t("div", xr, [
+            t("div", Sr, [
               e[53] || (e[53] = t("span", null, "Subtotal:", -1)),
-              t("span", null, "$" + a(o.subTotal.toFixed(2)), 1)
+              t("span", null, "$" + a(l.subTotal.toFixed(2)), 1)
             ]),
-            t("div", Xl, [
+            t("div", Fr, [
               e[54] || (e[54] = t("span", null, "Tax (%):", -1)),
-              t("span", null, "$" + a(o.getOptional(n.vendorInfo.tax)), 1)
+              t("span", null, "$" + a(l.getOptional(n.vendorInfo.tax)), 1)
             ]),
-            t("div", Zl, [
+            t("div", Ar, [
               e[55] || (e[55] = t("span", null, "Shipping:", -1)),
-              t("span", null, "$" + a(o.getOptional(n.vendorInfo.shipping)), 1)
+              t("span", null, "$" + a(l.getOptional(n.vendorInfo.shipping)), 1)
             ]),
-            t("div", er, [
+            t("div", Pr, [
               e[56] || (e[56] = t("span", null, "Grand Total:", -1)),
-              t("span", null, "$" + a((o.subTotal + o.getOptional(n.vendorInfo.tax) + o.getOptional(n.vendorInfo.shipping)).toFixed(2)), 1)
+              t("span", null, "$" + a((l.subTotal + l.getOptional(n.vendorInfo.tax) + l.getOptional(n.vendorInfo.shipping)).toFixed(2)), 1)
             ])
           ])
         ])
       ]),
-      n.showJustificationModal ? (l(), r("div", {
+      n.showJustificationModal ? (o(), r("div", {
         key: 0,
         class: "justification-modal",
-        onClick: e[10] || (e[10] = D((...u) => o.closeJustificationModal && o.closeJustificationModal(...u), ["self"]))
+        onClick: e[10] || (e[10] = _((...u) => l.closeJustificationModal && l.closeJustificationModal(...u), ["self"]))
       }, [
-        t("div", tr, [
+        t("div", Tr, [
           e[60] || (e[60] = t("h3", null, "Price Change Justification Required", -1)),
-          t("p", sr, [
+          t("p", Ir, [
             e[58] || (e[58] = w(" Please provide a justification for changing the price from ", -1)),
-            t("strong", null, "$" + a((R = (F = o.currentItem) == null ? void 0 : F.cost) == null ? void 0 : R.toFixed(2)), 1),
+            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((M = (V = o.currentItem) == null ? void 0 : V.tempPrice) == null ? void 0 : M.toFixed(2)), 1)
+            t("strong", null, "$" + a((N = (M = l.currentItem) == null ? void 0 : M.tempPrice) == null ? void 0 : N.toFixed(2)), 1)
           ]),
           h(t("textarea", {
             "onUpdate:modelValue": e[7] || (e[7] = (u) => n.justificationText = u),
@@ -3349,45 +3626,53 @@ function lr(s, e, d, p, n, o) {
           }, null, 512), [
             [k, n.justificationText]
           ]),
-          t("div", ir, [
+          t("div", qr, [
             t("button", {
-              onClick: e[8] || (e[8] = (...u) => o.closeJustificationModal && o.closeJustificationModal(...u)),
+              onClick: e[8] || (e[8] = (...u) => l.closeJustificationModal && l.closeJustificationModal(...u)),
               class: "cancel-btn"
             }, "Cancel"),
             t("button", {
-              onClick: e[9] || (e[9] = (...u) => o.confirmPriceChange && o.confirmPriceChange(...u)),
+              onClick: e[9] || (e[9] = (...u) => l.confirmPriceChange && l.confirmPriceChange(...u)),
               class: "save-btn",
               disabled: !n.justificationText.trim()
-            }, " Confirm Change ", 8, nr)
+            }, " Confirm Change ", 8, Rr)
           ])
         ])
-      ])) : c("", !0),
-      n.isPrinting ? c("", !0) : (l(), r("button", {
+      ])) : v("", !0),
+      n.isPrinting ? v("", !0) : (o(), r("button", {
         key: 1,
         type: "button",
         class: "add-item-btn",
-        onClick: e[11] || (e[11] = (u) => o.handleFinishPO(n.poDetails.id))
+        onClick: e[11] || (e[11] = (u) => l.handleFinishPO(n.poDetails.id))
       }, "Approve PO"))
-    ])) : c("", !0),
-    n.activeTab === "workflow" ? (l(), r("div", or, 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)
-    ]))) : c("", !0)
+    ]))) : v("", !0)
   ]);
 }
-const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (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
-}), ur = [
+}), $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",
@@ -3411,6 +3696,7 @@ const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (s = {}) => ({
   {
     type: "dropdown",
     label: "Compliance",
+    roles: ["owner", "staff", "captain"],
     icon: "bi bi-list-ul",
     children: [
       {
@@ -3420,13 +3706,6 @@ const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (s = {}) => ({
       {
         type: "separator"
       },
-      {
-        label: "Crew Certification",
-        action: "crew-cert"
-      },
-      {
-        type: "separator"
-      },
       {
         label: "Reports",
         action: "reports"
@@ -3445,12 +3724,14 @@ const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (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",
@@ -3470,25 +3751,29 @@ const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (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",
@@ -3497,28 +3782,43 @@ const rr = /* @__PURE__ */ S(Nn, [["render", lr]]), dr = (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"
   }
-], cr = (s, e) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(e == null ? void 0 : e.role), mr = {
+], 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", X), s.component("VesselLists", Ve), s.component("DashHead", Ue), s.component("ActivityLogs", ni), s.component("CrewManagement", Mn), s.component("RequisitionSystem", rr), s.component("OceanHelmMaintenance", Fs), s.provide("sidebarConfig", e);
+    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 {
-  ni as ActivityLogs,
-  X as ConfigurableSidebar,
-  Mn as CrewManagement,
+  Ri as ActivityLogs,
+  Z as ConfigurableSidebar,
+  ul as CrewManagement,
   Ue as DashHead,
-  Fs as OceanHelmMaintenance,
-  rr as RequisitionSystem,
-  Ve as VesselList,
-  dr as createSidebarConfig,
-  mr as default,
-  ur as defaultMenuItems,
-  cr as defaultPermissionChecker
+  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