oceanhelm 0.0.5 → 0.0.7

package/dist/oceanhelm.es.js

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as l, normalizeClass as g, createElementVNode as e, toDisplayString as r, createCommentVNode as m, Fragment as p, renderList as f, withModifiers as D, createTextVNode as _, renderSlot as O, withDirectives as v, vShow as P, normalizeStyle as E, createStaticVNode as x, vModelText as w, vModelSelect as C, vModelCheckbox as N } from "vue";
+import { openBlock as o, createElementBlock as l, normalizeClass as g, createElementVNode as e, toDisplayString as r, createCommentVNode as m, Fragment as p, renderList as h, withModifiers as D, createTextVNode as _, renderSlot as O, withDirectives as v, vShow as P, normalizeStyle as E, createStaticVNode as x, vModelText as k, vModelSelect as C, vModelCheckbox as N } from "vue";
 const S = (s, t) => {
   const u = s.__vccOpts || s;
   for (const [b, n] of t)
@@ -91,7 +91,7 @@ const S = (s, t) => {
 }, L = {
   key: 0,
   class: "logo d-flex align-items-center left"
-}, j = { class: "list-unstyled components mt-4" }, $ = ["onClick"], B = ["href", "onClick"], H = ["onClick"], Q = {
+}, $ = { class: "list-unstyled components mt-4" }, j = ["onClick"], B = ["href", "onClick"], H = ["onClick"], Q = {
   class: "dropdown-toggle",
   type: "button",
   "data-bs-toggle": "dropdown",
@@ -114,16 +114,16 @@ function Y(s, t, u, b, n, a) {
       }, null, 2),
       e("span", null, r(u.brandName), 1)
     ])) : m("", !0),
-    e("ul", j, [
-      (o(!0), l(p, null, f(a.filteredMenuItems, (i, h) => (o(), l("li", {
-        key: h,
+    e("ul", $, [
+      (o(!0), l(p, null, h(a.filteredMenuItems, (i, f) => (o(), l("li", {
+        key: f,
         class: g({ active: i.active, dropdown: i.type === "dropdown" }),
-        onClick: (k) => a.handleItemClick(i)
+        onClick: (y) => a.handleItemClick(i)
       }, [
         i.type === "link" ? (o(), l("a", {
           key: 0,
           href: i.href || "#",
-          onClick: D((k) => a.handleNavigation(i), ["prevent"])
+          onClick: D((y) => a.handleNavigation(i), ["prevent"])
         }, [
           i.icon ? (o(), l("i", {
             key: 0,
@@ -132,7 +132,7 @@ function Y(s, t, u, b, n, a) {
           _(" " + r(i.label), 1)
         ], 8, B)) : i.type === "button" ? (o(), l("a", {
           key: 1,
-          onClick: D((k) => a.handleAction(i), ["prevent"]),
+          onClick: D((y) => a.handleAction(i), ["prevent"]),
           style: { cursor: "pointer" }
         }, [
           i.icon ? (o(), l("i", {
@@ -149,15 +149,15 @@ function Y(s, t, u, b, n, a) {
             _(" " + r(i.label), 1)
           ]),
           e("div", J, [
-            (o(!0), l(p, null, f(i.children, (k, A) => (o(), l("a", {
+            (o(!0), l(p, null, h(i.children, (y, A) => (o(), l("a", {
               key: A,
               class: "dropdown-item black",
-              onClick: D((q) => a.handleAction(k), ["prevent"]),
+              onClick: D((q) => a.handleAction(y), ["prevent"]),
               style: { cursor: "pointer" }
-            }, r(k.label), 9, W))), 128))
+            }, r(y.label), 9, W))), 128))
           ])
         ], 64)) : i.type === "separator" ? (o(), l("div", G)) : i.type === "text" ? (o(), l("a", z, r(i.label), 1)) : m("", !0)
-      ], 10, $))), 128))
+      ], 10, j))), 128))
     ]),
     O(s.$slots, "footer")
   ], 2);
@@ -206,7 +206,8 @@ const X = {
     "vessel-delete",
     "vessel-toggle-status",
     "vessel-navigate",
-    "access-denied"
+    "access-denied",
+    "date-change"
   ],
   computed: {
     activeVesselsCount() {
@@ -265,6 +266,17 @@ const X = {
     statusClass(s) {
       return `status-${(s == null ? void 0 : s.toLowerCase()) || ""}`;
     },
+    getDuration(s, t) {
+      const u = /* @__PURE__ */ new Date(), b = new Date(s), n = u - b;
+      if (n < 0)
+        return "Invalid (future date)";
+      const a = Math.floor(n / (1e3 * 60 * 60)), i = Math.floor(a / 24), f = a % 24;
+      let y = "";
+      return i > 0 && (y += `${i} day${i > 1 ? "s" : ""}`), f > 0 && (y += (y ? " " : "") + `${f} hr${f > 1 ? "s" : ""}`), y || "0 hr";
+    },
+    setVesselDate(s) {
+      this.$emit("date-change", s);
+    },
     grantAccess(s) {
       const { role: t, vessel: u } = this.userProfile;
       return t === "owner" || t === "staff" || t === "captain" && u === s.name;
@@ -293,8 +305,14 @@ const X = {
 }, ce = {
   key: 2,
   class: "row"
-}, me = ["onClick"], ve = { class: "card-body d-flex align-items-center" }, pe = { class: "flex-grow-1" }, fe = { class: "d-flex justify-content-between align-items-center mb-2" }, he = { class: "card-title mb-0" }, ge = { class: "row" }, be = { class: "col-6" }, ye = { class: "mb-0" }, we = { class: "col-6" }, ke = { class: "mb-0" }, _e = { class: "action-icon v-left delete" }, Ce = ["onClick"], De = ["onClick"];
-function xe(s, t, u, b, n, a) {
+}, me = ["onClick"], ve = { class: "card-body d-flex align-items-center" }, pe = { class: "flex-grow-1" }, fe = { class: "d-flex justify-content-between align-items-center mb-2" }, he = { class: "card-title mb-0" }, ge = { class: "row" }, be = { class: "col-6" }, ye = { class: "mb-0" }, we = {
+  key: 0,
+  class: "col-6"
+}, ke = { class: "mb-0" }, _e = { class: "mb-0" }, Ce = {
+  key: 1,
+  class: "col-6"
+}, De = { class: "text-muted" }, xe = ["onClick"], Se = { class: "action-icon v-left delete" }, Pe = ["onClick"], Ae = ["onClick"];
+function qe(s, t, u, b, n, a) {
   return o(), l(p, null, [
     e("div", Z, [
       e("div", ee, [
@@ -339,7 +357,7 @@ function xe(s, t, u, b, n, a) {
         ]))
       ])) : m("", !0)
     ]),
-    t[11] || (t[11] = e("h4", { class: "mb-4" }, [
+    t[12] || (t[12] = e("h4", { class: "mb-4" }, [
       e("i", { class: "bi bi-ship me-2" }),
       _("Registered Vessels")
     ], -1)),
@@ -352,16 +370,16 @@ function xe(s, t, u, b, n, a) {
       ], -1),
       e("p", { class: "mt-2" }, "Loading vessels...", -1)
     ]))) : u.vessels.length ? (o(), l("div", ce, [
-      (o(!0), l(p, null, f(u.vessels, (i) => (o(), l("div", {
+      (o(!0), l(p, null, h(u.vessels, (i) => (o(), l("div", {
         class: "col-lg-6",
         key: i.registrationNumber || i.id
       }, [
         e("div", {
           class: "vessel-card",
-          onClick: (h) => a.handleVesselClick(i)
+          onClick: (f) => a.handleVesselClick(i)
         }, [
           e("div", ve, [
-            t[10] || (t[10] = e("div", { class: "vessel-icon v-left" }, [
+            t[11] || (t[11] = e("div", { class: "vessel-icon v-left" }, [
               e("i", { class: "fas fa-ship" })
             ], -1)),
             e("div", pe, [
@@ -376,23 +394,35 @@ function xe(s, t, u, b, n, a) {
                   t[8] || (t[8] = e("small", { class: "text-muted" }, "Registration #:", -1)),
                   e("p", ye, r(i.registrationNumber), 1)
                 ]),
-                e("div", we, [
-                  t[9] || (t[9] = e("small", { class: "text-muted" }, "Next Maintenance:", -1)),
-                  e("p", ke, r(i.nextMaintenance || "Not scheduled"), 1)
-                ])
+                i.date ? (o(), l("div", we, [
+                  i.status === "Active" ? (o(), l(p, { key: 0 }, [
+                    t[9] || (t[9] = e("small", { class: "text-muted" }, "Active Duration:", -1)),
+                    e("p", ke, r(a.getDuration(i.date, i.registrationNumber)), 1)
+                  ], 64)) : (o(), l(p, { key: 1 }, [
+                    t[10] || (t[10] = e("small", { class: "text-muted" }, "Inactive Duration:", -1)),
+                    e("p", _e, r(a.getDuration(i.date, i.registrationNumber)), 1)
+                  ], 64))
+                ])) : (o(), l("div", Ce, [
+                  e("small", De, r(i.status) + " Duration:", 1),
+                  e("button", {
+                    type: "button",
+                    class: "btn btn-outline-primary btn-sm mt-1",
+                    onClick: D((f) => a.setVesselDate(i.registrationNumber), ["stop"])
+                  }, " Set Date ", 8, xe)
+                ]))
               ])
             ])
           ]),
-          e("div", _e, [
+          e("div", Se, [
             e("i", {
               class: "bi bi-trash",
-              onClick: D((h) => a.handleDeleteVessel(i), ["stop"])
-            }, null, 8, Ce)
+              onClick: D((f) => a.handleDeleteVessel(i), ["stop"])
+            }, null, 8, Pe)
           ]),
           e("button", {
             class: "btn btn-primary",
-            onClick: D((h) => a.handleToggleStatus(i), ["stop"])
-          }, r(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, De)
+            onClick: D((f) => a.handleToggleStatus(i), ["stop"])
+          }, r(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, Ae)
         ], 8, me)
       ]))), 128))
     ])) : (o(), l("div", ue, t[7] || (t[7] = [
@@ -403,8 +433,8 @@ function xe(s, t, u, b, n, a) {
     ])))
   ], 64);
 }
-const Se = /* @__PURE__ */ S(X, [["render", xe]]);
-const Pe = {
+const Te = /* @__PURE__ */ S(X, [["render", qe]]);
+const Ie = {
   name: "DashHead",
   props: {
     name: {
@@ -429,11 +459,11 @@ const Pe = {
       this.$emit("logged-in");
     }
   }
-}, Ae = { class: "page-header d-flex justify-content-between align-items-center" }, qe = { style: { "margin-left": "20px" } }, Te = { class: "d-flex" };
-function Ie(s, t, u, b, n, a) {
-  return o(), l("div", Ae, [
-    e("h2", qe, r(u.name), 1),
-    e("div", Te, [
+}, Re = { class: "page-header d-flex justify-content-between align-items-center" }, Me = { style: { "margin-left": "20px" } }, Ve = { class: "d-flex" };
+function Fe(s, t, u, b, n, a) {
+  return o(), l("div", Re, [
+    e("h2", Me, r(u.name), 1),
+    e("div", Ve, [
       this.userProfile.role == "owner" ? (o(), l("button", {
         key: 0,
         class: "btn btn-outline-primary me-2",
@@ -451,8 +481,7 @@ function Ie(s, t, u, b, n, a) {
     ])
   ]);
 }
-const Re = /* @__PURE__ */ S(Pe, [["render", Ie]]);
-const Me = {
+const Ee = /* @__PURE__ */ S(Ie, [["render", Fe]]), Ne = {
   name: "OceanHelmMaintenance",
   props: {
     vesselInfo: {
@@ -762,7 +791,7 @@ const Me = {
       s.completed = !s.completed;
     },
     async resetTasks() {
-      const t = this.checklists.every((b) => b.completed) ? "Completed" : "In Progress", u = {
+      const t = this.checklists.every((b) => b.completed) ? "Completed" : "Soon", u = {
         checklistProgress: [...this.checklists],
         status: t,
         component: this.currentTask,
@@ -771,6 +800,7 @@ const Me = {
       this.$emit("update-task", {
         updateData: u,
         file: this.fileattachments.file,
+        tasks: this.tasks,
         callback: (b, n) => {
           b && (n && (this.after = n), this.fileattachments = {}, this.fileText = "Drag and drop files here or", this.refreshKey += 1, this.activeSection = "inventory");
         }
@@ -818,52 +848,52 @@ const Me = {
       });
     }
   }
-}, Ve = { key: 0 }, Fe = ["onClick"], Ee = { class: "content" }, Ne = {
+}, Oe = { key: 0 }, Ue = ["onClick"], Le = { class: "content" }, $e = {
   key: 0,
   class: "loading-container"
-}, Oe = { key: 1 }, Ue = { class: "container" }, Le = { class: "d-flex justify-content-between align-items-center" }, je = { class: "progress-container" }, $e = { class: "progress-info" }, Be = { class: "progress-bar" }, He = { class: "checklist" }, Qe = ["onClick"], Je = { key: 0 }, We = ["onClick"], Ge = ["onClick"], ze = { key: 0 }, Ye = { class: "checklist" }, Ke = { class: "checklist-item" }, Xe = { class: "attachment-area" }, Ze = {
+}, je = { key: 1 }, Be = { class: "container" }, He = { class: "d-flex justify-content-between align-items-center" }, Qe = { class: "progress-container" }, Je = { class: "progress-info" }, We = { class: "progress-bar" }, Ge = { class: "checklist" }, ze = ["onClick"], Ye = { key: 0 }, Ke = ["onClick"], Xe = ["onClick"], Ze = { key: 0 }, et = { class: "checklist" }, tt = { class: "checklist-item" }, st = { class: "attachment-area" }, it = {
   key: 2,
   class: "status"
-}, et = { class: "form-group" }, tt = { class: "form-group" }, st = { class: "input-group" }, it = { class: "form-group" }, nt = { class: "form-group" }, ot = { class: "input-group" }, lt = { class: "form-group" }, rt = { class: "form-group" }, at = { class: "input-group" }, dt = { class: "form-group" }, ut = { class: "form-group" }, ct = ["value"], mt = { class: "input-group" }, vt = { class: "form-group" }, pt = { class: "input-group" }, ft = { class: "form-group" }, ht = { class: "form-group" }, gt = { class: "form-group" }, bt = { class: "checkbox-group" }, yt = { class: "checkbox-item" }, wt = { class: "checkbox-item" }, kt = { class: "input-group" }, _t = { class: "form-group" }, Ct = { class: "form-group" }, Dt = { class: "form-group" }, xt = { class: "attachment-area" }, St = { class: "action-buttons" }, Pt = ["disabled"], At = { class: "task-table-wrapper" }, qt = { class: "table-controls" }, Tt = { class: "filters" }, It = { class: "task-table" }, Rt = ["onClick"], Mt = ["onClick"], Vt = { key: 0 }, Ft = {
+}, nt = { class: "form-group" }, ot = { class: "form-group" }, lt = { class: "input-group" }, rt = { class: "form-group" }, at = { class: "form-group" }, dt = { class: "input-group" }, ut = { class: "form-group" }, ct = { class: "form-group" }, mt = { class: "input-group" }, vt = { class: "form-group" }, pt = { class: "form-group" }, ft = ["value"], ht = { class: "input-group" }, gt = { class: "form-group" }, bt = { class: "input-group" }, yt = { class: "form-group" }, wt = { class: "form-group" }, kt = { class: "form-group" }, _t = { class: "checkbox-group" }, Ct = { class: "checkbox-item" }, Dt = { class: "checkbox-item" }, xt = { class: "input-group" }, St = { class: "form-group" }, Pt = { class: "form-group" }, At = { class: "form-group" }, qt = { class: "attachment-area" }, Tt = { class: "action-buttons" }, It = ["disabled"], Rt = { class: "task-table-wrapper" }, Mt = { class: "table-controls" }, Vt = { class: "filters" }, Ft = { class: "task-table" }, Et = ["onClick"], Nt = ["onClick"], Ot = { key: 0 }, Ut = {
   class: "alert alert-primary",
   role: "alert"
-}, Et = { class: "mb-0" }, Nt = {
+}, Lt = { class: "mb-0" }, $t = {
   class: "report-container",
   ref: "reportContainer"
-}, Ot = { class: "report-info" }, Ut = { class: "info-box" }, Lt = { class: "info-box" }, jt = { class: "info-box" }, $t = { class: "section" }, Bt = { class: "summary-grid" }, Ht = { class: "summary-card" }, Qt = { class: "summary-number" }, Jt = { class: "section" }, Wt = { class: "task-header" }, Gt = { class: "task-title" }, zt = { class: "task-component" }, Yt = { class: "task-details" }, Kt = { class: "detail-item" }, Xt = { class: "detail-value" }, Zt = { class: "detail-item" }, es = { class: "detail-value" }, ts = { class: "detail-item" }, ss = { class: "detail-value" }, is = { class: "detail-item" }, ns = { class: "detail-value" }, os = { class: "detail-item" }, ls = { class: "detail-value" }, rs = { class: "detail-item" }, as = { class: "detail-value" }, ds = {
+}, jt = { class: "report-info" }, Bt = { class: "info-box" }, Ht = { class: "info-box" }, Qt = { class: "info-box" }, Jt = { class: "section" }, Wt = { class: "summary-grid" }, Gt = { class: "summary-card" }, zt = { class: "summary-number" }, Yt = { class: "section" }, Kt = { class: "task-header" }, Xt = { class: "task-title" }, Zt = { class: "task-component" }, es = { class: "task-details" }, ts = { class: "detail-item" }, ss = { class: "detail-value" }, is = { class: "detail-item" }, ns = { class: "detail-value" }, os = { class: "detail-item" }, ls = { class: "detail-value" }, rs = { class: "detail-item" }, as = { class: "detail-value" }, ds = { class: "detail-item" }, us = { class: "detail-value" }, cs = { class: "detail-item" }, ms = { class: "detail-value" }, vs = {
   key: 0,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, us = { class: "detail-value" }, cs = {
+}, ps = { class: "detail-value" }, fs = {
   key: 1,
   style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
-}, ms = { class: "detail-value" }, vs = {
+}, hs = { class: "detail-value" }, gs = {
   key: 2,
   class: "checklist-progress"
-}, ps = { class: "progress-bar" }, fs = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, hs = { class: "checklist-items" }, gs = { class: "checklist-icon" }, bs = { class: "section" }, ys = { class: "info-box" }, ws = { class: "signature-section" }, ks = { class: "signature-box" }, _s = { style: { "margin-top": "10px", color: "#666" } };
-function Cs(s, t, u, b, n, a) {
-  return n.ready ? (o(), l("div", Ve, [
+}, bs = { class: "progress-bar" }, ys = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, ws = { class: "checklist-items" }, ks = { class: "checklist-icon" }, _s = { class: "section" }, Cs = { class: "info-box" }, Ds = { class: "signature-section" }, xs = { class: "signature-box" }, Ss = { style: { "margin-top": "10px", color: "#666" } };
+function Ps(s, t, u, b, n, a) {
+  return n.ready ? (o(), l("div", Oe, [
     e("div", null, [
       v(e("nav", null, [
-        (o(!0), l(p, null, f(n.sections, (i) => (o(), l("button", {
+        (o(!0), l(p, null, h(n.sections, (i) => (o(), l("button", {
           key: i.id,
           class: g(["nav-btn", { active: n.activeSection === i.id }]),
-          onClick: (h) => a.handleSectionClick(i)
-        }, r(i.icon) + " " + r(i.name), 11, Fe))), 128))
+          onClick: (f) => a.handleSectionClick(i)
+        }, r(i.icon) + " " + r(i.name), 11, Ue))), 128))
       ], 512), [
         [P, !n.showReport]
       ]),
-      v(e("div", Ee, [
+      v(e("div", Le, [
         v(e("section", {
           class: g(["form-section", { active: n.activeSection === "maintenance" }])
         }, [
           t[37] || (t[37] = e("h2", null, "🛠️ Maintenance Tasks", -1)),
-          n.isLoading ? (o(), l("div", Ne, t[27] || (t[27] = [
+          n.isLoading ? (o(), l("div", $e, t[27] || (t[27] = [
             e("div", { class: "loading-spinner" }, null, -1),
             e("p", null, "Loading checklist...", -1)
           ]))) : m("", !0),
-          n.isLoading ? m("", !0) : (o(), l("form", Oe, [
-            e("div", Ue, [
-              e("div", Le, [
+          n.isLoading ? m("", !0) : (o(), l("form", je, [
+            e("div", Be, [
+              e("div", He, [
                 t[29] || (t[29] = e("h1", null, "Maintenance Checklist", -1)),
                 a.showAddTaskButton ? (o(), l("button", {
                   key: 0,
@@ -874,44 +904,44 @@ function Cs(s, t, u, b, n, a) {
                   e("i", { class: "fas fa-plus" }, null, -1)
                 ]))) : m("", !0)
               ]),
-              e("div", je, [
-                e("div", $e, " Progress: " + r(a.progress) + "% (" + r(a.completedCount.length) + "/" + r(n.checklists.length) + ") ", 1),
-                e("div", Be, [
+              e("div", Qe, [
+                e("div", Je, " Progress: " + r(a.progress) + "% (" + r(a.completedCount.length) + "/" + r(n.checklists.length) + ") ", 1),
+                e("div", We, [
                   e("div", {
                     class: "progress-fill",
                     style: E({ width: a.progress + "%" })
                   }, null, 4)
                 ])
               ]),
-              e("ul", He, [
-                (o(!0), l(p, null, f(n.checklists, (i) => (o(), l("li", {
+              e("ul", Ge, [
+                (o(!0), l(p, null, h(n.checklists, (i) => (o(), l("li", {
                   key: i.id,
                   class: "checklist-item"
                 }, [
                   e("div", {
                     class: g(["checkbox", { checked: i.completed }]),
-                    onClick: (h) => a.toggleTask(i)
+                    onClick: (f) => a.toggleTask(i)
                   }, [
-                    i.completed ? (o(), l("span", Je, "✓")) : m("", !0)
-                  ], 10, Qe),
+                    i.completed ? (o(), l("span", Ye, "✓")) : m("", !0)
+                  ], 10, ze),
                   e("span", {
                     class: g(["task-text", { completed: i.completed }]),
-                    onClick: (h) => a.toggleTask(i)
-                  }, r(i.text), 11, We),
+                    onClick: (f) => a.toggleTask(i)
+                  }, r(i.text), 11, Ke),
                   a.showAddTaskButton ? (o(), l("button", {
                     key: 0,
                     class: "delete-btn",
-                    onClick: (h) => a.deleteTask(i.id),
+                    onClick: (f) => a.deleteTask(i.id),
                     title: "Delete task"
                   }, t[30] || (t[30] = [
                     x('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3,6 5,6 21,6"></polyline><path d="m19,6v14a2,2 0 0,1 -2,2H7a2,2 0 0,1 -2,-2V6m3,0V4a2,2 0 0,1 2,-2h4a2,2 0 0,1 2,2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>', 1)
-                  ]), 8, Ge)) : m("", !0)
+                  ]), 8, Xe)) : m("", !0)
                 ]))), 128))
               ]),
-              n.after ? (o(), l("div", ze, [
+              n.after ? (o(), l("div", Ze, [
                 t[33] || (t[33] = e("label", null, "Upload Image Evidence", -1)),
-                e("ul", Ye, [
-                  e("li", Ke, [
+                e("ul", et, [
+                  e("li", tt, [
                     t[32] || (t[32] = e("span", { class: "task-text" }, " Image Evidence Already Uploaded ", -1)),
                     e("button", {
                       type: "button",
@@ -929,7 +959,7 @@ function Cs(s, t, u, b, n, a) {
               }, [
                 t[35] || (t[35] = e("label", null, "Upload Image Evidence", -1)),
                 t[36] || (t[36] = e("p", null, "You can only upload one image evidence here.", -1)),
-                e("div", Xe, [
+                e("div", st, [
                   e("p", null, r(n.fileText), 1),
                   e("input", {
                     type: "file",
@@ -943,7 +973,7 @@ function Cs(s, t, u, b, n, a) {
                   }, "Browse Files", -1))
                 ])
               ])),
-              a.completedCount === n.checklists.length ? (o(), l("div", Ze, " All tasks completed! ✅ ")) : m("", !0),
+              a.completedCount === n.checklists.length ? (o(), l("div", it, " All tasks completed! ✅ ")) : m("", !0),
               e("button", {
                 class: "reset-button",
                 onClick: t[3] || (t[3] = D((...i) => a.resetTasks && a.resetTasks(...i), ["prevent"]))
@@ -958,7 +988,7 @@ function Cs(s, t, u, b, n, a) {
         }, [
           t[62] || (t[62] = e("h2", null, "📅 Maintenance Schedule", -1)),
           e("form", null, [
-            e("div", et, [
+            e("div", nt, [
               t[38] || (t[38] = e("label", { for: "task-name" }, "Task Name", -1)),
               v(e("input", {
                 type: "text",
@@ -966,21 +996,21 @@ function Cs(s, t, u, b, n, a) {
                 "onUpdate:modelValue": t[4] || (t[4] = (i) => n.form.taskName = i),
                 required: ""
               }, null, 512), [
-                [w, n.form.taskName]
+                [k, n.form.taskName]
               ])
             ]),
-            e("div", tt, [
+            e("div", ot, [
               t[39] || (t[39] = e("label", { for: "task-description" }, "Description", -1)),
               v(e("textarea", {
                 id: "task-description",
                 "onUpdate:modelValue": t[5] || (t[5] = (i) => n.form.description = i),
                 required: ""
               }, null, 512), [
-                [w, n.form.description]
+                [k, n.form.description]
               ])
             ]),
-            e("div", st, [
-              e("div", it, [
+            e("div", lt, [
+              e("div", rt, [
                 t[41] || (t[41] = e("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
                 v(e("select", {
                   id: "maintenance-type",
@@ -992,7 +1022,7 @@ function Cs(s, t, u, b, n, a) {
                   [C, n.form.maintenanceType]
                 ])
               ]),
-              e("div", nt, [
+              e("div", at, [
                 t[43] || (t[43] = e("label", { for: "component" }, "Component/System", -1)),
                 v(e("select", {
                   id: "component",
@@ -1010,12 +1040,12 @@ function Cs(s, t, u, b, n, a) {
                   "onUpdate:modelValue": t[8] || (t[8] = (i) => n.form.customComponent = i),
                   style: { "margin-top": "8px" }
                 }, null, 512)), [
-                  [w, n.form.customComponent]
+                  [k, n.form.customComponent]
                 ]) : m("", !0)
               ])
             ]),
-            e("div", ot, [
-              e("div", lt, [
+            e("div", dt, [
+              e("div", ut, [
                 t[45] || (t[45] = e("label", { for: "priority" }, "Priority", -1)),
                 v(e("select", {
                   id: "priority",
@@ -1030,7 +1060,7 @@ function Cs(s, t, u, b, n, a) {
                   [C, n.form.priority]
                 ])
               ]),
-              e("div", rt, [
+              e("div", ct, [
                 t[46] || (t[46] = e("label", { for: "status" }, "Status", -1)),
                 v(e("input", {
                   type: "text",
@@ -1038,12 +1068,12 @@ function Cs(s, t, u, b, n, a) {
                   "onUpdate:modelValue": t[10] || (t[10] = (i) => n.form.status = i),
                   readonly: ""
                 }, null, 512), [
-                  [w, n.form.status]
+                  [k, n.form.status]
                 ])
               ])
             ]),
-            e("div", at, [
-              e("div", dt, [
+            e("div", mt, [
+              e("div", vt, [
                 t[47] || (t[47] = e("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
                 v(e("input", {
                   type: "number",
@@ -1052,27 +1082,27 @@ function Cs(s, t, u, b, n, a) {
                   min: "0",
                   step: "0.5"
                 }, null, 512), [
-                  [w, n.form.estimatedHours]
+                  [k, n.form.estimatedHours]
                 ])
               ])
             ]),
-            e("div", ut, [
+            e("div", pt, [
               t[49] || (t[49] = e("label", { for: "assigned-to" }, "Assigned To", -1)),
               v(e("select", {
                 id: "assigned-to",
                 "onUpdate:modelValue": t[12] || (t[12] = (i) => n.form.assignedTo = i)
               }, [
                 t[48] || (t[48] = e("option", { value: "" }, "-- Select Personnel --", -1)),
-                (o(!0), l(p, null, f(u.vesselCrew, (i) => (o(), l("option", {
+                (o(!0), l(p, null, h(u.vesselCrew, (i) => (o(), l("option", {
                   key: i.id,
                   value: `${i.name} - ${i.role}`
-                }, r(i.name) + " - " + r(i.role), 9, ct))), 128))
+                }, r(i.name) + " - " + r(i.role), 9, ft))), 128))
               ], 512), [
                 [C, n.form.assignedTo]
               ])
             ]),
-            e("div", mt, [
-              e("div", vt, [
+            e("div", ht, [
+              e("div", gt, [
                 t[51] || (t[51] = e("label", { for: "recurrence-type" }, "Recurrence", -1)),
                 v(e("select", {
                   id: "recurrence-type",
@@ -1085,18 +1115,18 @@ function Cs(s, t, u, b, n, a) {
                 ])
               ])
             ]),
-            e("div", pt, [
-              e("div", ft, [
+            e("div", bt, [
+              e("div", yt, [
                 t[52] || (t[52] = e("label", { for: "last-performed" }, "Last Performed Date", -1)),
                 v(e("input", {
                   type: "date",
                   id: "last-performed",
                   "onUpdate:modelValue": t[14] || (t[14] = (i) => n.form.lastPerformed = i)
                 }, null, 512), [
-                  [w, n.form.lastPerformed]
+                  [k, n.form.lastPerformed]
                 ])
               ]),
-              e("div", ht, [
+              e("div", wt, [
                 t[53] || (t[53] = e("label", { for: "next-due" }, "Due Date", -1)),
                 v(e("input", {
                   type: "date",
@@ -1104,14 +1134,14 @@ function Cs(s, t, u, b, n, a) {
                   "onUpdate:modelValue": t[15] || (t[15] = (i) => n.form.nextDue = i),
                   required: ""
                 }, null, 512), [
-                  [w, n.form.nextDue]
+                  [k, n.form.nextDue]
                 ])
               ])
             ]),
-            e("div", gt, [
+            e("div", kt, [
               t[56] || (t[56] = e("label", null, "Notifications", -1)),
-              e("div", bt, [
-                e("div", yt, [
+              e("div", _t, [
+                e("div", Ct, [
                   v(e("input", {
                     type: "checkbox",
                     id: "notify-email",
@@ -1121,7 +1151,7 @@ function Cs(s, t, u, b, n, a) {
                   ]),
                   t[54] || (t[54] = e("label", { for: "notify-email" }, "Email Notification", -1))
                 ]),
-                e("div", wt, [
+                e("div", Dt, [
                   v(e("input", {
                     type: "checkbox",
                     id: "notify-sms",
@@ -1133,8 +1163,8 @@ function Cs(s, t, u, b, n, a) {
                 ])
               ])
             ]),
-            e("div", kt, [
-              e("div", _t, [
+            e("div", xt, [
+              e("div", St, [
                 t[58] || (t[58] = e("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
                 v(e("select", {
                   id: "reminder-days",
@@ -1146,18 +1176,18 @@ function Cs(s, t, u, b, n, a) {
                 ])
               ])
             ]),
-            e("div", Ct, [
+            e("div", Pt, [
               t[59] || (t[59] = e("label", { for: "schedule-notes" }, "Notes", -1)),
               v(e("textarea", {
                 id: "schedule-notes",
                 "onUpdate:modelValue": t[19] || (t[19] = (i) => n.form.notes = i)
               }, null, 512), [
-                [w, n.form.notes]
+                [k, n.form.notes]
               ])
             ]),
-            e("div", Dt, [
+            e("div", At, [
               t[61] || (t[61] = e("label", null, "Attachments", -1)),
-              e("div", xt, [
+              e("div", qt, [
                 e("p", null, r(n.imgText), 1),
                 e("input", {
                   type: "file",
@@ -1172,13 +1202,13 @@ function Cs(s, t, u, b, n, a) {
                 }, "Browse Files", -1))
               ])
             ]),
-            e("div", St, [
+            e("div", Tt, [
               e("button", {
                 type: "button",
                 class: "btn btn-primary",
                 onClick: t[21] || (t[21] = D((...i) => a.saveSchedule && a.saveSchedule(...i), ["prevent"])),
                 disabled: n.isSaving
-              }, r(n.isSaving ? "Saving..." : "Save Schedule"), 9, Pt)
+              }, r(n.isSaving ? "Saving..." : "Save Schedule"), 9, It)
             ])
           ])
         ], 2), [
@@ -1188,9 +1218,9 @@ function Cs(s, t, u, b, n, a) {
           class: g(["form-section", { active: n.activeSection === "inventory" }])
         }, [
           t[68] || (t[68] = e("h2", null, "All Maintenance", -1)),
-          e("div", At, [
-            e("div", qt, [
-              e("div", Tt, [
+          e("div", Rt, [
+            e("div", Mt, [
+              e("div", Vt, [
                 e("button", {
                   class: g({ active: n.activeFilter === "due" }),
                   onClick: t[22] || (t[22] = (i) => a.setFilter("due"))
@@ -1208,11 +1238,11 @@ function Cs(s, t, u, b, n, a) {
                   "onUpdate:modelValue": t[25] || (t[25] = (i) => n.searchQuery = i),
                   placeholder: "Search..."
                 }, null, 512), [
-                  [w, n.searchQuery]
+                  [k, n.searchQuery]
                 ])
               ])
             ]),
-            e("table", It, [
+            e("table", Ft, [
               t[63] || (t[63] = e("thead", null, [
                 e("tr", null, [
                   e("th", null, "Equipment"),
@@ -1226,7 +1256,7 @@ function Cs(s, t, u, b, n, a) {
                 ])
               ], -1)),
               e("tbody", null, [
-                (o(!0), l(p, null, f(a.filteredTasks, (i) => (o(), l("tr", {
+                (o(!0), l(p, null, h(a.filteredTasks, (i) => (o(), l("tr", {
                   key: i.id
                 }, [
                   e("td", null, r(i.component), 1),
@@ -1243,23 +1273,23 @@ function Cs(s, t, u, b, n, a) {
                   e("td", null, [
                     i.status === "Completed" ? (o(), l("button", {
                       key: 0,
-                      onClick: (h) => a.printMaintenance(i.component),
+                      onClick: (f) => a.printMaintenance(i.component),
                       class: "status-action"
-                    }, "Print", 8, Rt)) : (o(), l("button", {
+                    }, "Print", 8, Et)) : (o(), l("button", {
                       key: 1,
-                      onClick: (h) => a.showMaintenance(i.component),
+                      onClick: (f) => a.showMaintenance(i.component),
                       class: "status-action"
-                    }, "Start", 8, Mt))
+                    }, "Start", 8, Nt))
                   ])
                 ]))), 128))
               ])
             ]),
-            u.tasks.length ? m("", !0) : (o(), l("div", Vt, [
-              e("div", Ft, [
+            u.tasks.length ? m("", !0) : (o(), l("div", Ot, [
+              e("div", Ut, [
                 t[65] || (t[65] = e("h4", { class: "alert-heading" }, "Such Empty!!!", -1)),
                 t[66] || (t[66] = e("p", null, "You have no maintenance, because you have not scheduled any for this ship.", -1)),
                 t[67] || (t[67] = e("hr", null, null, -1)),
-                e("p", Et, [
+                e("p", Lt, [
                   t[64] || (t[64] = _("Navigate to the schedule tab, to start scheduling. Or click on this button to ", -1)),
                   e("button", {
                     type: "button",
@@ -1276,20 +1306,20 @@ function Cs(s, t, u, b, n, a) {
       ], 512), [
         [P, !n.showReport]
       ]),
-      v(e("div", Nt, [
+      v(e("div", $t, [
         t[89] || (t[89] = e("div", { class: "header" }, [
           e("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
         ], -1)),
-        e("div", Ot, [
-          e("div", Ut, [
+        e("div", jt, [
+          e("div", Bt, [
             t[69] || (t[69] = e("div", { class: "info-label" }, "Report Generated:", -1)),
             e("div", null, r(n.reportDate), 1)
           ]),
-          e("div", Lt, [
+          e("div", Ht, [
             t[70] || (t[70] = e("div", { class: "info-label" }, "Report ID:", -1)),
             e("div", null, r(n.reportId), 1)
           ]),
-          e("div", jt, [
+          e("div", Qt, [
             t[71] || (t[71] = e("div", { class: "info-label" }, "Total Tasks:", -1)),
             e("div", null, r(n.maintenanceTasks.length), 1)
           ]),
@@ -1298,111 +1328,111 @@ function Cs(s, t, u, b, n, a) {
             e("div", null, "OceanHelm System")
           ], -1))
         ]),
-        e("div", $t, [
+        e("div", Jt, [
           t[75] || (t[75] = e("div", { class: "section-title" }, "📊 Task Summary", -1)),
-          e("div", Bt, [
+          e("div", Wt, [
             t[74] || (t[74] = x('<div class="summary-card"><div class="summary-number">1</div><div class="summary-label">Completed</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Pending</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Overdue</div></div>', 3)),
-            e("div", Ht, [
-              e("div", Qt, r(a.totalEstimatedHours), 1),
+            e("div", Gt, [
+              e("div", zt, r(a.totalEstimatedHours), 1),
               t[73] || (t[73] = e("div", { class: "summary-label" }, "Total Hours", -1))
             ])
           ])
         ]),
-        e("div", Jt, [
+        e("div", Yt, [
           t[85] || (t[85] = e("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
-          (o(!0), l(p, null, f(n.maintenanceTasks, (i) => (o(), l("div", {
+          (o(!0), l(p, null, h(n.maintenanceTasks, (i) => (o(), l("div", {
             key: i.taskName,
             class: g(["task-item", a.getTaskStatusClass(i)])
           }, [
-            e("div", Wt, [
+            e("div", Kt, [
               e("div", null, [
-                e("div", Gt, [
+                e("div", Xt, [
                   _(r(i.taskName) + " ", 1),
                   e("span", {
                     class: g(["maintenance-type", "type-" + i.maintenanceType])
                   }, r(i.maintenanceType), 3)
                 ]),
-                e("div", zt, "Component: " + r(i.component), 1)
+                e("div", Zt, "Component: " + r(i.component), 1)
               ]),
               e("span", {
                 class: g(["status-badge", "status-" + i.status.toLowerCase().replace(" ", "-")])
               }, r(i.status), 3)
             ]),
-            e("div", Yt, [
-              e("div", Kt, [
+            e("div", es, [
+              e("div", ts, [
                 t[76] || (t[76] = e("div", { class: "detail-label" }, "Assigned To", -1)),
-                e("div", Xt, r(i.assignedTo), 1)
+                e("div", ss, r(i.assignedTo), 1)
               ]),
-              e("div", Zt, [
+              e("div", is, [
                 t[77] || (t[77] = e("div", { class: "detail-label" }, "Estimated Hours", -1)),
-                e("div", es, r(i.estimatedHours) + " hours", 1)
+                e("div", ns, r(i.estimatedHours) + " hours", 1)
               ]),
-              e("div", ts, [
+              e("div", os, [
                 t[78] || (t[78] = e("div", { class: "detail-label" }, "Last Performed", -1)),
-                e("div", ss, r(a.formatDate(i.lastPerformed)), 1)
+                e("div", ls, r(a.formatDate(i.lastPerformed)), 1)
               ]),
-              e("div", is, [
+              e("div", rs, [
                 t[79] || (t[79] = e("div", { class: "detail-label" }, "Next Due", -1)),
-                e("div", ns, r(a.formatDate(i.nextDue)), 1)
+                e("div", as, r(a.formatDate(i.nextDue)), 1)
               ]),
-              e("div", os, [
+              e("div", ds, [
                 t[80] || (t[80] = e("div", { class: "detail-label" }, "Recurrence", -1)),
-                e("div", ls, r(i.recurrence), 1)
+                e("div", us, r(i.recurrence), 1)
               ]),
-              e("div", rs, [
+              e("div", cs, [
                 t[81] || (t[81] = e("div", { class: "detail-label" }, "Remaining Days", -1)),
-                e("div", as, r(i.remainingDays) + " days", 1)
+                e("div", ms, r(i.remainingDays) + " days", 1)
               ])
             ]),
-            i.description ? (o(), l("div", ds, [
+            i.description ? (o(), l("div", vs, [
               t[82] || (t[82] = e("div", { class: "detail-label" }, "Description", -1)),
-              e("div", us, r(i.description), 1)
+              e("div", ps, r(i.description), 1)
             ])) : m("", !0),
-            i.notes ? (o(), l("div", cs, [
+            i.notes ? (o(), l("div", fs, [
               t[83] || (t[83] = e("div", { class: "detail-label" }, "Notes", -1)),
-              e("div", ms, r(i.notes), 1)
+              e("div", hs, r(i.notes), 1)
             ])) : m("", !0),
-            i.checklistProgress && i.checklistProgress.length > 0 ? (o(), l("div", vs, [
+            i.checklistProgress && i.checklistProgress.length > 0 ? (o(), l("div", gs, [
               t[84] || (t[84] = e("div", { class: "detail-label" }, "Checklist Progress", -1)),
-              e("div", ps, [
+              e("div", bs, [
                 e("div", {
                   class: "progress-fill",
                   style: E({ width: a.getChecklistProgress(i) + "%" })
                 }, null, 4)
               ]),
-              e("div", fs, r(a.getCompletedChecklistItems(i)) + " of " + r(i.checklistProgress.length) + " items completed (" + r(a.getChecklistProgress(i)) + "%) ", 1),
-              e("div", hs, [
-                (o(!0), l(p, null, f(i.checklistProgress, (h, k) => (o(), l("div", {
-                  key: k,
+              e("div", ys, r(a.getCompletedChecklistItems(i)) + " of " + r(i.checklistProgress.length) + " items completed (" + r(a.getChecklistProgress(i)) + "%) ", 1),
+              e("div", ws, [
+                (o(!0), l(p, null, h(i.checklistProgress, (f, y) => (o(), l("div", {
+                  key: y,
                   class: "checklist-item"
                 }, [
-                  e("span", gs, r(h.completed ? "✅" : "⭕"), 1),
-                  e("span", null, r(h.text || "Checklist Item " + (k + 1)), 1)
+                  e("span", ks, r(f.completed ? "✅" : "⭕"), 1),
+                  e("span", null, r(f.text || "Checklist Item " + (y + 1)), 1)
                 ]))), 128))
               ])
             ])) : m("", !0)
           ], 2))), 128))
         ]),
-        e("div", bs, [
+        e("div", _s, [
           t[86] || (t[86] = e("div", { class: "section-title" }, "📋 Recommendations", -1)),
-          e("div", ys, [
+          e("div", Cs, [
             e("ul", null, [
-              (o(!0), l(p, null, f(a.generateRecommendations(), (i) => (o(), l("li", { key: i }, r(i), 1))), 128))
+              (o(!0), l(p, null, h(a.generateRecommendations(), (i) => (o(), l("li", { key: i }, r(i), 1))), 128))
             ])
           ])
         ]),
-        e("div", ws, [
+        e("div", Ds, [
           t[88] || (t[88] = e("div", { class: "signature-box" }, [
             e("div", null, [
               e("strong", null, "Report Generated By")
             ]),
             e("div", { style: { "margin-top": "10px", color: "#666" } }, "OceanHelm Maintenance System")
           ], -1)),
-          e("div", ks, [
+          e("div", xs, [
             t[87] || (t[87] = e("div", null, [
               e("strong", null, "Date")
             ], -1)),
-            e("div", _s, r(n.reportDate), 1)
+            e("div", Ss, r(n.reportDate), 1)
           ])
         ])
       ], 512), [
@@ -1411,8 +1441,8 @@ function Cs(s, t, u, b, n, a) {
     ])
   ])) : m("", !0);
 }
-const Ds = /* @__PURE__ */ S(Me, [["render", Cs]]);
-const xs = {
+const As = /* @__PURE__ */ S(Ne, [["render", Ps]]);
+const qs = {
   name: "ActivityLogs",
   props: {
     loading: Boolean,
@@ -1442,23 +1472,23 @@ const xs = {
       }[s] || "badge-view";
     }
   }
-}, Ss = { class: "activity-logs" }, Ps = { class: "a-controls" }, As = { class: "a-search-box" }, qs = ["value"], Ts = ["value"], Is = { class: "stats-grid" }, Rs = { class: "stat-card" }, Ms = { class: "value" }, Vs = { class: "stat-card" }, Fs = { class: "value" }, Es = { class: "stat-card" }, Ns = { class: "value" }, Os = { class: "logs-container" }, Us = {
+}, Ts = { class: "activity-logs" }, Is = { class: "a-controls" }, Rs = { class: "a-search-box" }, Ms = ["value"], Vs = ["value"], Fs = { class: "stats-grid" }, Es = { class: "stat-card" }, Ns = { class: "value" }, Os = { class: "stat-card" }, Us = { class: "value" }, Ls = { class: "stat-card" }, $s = { class: "value" }, js = { class: "logs-container" }, Bs = {
   key: 0,
   class: "loading"
-}, Ls = {
+}, Hs = {
   key: 1,
   class: "no-logs"
-}, js = { key: 2 }, $s = { class: "logs-table" }, Bs = { style: { color: "gray" } }, Hs = { style: { color: "gray" } }, Qs = { class: "pagination" }, Js = ["disabled"], Ws = ["onClick"], Gs = ["disabled"];
-function zs(s, t, u, b, n, a) {
-  return o(), l("div", Ss, [
-    e("div", Ps, [
-      e("div", As, [
+}, Qs = { key: 2 }, Js = { class: "logs-table" }, Ws = { style: { color: "gray" } }, Gs = { style: { color: "gray" } }, zs = { class: "pagination" }, Ys = ["disabled"], Ks = ["onClick"], Xs = ["disabled"];
+function Zs(s, t, u, b, n, a) {
+  return o(), l("div", Ts, [
+    e("div", Is, [
+      e("div", Rs, [
         e("input", {
           type: "text",
           placeholder: "Search activities, users, or actions...",
           value: u.searchTerm,
           onInput: t[0] || (t[0] = (i) => s.$emit("update:searchTerm", i.target.value))
-        }, null, 40, qs)
+        }, null, 40, Ms)
       ]),
       e("select", {
         class: "filter-select",
@@ -1466,7 +1496,7 @@ function zs(s, t, u, b, n, a) {
         onChange: t[1] || (t[1] = (i) => s.$emit("update:selectedFilter", i.target.value))
       }, t[6] || (t[6] = [
         x('<option value="all">All Activities</option><option value="login">Login</option><option value="logout">Logout</option><option value="create">Create</option><option value="update">Update</option><option value="delete">Delete</option><option value="view">View</option>', 7)
-      ]), 40, Ts),
+      ]), 40, Vs),
       e("button", {
         class: "btn btn-primary",
         onClick: t[2] || (t[2] = (i) => s.$emit("refresh"))
@@ -1476,33 +1506,33 @@ function zs(s, t, u, b, n, a) {
         onClick: t[3] || (t[3] = (i) => s.$emit("download"))
       }, "📥 Download Report")
     ]),
-    e("div", Is, [
-      e("div", Rs, [
+    e("div", Fs, [
+      e("div", Es, [
         t[7] || (t[7] = e("h3", null, "Total Activities", -1)),
-        e("div", Ms, r(u.totalActivities), 1)
+        e("div", Ns, r(u.totalActivities), 1)
       ]),
-      e("div", Vs, [
+      e("div", Os, [
         t[8] || (t[8] = e("h3", null, "Today's Activities", -1)),
-        e("div", Fs, r(u.todayActivities), 1)
+        e("div", Us, r(u.todayActivities), 1)
       ]),
-      e("div", Es, [
+      e("div", Ls, [
         t[9] || (t[9] = e("h3", null, "Active Users", -1)),
-        e("div", Ns, r(u.activeUsers), 1)
+        e("div", $s, r(u.activeUsers), 1)
       ]),
       t[10] || (t[10] = e("div", { class: "stat-card" }, [
         e("h3", null, "Important"),
         e("div", { class: "badge-danger" }, " Logs are deleted at the end of every month, please download a copy ")
       ], -1))
     ]),
-    e("div", Os, [
-      u.loading ? (o(), l("div", Us, t[11] || (t[11] = [
+    e("div", js, [
+      u.loading ? (o(), l("div", Bs, t[11] || (t[11] = [
         e("div", { class: "spinner" }, null, -1),
         e("p", null, "Loading activity logs...", -1)
-      ]))) : u.logs.length === 0 ? (o(), l("div", Ls, t[12] || (t[12] = [
+      ]))) : u.logs.length === 0 ? (o(), l("div", Hs, t[12] || (t[12] = [
         e("h3", null, "No activities found", -1),
         e("p", null, "Try adjusting your search or filter criteria", -1)
-      ]))) : (o(), l("div", js, [
-        e("table", $s, [
+      ]))) : (o(), l("div", Qs, [
+        e("table", Js, [
           t[13] || (t[13] = e("thead", null, [
             e("tr", null, [
               e("th", null, "Timestamp"),
@@ -1513,13 +1543,13 @@ function zs(s, t, u, b, n, a) {
             ])
           ], -1)),
           e("tbody", null, [
-            (o(!0), l(p, null, f(u.paginatedLogs, (i) => (o(), l("tr", {
+            (o(!0), l(p, null, h(u.paginatedLogs, (i) => (o(), l("tr", {
               key: i.id
             }, [
               e("td", null, r(a.formatDate(i.timestamp)), 1),
               e("td", null, [
                 e("div", null, r(i.user_name), 1),
-                e("small", Bs, r(i.email), 1)
+                e("small", Ws, r(i.email), 1)
               ]),
               e("td", null, [
                 e("span", {
@@ -1528,36 +1558,36 @@ function zs(s, t, u, b, n, a) {
               ]),
               e("td", null, [
                 _(r(i.details.status) + " ", 1),
-                (o(!0), l(p, null, f(i.details.information, (h, k) => (o(), l("div", { key: k }, [
-                  e("strong", null, r(k) + ": ", 1),
-                  e("small", Hs, r(h.from || "") + " → " + r(h.to || h), 1)
+                (o(!0), l(p, null, h(i.details.information, (f, y) => (o(), l("div", { key: y }, [
+                  e("strong", null, r(y) + ": ", 1),
+                  e("small", Gs, r(f.from || "") + " → " + r(f.to || f), 1)
                 ]))), 128))
               ]),
               e("td", null, r(i.table_name), 1)
             ]))), 128))
           ])
         ]),
-        e("div", Qs, [
+        e("div", zs, [
           e("button", {
             onClick: t[4] || (t[4] = (i) => s.$emit("change-page", u.currentPage - 1)),
             disabled: u.currentPage === 1
-          }, " Previous ", 8, Js),
-          (o(!0), l(p, null, f(u.totalPages, (i) => (o(), l("button", {
+          }, " Previous ", 8, Ys),
+          (o(!0), l(p, null, h(u.totalPages, (i) => (o(), l("button", {
             key: i,
-            onClick: (h) => s.$emit("change-page", i),
+            onClick: (f) => s.$emit("change-page", i),
             class: g({ active: u.currentPage === i })
-          }, r(i), 11, Ws))), 128)),
+          }, r(i), 11, Ks))), 128)),
           e("button", {
             onClick: t[5] || (t[5] = (i) => s.$emit("change-page", u.currentPage + 1)),
             disabled: u.currentPage === u.totalPages
-          }, " Next ", 8, Gs)
+          }, " Next ", 8, Xs)
         ])
       ]))
     ])
   ]);
 }
-const Ys = /* @__PURE__ */ S(xs, [["render", zs]]);
-const Ks = {
+const ei = /* @__PURE__ */ S(qs, [["render", Zs]]);
+const ti = {
   name: "CrewManagement",
   props: {
     // Required props
@@ -1779,39 +1809,39 @@ const Ks = {
       return b.setMonth(u.getMonth() + 1), t <= u ? "expired" : t <= b ? "expiringSoon" : "valid";
     }
   }
-}, Xs = { class: "crew-management" }, Zs = {
+}, si = { class: "crew-management" }, ii = {
   key: 0,
   class: "wave-bg"
-}, ei = { class: "crew-section" }, ti = { class: "crew-section-header" }, si = { class: "search-filter" }, ii = {
+}, ni = { class: "crew-section" }, oi = { class: "crew-section-header" }, li = { class: "search-filter" }, ri = {
   key: 0,
   class: "loading-state"
-}, ni = {
+}, ai = {
   key: 1,
   class: "crew-grid"
-}, oi = { class: "crew-name" }, li = { class: "crew-role" }, ri = { class: "crew-certifications" }, ai = ["onClick"], di = ["onClick"], ui = { class: "crew-availability" }, ci = { class: "crew-availability" }, mi = { class: "action-buttons" }, vi = {
+}, di = { class: "crew-name" }, ui = { class: "crew-role" }, ci = { class: "crew-certifications" }, mi = ["onClick"], vi = ["onClick"], pi = { class: "crew-availability" }, fi = { class: "crew-availability" }, hi = { class: "action-buttons" }, gi = {
   key: 0,
   class: "status-available crew-availability vcard"
-}, pi = {
+}, bi = {
   key: 1,
   class: "status-unavailable crew-availability vcard"
-}, fi = ["onClick"], hi = ["onClick"], gi = {
+}, yi = ["onClick"], wi = ["onClick"], ki = {
   key: 2,
   class: "no-results"
-}, bi = {
+}, _i = {
   key: 3,
   class: "add-crew-form"
-}, yi = { class: "form-row" }, wi = { class: "form-group" }, ki = {
+}, Ci = { class: "form-row" }, Di = { class: "form-group" }, xi = {
   key: 0,
   class: "error-message"
-}, _i = { class: "form-group" }, Ci = ["value"], Di = { class: "form-row" }, xi = { class: "form-group" }, Si = { class: "form-group" }, Pi = {
+}, Si = { class: "form-group" }, Pi = ["value"], Ai = { class: "form-row" }, qi = { class: "form-group" }, Ti = { class: "form-group" }, Ii = {
   key: 0,
   class: "error-message"
-}, Ai = { class: "certification-section" }, qi = { class: "form-row" }, Ti = { class: "form-group" }, Ii = ["onUpdate:modelValue"], Ri = { class: "form-group" }, Mi = ["onUpdate:modelValue"], Vi = { class: "form-group" }, Fi = ["onClick"], Ei = { class: "form-row" }, Ni = { class: "form-group" }, Oi = { class: "form-actions" };
-function Ui(s, t, u, b, n, a) {
-  return o(), l("div", Xs, [
-    u.config.showWaveBackground ? (o(), l("div", Zs)) : m("", !0),
-    e("div", ei, [
-      e("div", ti, [
+}, Ri = { class: "certification-section" }, Mi = { class: "form-row" }, Vi = { class: "form-group" }, Fi = ["onUpdate:modelValue"], Ei = { class: "form-group" }, Ni = ["onUpdate:modelValue"], Oi = { class: "form-group" }, Ui = ["onClick"], Li = { class: "form-row" }, $i = { class: "form-group" }, ji = { class: "form-actions" };
+function Bi(s, t, u, b, n, a) {
+  return o(), l("div", si, [
+    u.config.showWaveBackground ? (o(), l("div", ii)) : m("", !0),
+    e("div", ni, [
+      e("div", oi, [
         e("h2", null, r(a.sectionTitle), 1),
         a.canAddCrew ? (o(), l("button", {
           key: 0,
@@ -1819,14 +1849,14 @@ function Ui(s, t, u, b, n, a) {
           onClick: t[0] || (t[0] = (...i) => a.handleToggleAddForm && a.handleToggleAddForm(...i))
         }, r(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : m("", !0)
       ]),
-      e("div", si, [
+      e("div", li, [
         v(e("input", {
           type: "text",
           placeholder: "Search crew by name or role...",
           "onUpdate:modelValue": t[1] || (t[1] = (i) => n.searchQuery = i),
           onInput: t[2] || (t[2] = (...i) => a.handleSearch && a.handleSearch(...i))
         }, null, 544), [
-          [w, n.searchQuery]
+          [k, n.searchQuery]
         ]),
         v(e("select", {
           "onUpdate:modelValue": t[3] || (t[3] = (i) => n.filterStatus = i),
@@ -1840,7 +1870,7 @@ function Ui(s, t, u, b, n, a) {
           [C, n.filterStatus]
         ])
       ]),
-      u.loading ? (o(), l("div", ii, t[15] || (t[15] = [
+      u.loading ? (o(), l("div", ri, t[15] || (t[15] = [
         e("div", {
           class: "spinner-border text-primary",
           role: "status"
@@ -1848,55 +1878,55 @@ function Ui(s, t, u, b, n, a) {
           e("span", { class: "visually-hidden" }, "Loading crew...")
         ], -1),
         e("p", null, "Loading crew members...", -1)
-      ]))) : a.filteredCrew.length > 0 ? (o(), l("div", ni, [
-        (o(!0), l(p, null, f(a.filteredCrew, (i) => (o(), l("div", {
+      ]))) : a.filteredCrew.length > 0 ? (o(), l("div", ai, [
+        (o(!0), l(p, null, h(a.filteredCrew, (i) => (o(), l("div", {
           key: i.id,
           class: g(["crew-card", { unavailable: i.status === "unavailable" }])
         }, [
           e("div", {
-            class: g(["status-badge", a.getStatusClass(i.status)])
+            class: g(["crew-status-badge", a.getStatusClass(i.status)])
           }, r(a.formatStatus(i.status)), 3),
-          e("div", oi, r(i.name), 1),
-          e("div", li, r(i.role), 1),
-          e("div", ri, [
-            (o(!0), l(p, null, f(i.certifications, (h) => (o(), l("div", {
-              key: h.name,
-              class: g(["certification-tag", a.getCertificationClass(h.expiryDate)]),
-              onClick: (k) => a.handleViewCertification(h, i)
-            }, r(h.name), 11, ai))), 128)),
+          e("div", di, r(i.name), 1),
+          e("div", ui, r(i.role), 1),
+          e("div", ci, [
+            (o(!0), l(p, null, h(i.certifications, (f) => (o(), l("div", {
+              key: f.name,
+              class: g(["certification-tag", a.getCertificationClass(f.expiryDate)]),
+              onClick: (y) => a.handleViewCertification(f, i)
+            }, r(f.name), 11, mi))), 128)),
             a.canEditCrew ? (o(), l("i", {
               key: 0,
               class: "bi bi-patch-plus-fill icon",
-              onClick: (h) => a.handleAddCertification(i)
-            }, null, 8, di)) : m("", !0)
+              onClick: (f) => a.handleAddCertification(i)
+            }, null, 8, vi)) : m("", !0)
           ]),
-          e("div", ui, [
+          e("div", pi, [
             t[16] || (t[16] = e("strong", null, "Embarkation Date:", -1)),
             _(" " + r(i.nextShift || "Not Scheduled"), 1)
           ]),
-          e("div", ci, [
+          e("div", fi, [
             t[17] || (t[17] = e("strong", null, "Expected Days Onboard (in days):", -1)),
             _(" " + r(i.onBoard || "Not Scheduled"), 1)
           ]),
-          e("div", mi, [
-            i.vessel ? (o(), l("div", vi, " Vessel: " + r(i.vessel), 1)) : (o(), l("div", pi, " Vessel: Unassigned ")),
+          e("div", hi, [
+            i.vessel ? (o(), l("div", gi, " Vessel: " + r(i.vessel), 1)) : (o(), l("div", bi, " Vessel: Unassigned ")),
             a.canAssignShift ? (o(), l("button", {
               key: 2,
               class: "btn btn-primary",
-              onClick: (h) => a.handleAssignShift(i)
-            }, " Assign Shift ", 8, fi)) : m("", !0)
+              onClick: (f) => a.handleAssignShift(i)
+            }, " Assign Shift ", 8, yi)) : m("", !0)
           ]),
           a.canDeleteCrew ? (o(), l("i", {
             key: 0,
             class: "bi bi-trash icon delete-icon",
-            onClick: (h) => a.handleDeleteCrew(i)
-          }, null, 8, hi)) : m("", !0)
+            onClick: (f) => a.handleDeleteCrew(i)
+          }, null, 8, wi)) : m("", !0)
         ], 2))), 128))
-      ])) : u.loading ? m("", !0) : (o(), l("div", gi, r(u.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
-      n.showAddForm ? (o(), l("div", bi, [
+      ])) : u.loading ? m("", !0) : (o(), l("div", ki, r(u.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
+      n.showAddForm ? (o(), l("div", _i, [
         t[28] || (t[28] = e("h2", null, "Add New Crew Member", -1)),
-        e("div", yi, [
-          e("div", wi, [
+        e("div", Ci, [
+          e("div", Di, [
             t[18] || (t[18] = e("label", { for: "crew-name" }, "Full Name *", -1)),
             v(e("input", {
               type: "text",
@@ -1904,20 +1934,20 @@ function Ui(s, t, u, b, n, a) {
               "onUpdate:modelValue": t[5] || (t[5] = (i) => n.newCrew.name = i),
               class: g({ error: n.formErrors.name })
             }, null, 2), [
-              [w, n.newCrew.name]
+              [k, n.newCrew.name]
             ]),
-            n.formErrors.name ? (o(), l("div", ki, r(n.formErrors.name), 1)) : m("", !0)
+            n.formErrors.name ? (o(), l("div", xi, r(n.formErrors.name), 1)) : m("", !0)
           ]),
-          e("div", _i, [
+          e("div", Si, [
             t[20] || (t[20] = e("label", { for: "crew-role" }, "Role/Position *", -1)),
             v(e("select", {
               id: "crew-role",
               "onUpdate:modelValue": t[6] || (t[6] = (i) => n.newCrew.role = i)
             }, [
-              (o(!0), l(p, null, f(u.availableRoles, (i) => (o(), l("option", {
+              (o(!0), l(p, null, h(u.availableRoles, (i) => (o(), l("option", {
                 key: i,
                 value: i
-              }, r(i), 9, Ci))), 128)),
+              }, r(i), 9, Pi))), 128)),
               t[19] || (t[19] = e("option", { value: "Other" }, "Other", -1))
             ], 512), [
               [C, n.newCrew.role]
@@ -1929,12 +1959,12 @@ function Ui(s, t, u, b, n, a) {
               "onUpdate:modelValue": t[7] || (t[7] = (i) => n.newCrew.customRole = i),
               style: { "margin-top": "8px" }
             }, null, 512)), [
-              [w, n.newCrew.customRole]
+              [k, n.newCrew.customRole]
             ]) : m("", !0)
           ])
         ]),
-        e("div", Di, [
-          e("div", xi, [
+        e("div", Ai, [
+          e("div", qi, [
             t[22] || (t[22] = e("label", { for: "crew-status" }, "Status *", -1)),
             v(e("select", {
               id: "crew-status",
@@ -1947,7 +1977,7 @@ function Ui(s, t, u, b, n, a) {
               [C, n.newCrew.status]
             ])
           ]),
-          e("div", Si, [
+          e("div", Ti, [
             t[23] || (t[23] = e("label", { for: "crew-email" }, "Email Address *", -1)),
             v(e("input", {
               type: "email",
@@ -1955,44 +1985,44 @@ function Ui(s, t, u, b, n, a) {
               "onUpdate:modelValue": t[9] || (t[9] = (i) => n.newCrew.email = i),
               class: g({ error: n.formErrors.email })
             }, null, 2), [
-              [w, n.newCrew.email]
+              [k, n.newCrew.email]
             ]),
-            n.formErrors.email ? (o(), l("div", Pi, r(n.formErrors.email), 1)) : m("", !0)
+            n.formErrors.email ? (o(), l("div", Ii, r(n.formErrors.email), 1)) : m("", !0)
           ])
         ]),
-        e("div", Ai, [
+        e("div", Ri, [
           t[26] || (t[26] = e("h3", null, "Certifications", -1)),
-          (o(!0), l(p, null, f(n.newCrew.certifications, (i, h) => (o(), l("div", {
-            key: h,
+          (o(!0), l(p, null, h(n.newCrew.certifications, (i, f) => (o(), l("div", {
+            key: f,
             class: "certification-entry"
           }, [
-            e("div", qi, [
-              e("div", Ti, [
+            e("div", Mi, [
+              e("div", Vi, [
                 t[24] || (t[24] = e("label", null, "Certification Name", -1)),
                 v(e("input", {
                   type: "text",
-                  "onUpdate:modelValue": (k) => i.name = k,
+                  "onUpdate:modelValue": (y) => i.name = y,
                   placeholder: "Enter certification name"
-                }, null, 8, Ii), [
-                  [w, i.name]
+                }, null, 8, Fi), [
+                  [k, i.name]
                 ])
               ]),
-              e("div", Ri, [
+              e("div", Ei, [
                 t[25] || (t[25] = e("label", null, "Expiry Date", -1)),
                 v(e("input", {
                   type: "date",
-                  "onUpdate:modelValue": (k) => i.expiryDate = k
-                }, null, 8, Mi), [
-                  [w, i.expiryDate]
+                  "onUpdate:modelValue": (y) => i.expiryDate = y
+                }, null, 8, Ni), [
+                  [k, i.expiryDate]
                 ])
               ]),
-              e("div", Vi, [
+              e("div", Oi, [
                 n.newCrew.certifications.length > 1 ? (o(), l("button", {
                   key: 0,
                   type: "button",
                   class: "btn btn-danger btn-sm",
-                  onClick: (k) => a.removeCertification(h)
-                }, " Remove ", 8, Fi)) : m("", !0)
+                  onClick: (y) => a.removeCertification(f)
+                }, " Remove ", 8, Ui)) : m("", !0)
               ])
             ])
           ]))), 128)),
@@ -2002,19 +2032,19 @@ function Ui(s, t, u, b, n, a) {
             onClick: t[10] || (t[10] = (...i) => a.addCertificationEntry && a.addCertificationEntry(...i))
           }, " + Add More Certification ")
         ]),
-        e("div", Ei, [
-          e("div", Ni, [
+        e("div", Li, [
+          e("div", $i, [
             t[27] || (t[27] = e("label", { for: "crew-notes" }, "Notes", -1)),
             v(e("textarea", {
               id: "crew-notes",
               rows: "3",
               "onUpdate:modelValue": t[11] || (t[11] = (i) => n.newCrew.notes = i)
             }, null, 512), [
-              [w, n.newCrew.notes]
+              [k, n.newCrew.notes]
             ])
           ])
         ]),
-        e("div", Oi, [
+        e("div", ji, [
           e("button", {
             class: "btn btn-secondary",
             onClick: t[12] || (t[12] = (...i) => a.handleCancelForm && a.handleCancelForm(...i))
@@ -2028,8 +2058,8 @@ function Ui(s, t, u, b, n, a) {
     ])
   ]);
 }
-const Li = /* @__PURE__ */ S(Ks, [["render", Ui]]);
-const ji = {
+const Hi = /* @__PURE__ */ S(ti, [["render", Bi]]);
+const Qi = {
   name: "RequisitionSystem",
   props: {
     userProfile: {
@@ -2277,75 +2307,75 @@ const ji = {
   created() {
     this.addItem();
   }
-}, $i = { class: "s-container container" }, Bi = { class: "nav-tabs" }, Hi = ["onClick"], Qi = {
+}, Ji = { class: "s-container container" }, Wi = { class: "nav-tabs" }, Gi = ["onClick"], zi = {
   key: 0,
   class: "tab-content active"
-}, Ji = { class: "form-grid" }, Wi = { class: "form-group" }, Gi = ["value"], zi = { class: "form-group" }, Yi = ["value"], Ki = { class: "form-group" }, Xi = ["value"], Zi = { class: "form-group" }, en = { class: "form-group" }, tn = { class: "items-section" }, sn = { class: "items-header" }, nn = { class: "form-group" }, on = ["onUpdate:modelValue"], ln = { class: "form-group" }, rn = ["onUpdate:modelValue"], an = { class: "form-group" }, dn = ["onUpdate:modelValue"], un = { class: "form-group" }, cn = ["onUpdate:modelValue"], mn = ["value"], vn = { class: "form-group" }, pn = ["onUpdate:modelValue"], fn = ["onClick"], hn = {
+}, Yi = { class: "form-grid" }, Ki = { class: "form-group" }, Xi = ["value"], Zi = { class: "form-group" }, en = ["value"], tn = { class: "form-group" }, sn = ["value"], nn = { class: "form-group" }, on = { class: "form-group" }, ln = { class: "items-section" }, rn = { class: "items-header" }, an = { class: "form-group" }, dn = ["onUpdate:modelValue"], un = { class: "form-group" }, cn = ["onUpdate:modelValue"], mn = { class: "form-group" }, vn = ["onUpdate:modelValue"], pn = { class: "form-group" }, fn = ["onUpdate:modelValue"], hn = ["value"], gn = { class: "form-group" }, bn = ["onUpdate:modelValue"], yn = ["onClick"], wn = {
   key: 1,
   class: "tab-content active"
-}, gn = { class: "requisition-list" }, bn = { class: "requisition-header" }, yn = { class: "requisition-id" }, wn = { class: "requisition-details" }, kn = { class: "detail-label" }, _n = { class: "detail-value" }, Cn = {
+}, kn = { class: "requisition-list" }, _n = { class: "requisition-header" }, Cn = { class: "requisition-id" }, Dn = { class: "requisition-details" }, xn = { class: "detail-label" }, Sn = { class: "detail-value" }, Pn = {
   key: 0,
   class: "form-group comments-section"
-}, Dn = ["onClick"], xn = {
+}, An = ["onClick"], qn = {
   key: 2,
   class: "tab-content active"
-}, Sn = { class: "requisition-list" }, Pn = { class: "requisition-header" }, An = { class: "requisition-id" }, qn = { class: "requisition-details" }, Tn = { class: "detail-label" }, In = { class: "detail-value" }, Rn = {
+}, Tn = { class: "requisition-list" }, In = { class: "requisition-header" }, Rn = { class: "requisition-id" }, Mn = { class: "requisition-details" }, Vn = { class: "detail-label" }, Fn = { class: "detail-value" }, En = {
   key: 0,
   class: "form-group comments-section"
-}, Mn = ["onClick"], Vn = {
+}, Nn = ["onClick"], On = {
   key: 3,
   class: "tab-content active"
-}, Fn = {
+}, Un = {
   class: "requisition-list",
   id: "approvalsQueue"
-}, En = { class: "requisition-header" }, Nn = { class: "requisition-id" }, On = { class: "requisition-details" }, Un = { class: "detail-label" }, Ln = { class: "detail-value" }, jn = { class: "detail-item" }, $n = { class: "detail-value" }, Bn = { class: "detail-item" }, Hn = { class: "item-list" }, Qn = ["onClick"], Jn = ["onClick"], Wn = ["onClick"], Gn = {
+}, Ln = { class: "requisition-header" }, $n = { class: "requisition-id" }, jn = { class: "requisition-details" }, Bn = { class: "detail-label" }, Hn = { class: "detail-value" }, Qn = { class: "detail-item" }, Jn = { class: "detail-value" }, Wn = { class: "detail-item" }, Gn = { class: "item-list" }, zn = ["onClick"], Yn = ["onClick"], Kn = ["onClick"], Xn = {
   key: 4,
   class: "tab-content active"
-}, zn = {
+}, Zn = {
   class: "requisition-list",
   id: "purchasingQueue"
-}, Yn = { class: "requisition-header" }, Kn = { class: "requisition-id" }, Xn = { class: "requisition-details" }, Zn = { class: "detail-label" }, eo = { class: "detail-value" }, to = { class: "detail-item" }, so = { class: "detail-value" }, io = { class: "detail-item" }, no = { class: "item-list" }, oo = ["onClick"], lo = {
+}, eo = { class: "requisition-header" }, to = { class: "requisition-id" }, so = { class: "requisition-details" }, io = { class: "detail-label" }, no = { class: "detail-value" }, oo = { class: "detail-item" }, lo = { class: "detail-value" }, ro = { class: "detail-item" }, ao = { class: "item-list" }, uo = ["onClick"], co = {
   key: 5,
   class: "tab-content active"
-}, ro = {
+}, mo = {
   class: "requisition-list",
   id: "receivingQueue"
-}, ao = { class: "requisition-header" }, uo = { class: "requisition-id" }, co = { class: "requisition-details" }, mo = { class: "detail-label" }, vo = { class: "detail-value" }, po = { class: "detail-item" }, fo = { class: "detail-value" }, ho = { class: "detail-item" }, go = { class: "item-list" }, bo = ["onClick"], yo = {
+}, vo = { class: "requisition-header" }, po = { class: "requisition-id" }, fo = { class: "requisition-details" }, ho = { class: "detail-label" }, go = { class: "detail-value" }, bo = { class: "detail-item" }, yo = { class: "detail-value" }, wo = { class: "detail-item" }, ko = { class: "item-list" }, _o = ["onClick"], Co = {
   key: 6,
   class: "tab-content active"
-}, wo = {
+}, Do = {
   class: "po-content",
   id: "po-content"
-}, ko = { class: "po-header" }, _o = { class: "company-info" }, Co = { class: "info-row" }, Do = { class: "info-value" }, xo = { class: "info-row" }, So = { class: "info-value" }, Po = { class: "info-row" }, Ao = { class: "info-value" }, qo = { class: "info-row" }, To = { class: "info-value" }, Io = { class: "info-row" }, Ro = { class: "info-value" }, Mo = { class: "company-info" }, Vo = { class: "info-row" }, Fo = { class: "info-value" }, Eo = { class: "info-row" }, No = { class: "info-value" }, Oo = { class: "info-row" }, Uo = { class: "info-value" }, Lo = { class: "info-row" }, jo = { class: "info-value" }, $o = { class: "info-row" }, Bo = { class: "info-value" }, Ho = { class: "items-section" }, Qo = { class: "items-table" }, Jo = { key: 0 }, Wo = { key: 0 }, Go = {
+}, xo = { class: "po-header" }, So = { class: "company-info" }, Po = { class: "info-row" }, Ao = { class: "info-value" }, qo = { class: "info-row" }, To = { class: "info-value" }, Io = { class: "info-row" }, Ro = { class: "info-value" }, Mo = { class: "info-row" }, Vo = { class: "info-value" }, Fo = { class: "info-row" }, Eo = { class: "info-value" }, No = { class: "company-info" }, Oo = { class: "info-row" }, Uo = { class: "info-value" }, Lo = { class: "info-row" }, $o = { class: "info-value" }, jo = { class: "info-row" }, Bo = { class: "info-value" }, Ho = { class: "info-row" }, Qo = { class: "info-value" }, Jo = { class: "info-row" }, Wo = { class: "info-value" }, Go = { class: "items-section" }, zo = { class: "items-table" }, Yo = { key: 0 }, Ko = { key: 0 }, Xo = {
   key: 0,
   class: "price-change-indicator"
-}, zo = ["onUpdate:modelValue"], Yo = { key: 0 }, Ko = ["onClick"], Xo = { key: 1 }, Zo = ["onClick"], el = ["onClick"], tl = {
+}, Zo = ["onUpdate:modelValue"], el = { key: 0 }, tl = ["onClick"], sl = { key: 1 }, il = ["onClick"], nl = ["onClick"], ol = {
   key: 0,
   class: "justification-note"
-}, sl = { class: "totals" }, il = { class: "total-row" }, nl = { class: "total-row" }, ol = { class: "total-row" }, ll = { class: "total-row grand-total" }, rl = { class: "modal-content" }, al = { style: { "margin-bottom": "15px", color: "#666" } }, dl = { class: "modal-buttons" }, ul = ["disabled"], cl = {
+}, ll = { class: "totals" }, rl = { class: "total-row" }, al = { class: "total-row" }, dl = { class: "total-row" }, ul = { class: "total-row grand-total" }, cl = { class: "modal-content" }, ml = { style: { "margin-bottom": "15px", color: "#666" } }, vl = { class: "modal-buttons" }, pl = ["disabled"], fl = {
   key: 7,
   class: "tab-content active"
 };
-function ml(s, t, u, b, n, a) {
-  var i, h, k, A, q, T, I, R, M, V, F;
-  return o(), l("div", $i, [
+function hl(s, t, u, b, n, a) {
+  var i, f, y, A, q, T, I, R, M, V, F;
+  return o(), l("div", Ji, [
     t[62] || (t[62] = e("div", { class: "header" }, [
       e("h1", null, "OceanHelm Requisition System"),
       e("p", null, "Streamlined Material Request & Ordering Process")
     ], -1)),
-    e("div", Bi, [
-      (o(!0), l(p, null, f(a.visibleTabs, (d) => (o(), l("button", {
+    e("div", Wi, [
+      (o(!0), l(p, null, h(a.visibleTabs, (d) => (o(), l("button", {
         key: d.name,
         class: g(["nav-tab", { active: n.activeTab === d.name }]),
         onClick: (c) => a.setActiveTab(d.name)
-      }, r(d.label), 11, Hi))), 128))
+      }, r(d.label), 11, Gi))), 128))
     ]),
-    n.activeTab === "new-requisition" ? (o(), l("div", Qi, [
+    n.activeTab === "new-requisition" ? (o(), l("div", zi, [
       e("form", {
         onSubmit: t[5] || (t[5] = D((...d) => a.handleSubmitRequisition && a.handleSubmitRequisition(...d), ["prevent"]))
       }, [
-        e("div", Ji, [
-          e("div", Wi, [
+        e("div", Yi, [
+          e("div", Ki, [
             t[12] || (t[12] = e("label", null, "Requestor Name *", -1)),
             e("input", {
               type: "text",
@@ -2353,24 +2383,24 @@ function ml(s, t, u, b, n, a) {
               readonly: "",
               required: "",
               class: "form-control"
-            }, null, 8, Gi)
+            }, null, 8, Xi)
           ]),
-          e("div", zi, [
+          e("div", Zi, [
             t[14] || (t[14] = e("label", null, "Department *", -1)),
             v(e("select", {
               "onUpdate:modelValue": t[0] || (t[0] = (d) => n.form.department = d),
               required: ""
             }, [
               t[13] || (t[13] = e("option", { value: "" }, "Select Department", -1)),
-              (o(!0), l(p, null, f(n.departments, (d) => (o(), l("option", {
+              (o(!0), l(p, null, h(n.departments, (d) => (o(), l("option", {
                 key: d,
                 value: d
-              }, r(d), 9, Yi))), 128))
+              }, r(d), 9, en))), 128))
             ], 512), [
               [C, n.form.department]
             ])
           ]),
-          e("div", Ki, [
+          e("div", tn, [
             t[16] || (t[16] = e("label", null, "Vessel *", -1)),
             v(e("select", {
               "onUpdate:modelValue": t[1] || (t[1] = (d) => n.form.project = d),
@@ -2381,37 +2411,37 @@ function ml(s, t, u, b, n, a) {
                 disabled: "",
                 value: ""
               }, "Select a vessel", -1)),
-              (o(!0), l(p, null, f(u.vessels, (d) => (o(), l("option", {
+              (o(!0), l(p, null, h(u.vessels, (d) => (o(), l("option", {
                 key: d.id,
                 value: d.name
-              }, r(d.name), 9, Xi))), 128))
+              }, r(d.name), 9, sn))), 128))
             ], 512), [
               [C, n.form.project]
             ])
           ]),
-          e("div", Zi, [
+          e("div", nn, [
             t[17] || (t[17] = e("label", null, "Date Needed *", -1)),
             v(e("input", {
               type: "date",
               "onUpdate:modelValue": t[2] || (t[2] = (d) => n.form.neededDate = d),
               required: ""
             }, null, 512), [
-              [w, n.form.neededDate]
+              [k, n.form.neededDate]
             ])
           ])
         ]),
-        e("div", en, [
+        e("div", on, [
           t[18] || (t[18] = e("label", null, "Business Justification *", -1)),
           v(e("textarea", {
             "onUpdate:modelValue": t[3] || (t[3] = (d) => n.form.justification = d),
             placeholder: "Explain why these materials are needed...",
             required: ""
           }, null, 512), [
-            [w, n.form.justification]
+            [k, n.form.justification]
           ])
         ]),
-        e("div", tn, [
-          e("div", sn, [
+        e("div", ln, [
+          e("div", rn, [
             t[19] || (t[19] = e("h3", null, "Requested Items", -1)),
             e("button", {
               type: "button",
@@ -2420,71 +2450,71 @@ function ml(s, t, u, b, n, a) {
             }, "+ Add Item")
           ]),
           e("div", null, [
-            (o(!0), l(p, null, f(n.form.items, (d, c) => (o(), l("div", {
+            (o(!0), l(p, null, h(n.form.items, (d, c) => (o(), l("div", {
               key: c,
               class: "item-row"
             }, [
-              e("div", nn, [
+              e("div", an, [
                 t[20] || (t[20] = e("label", null, "Item Code *", -1)),
                 v(e("input", {
                   type: "text",
-                  "onUpdate:modelValue": (y) => d.id = y,
+                  "onUpdate:modelValue": (w) => d.id = w,
                   required: ""
-                }, null, 8, on), [
-                  [w, d.id]
+                }, null, 8, dn), [
+                  [k, d.id]
                 ])
               ]),
-              e("div", ln, [
+              e("div", un, [
                 t[21] || (t[21] = e("label", null, "Item Description *", -1)),
                 v(e("input", {
                   type: "text",
-                  "onUpdate:modelValue": (y) => d.desc = y,
+                  "onUpdate:modelValue": (w) => d.desc = w,
                   required: ""
-                }, null, 8, rn), [
-                  [w, d.desc]
+                }, null, 8, cn), [
+                  [k, d.desc]
                 ])
               ]),
-              e("div", an, [
+              e("div", mn, [
                 t[22] || (t[22] = e("label", null, "Quantity *", -1)),
                 v(e("input", {
                   type: "number",
-                  "onUpdate:modelValue": (y) => d.qty = y,
+                  "onUpdate:modelValue": (w) => d.qty = w,
                   min: "1",
                   required: ""
-                }, null, 8, dn), [
+                }, null, 8, vn), [
                   [
-                    w,
+                    k,
                     d.qty,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ]),
-              e("div", un, [
+              e("div", pn, [
                 t[23] || (t[23] = e("label", null, "Unit *", -1)),
                 v(e("select", {
-                  "onUpdate:modelValue": (y) => d.unit = y,
+                  "onUpdate:modelValue": (w) => d.unit = w,
                   required: ""
                 }, [
-                  (o(!0), l(p, null, f(n.units, (y) => (o(), l("option", {
-                    key: y,
-                    value: y
-                  }, r(y), 9, mn))), 128))
-                ], 8, cn), [
+                  (o(!0), l(p, null, h(n.units, (w) => (o(), l("option", {
+                    key: w,
+                    value: w
+                  }, r(w), 9, hn))), 128))
+                ], 8, fn), [
                   [C, d.unit]
                 ])
               ]),
-              e("div", vn, [
+              e("div", gn, [
                 t[24] || (t[24] = e("label", null, "Est. Unit Cost *", -1)),
                 v(e("input", {
                   type: "number",
-                  "onUpdate:modelValue": (y) => d.cost = y,
+                  "onUpdate:modelValue": (w) => d.cost = w,
                   step: "0.01",
                   placeholder: "0.00",
                   required: ""
-                }, null, 8, pn), [
+                }, null, 8, bn), [
                   [
-                    w,
+                    k,
                     d.cost,
                     void 0,
                     { number: !0 }
@@ -2494,8 +2524,8 @@ function ml(s, t, u, b, n, a) {
               e("button", {
                 type: "button",
                 class: "remove-item-btn",
-                onClick: (y) => a.removeItem(c)
-              }, "Remove", 8, fn)
+                onClick: (w) => a.removeItem(c)
+              }, "Remove", 8, yn)
             ]))), 128))
           ])
         ]),
@@ -2507,75 +2537,75 @@ function ml(s, t, u, b, n, a) {
         ], -1))
       ], 32)
     ])) : m("", !0),
-    n.activeTab === "all-requisitions" ? (o(), l("div", hn, [
-      e("div", gn, [
-        (o(!0), l(p, null, f(u.requisitions, (d) => (o(), l("div", {
+    n.activeTab === "all-requisitions" ? (o(), l("div", wn, [
+      e("div", kn, [
+        (o(!0), l(p, null, h(u.requisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", bn, [
-            e("div", yn, r(d.id), 1),
+          e("div", _n, [
+            e("div", Cn, r(d.id), 1),
             e("div", {
               class: g(["status-badge", `status-${d.status}`])
             }, r(d.status), 3)
           ]),
-          e("div", wn, [
-            (o(!0), l(p, null, f(a.getRequisitionFields(d), (c) => (o(), l("div", {
+          e("div", Dn, [
+            (o(!0), l(p, null, h(a.getRequisitionFields(d), (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", kn, r(c.label), 1),
-              e("div", _n, r(c.value(d)), 1)
+              e("div", xn, r(c.label), 1),
+              e("div", Sn, r(c.value(d)), 1)
             ]))), 128))
           ]),
-          d.status === "po-created" || d.status === "delivered" ? (o(), l("div", Cn, [
+          d.status === "po-created" || d.status === "delivered" ? (o(), l("div", Pn, [
             e("button", {
               onClick: (c) => a.handleOpenPO(d.id),
               class: "add-item-btn comments-section"
-            }, " Print PO ", 8, Dn)
+            }, " Print PO ", 8, An)
           ])) : m("", !0)
         ]))), 128))
       ])
     ])) : m("", !0),
-    n.activeTab === "my-requisitions" ? (o(), l("div", xn, [
-      e("div", Sn, [
-        (o(!0), l(p, null, f(a.myRequisitions, (d) => (o(), l("div", {
+    n.activeTab === "my-requisitions" ? (o(), l("div", qn, [
+      e("div", Tn, [
+        (o(!0), l(p, null, h(a.myRequisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", Pn, [
-            e("div", An, r(d.id), 1),
+          e("div", In, [
+            e("div", Rn, r(d.id), 1),
             e("div", {
               class: g(["status-badge", `status-${d.status}`])
             }, r(d.status), 3)
           ]),
-          e("div", qn, [
-            (o(!0), l(p, null, f(a.getRequisitionFields(d), (c) => (o(), l("div", {
+          e("div", Mn, [
+            (o(!0), l(p, null, h(a.getRequisitionFields(d), (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", Tn, r(c.label), 1),
-              e("div", In, r(c.value(d)), 1)
+              e("div", Vn, r(c.label), 1),
+              e("div", Fn, r(c.value(d)), 1)
             ]))), 128))
           ]),
-          d.status === "info-requested" ? (o(), l("div", Rn, [
+          d.status === "info-requested" ? (o(), l("div", En, [
             t[26] || (t[26] = e("label", { class: "detail-label" }, "Your Response", -1)),
             v(e("textarea", {
               "onUpdate:modelValue": t[6] || (t[6] = (c) => n.infoResponse = c),
               class: "response-textarea",
               placeholder: "Submit more info..."
             }, null, 512), [
-              [w, n.infoResponse]
+              [k, n.infoResponse]
             ]),
             e("button", {
               onClick: (c) => a.handleSubmitInfoResponse(d),
               class: "add-item-btn comments-section"
-            }, " Submit Info ", 8, Mn)
+            }, " Submit Info ", 8, Nn)
           ])) : m("", !0)
         ]))), 128))
       ])
     ])) : m("", !0),
-    n.activeTab === "approvals" ? (o(), l("div", Vn, [
+    n.activeTab === "approvals" ? (o(), l("div", On, [
       t[29] || (t[29] = e("div", { style: { "margin-bottom": "20px" } }, [
         e("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Department Supervisor Dashboard"),
         e("div", { style: { background: "#fef3c7", padding: "15px", "border-radius": "10px", "border-left": "4px solid #f59e0b" } }, [
@@ -2583,52 +2613,52 @@ function ml(s, t, u, b, n, a) {
           _(" Department Supervisor - Review requests for accuracy, necessity, and budget compliance ")
         ])
       ], -1)),
-      e("div", Fn, [
-        (o(!0), l(p, null, f(a.reviewRequisitions, (d) => (o(), l("div", {
+      e("div", Un, [
+        (o(!0), l(p, null, h(a.reviewRequisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", En, [
-            e("div", Nn, r(d.id), 1)
+          e("div", Ln, [
+            e("div", $n, r(d.id), 1)
           ]),
-          e("div", On, [
-            (o(!0), l(p, null, f(n.requisitionFields, (c) => (o(), l("div", {
+          e("div", jn, [
+            (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", Un, r(c.label), 1),
-              e("div", Ln, r(c.value(d)), 1)
+              e("div", Bn, r(c.label), 1),
+              e("div", Hn, r(c.value(d)), 1)
             ]))), 128))
           ]),
-          e("div", jn, [
+          e("div", Qn, [
             t[27] || (t[27] = e("div", { class: "detail-label" }, "Justification", -1)),
-            e("div", $n, r(d.justification || "N/A"), 1)
+            e("div", Jn, r(d.justification || "N/A"), 1)
           ]),
-          e("div", Bn, [
+          e("div", Wn, [
             t[28] || (t[28] = e("div", { class: "detail-label" }, "Items", -1)),
-            e("ul", Hn, [
-              (o(!0), l(p, null, f(d.items, (c, y) => (o(), l("li", { key: y }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+            e("ul", Gn, [
+              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
             ])
           ]),
           e("button", {
             type: "button",
             class: "add-item-btn",
             onClick: (c) => a.handleApproveRequisition(d.id)
-          }, "Approve", 8, Qn),
+          }, "Approve", 8, zn),
           e("button", {
             type: "button",
             class: "marginbox btn-reject",
             onClick: (c) => a.handleDeclineRequisition(d.id)
-          }, "Decline", 8, Jn),
+          }, "Decline", 8, Yn),
           e("button", {
             type: "button",
             class: "marginbox btn-request",
             onClick: (c) => a.handleInfoRequisition(d.id)
-          }, "Request Info", 8, Wn)
+          }, "Request Info", 8, Kn)
         ]))), 128))
       ])
     ])) : m("", !0),
-    n.activeTab === "purchasing" ? (o(), l("div", Gn, [
+    n.activeTab === "purchasing" ? (o(), l("div", Xn, [
       t[32] || (t[32] = e("div", { style: { "margin-bottom": "20px" } }, [
         e("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Purchasing Department Dashboard"),
         e("div", { style: { background: "#dbeafe", padding: "15px", "border-radius": "10px", "border-left": "4px solid #3b82f6" } }, [
@@ -2636,42 +2666,42 @@ function ml(s, t, u, b, n, a) {
           _(" Purchasing Team - Convert approved requisitions to Purchase Orders ")
         ])
       ], -1)),
-      e("div", zn, [
-        (o(!0), l(p, null, f(a.poRequisitions, (d) => (o(), l("div", {
+      e("div", Zn, [
+        (o(!0), l(p, null, h(a.poRequisitions, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", Yn, [
-            e("div", Kn, r(d.id), 1)
+          e("div", eo, [
+            e("div", to, r(d.id), 1)
           ]),
-          e("div", Xn, [
-            (o(!0), l(p, null, f(n.requisitionFields, (c) => (o(), l("div", {
+          e("div", so, [
+            (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", Zn, r(c.label), 1),
-              e("div", eo, r(c.value(d)), 1)
+              e("div", io, r(c.label), 1),
+              e("div", no, r(c.value(d)), 1)
             ]))), 128))
           ]),
-          e("div", to, [
+          e("div", oo, [
             t[30] || (t[30] = e("div", { class: "detail-label" }, "Justification", -1)),
-            e("div", so, r(d.justification || "N/A"), 1)
+            e("div", lo, r(d.justification || "N/A"), 1)
           ]),
-          e("div", io, [
+          e("div", ro, [
             t[31] || (t[31] = e("div", { class: "detail-label" }, "Items", -1)),
-            e("ul", no, [
-              (o(!0), l(p, null, f(d.items, (c, y) => (o(), l("li", { key: y }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+            e("ul", ao, [
+              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
             ])
           ]),
           e("button", {
             type: "button",
             class: "add-item-btn",
             onClick: (c) => a.handleCreatePO(d.id)
-          }, "Create PO", 8, oo)
+          }, "Create PO", 8, uo)
         ]))), 128))
       ])
     ])) : m("", !0),
-    n.activeTab === "receiving" ? (o(), l("div", lo, [
+    n.activeTab === "receiving" ? (o(), l("div", co, [
       t[35] || (t[35] = e("div", { style: { "margin-bottom": "20px" } }, [
         e("h3", { style: { color: "#1e40af", "margin-bottom": "15px" } }, "Receiving & Inventory Dashboard"),
         e("div", { style: { background: "#dcfce7", padding: "15px", "border-radius": "10px", "border-left": "4px solid #10b981" } }, [
@@ -2679,94 +2709,94 @@ function ml(s, t, u, b, n, a) {
           _(" Warehouse Team - Process incoming deliveries and update inventory ")
         ])
       ], -1)),
-      e("div", ro, [
-        (o(!0), l(p, null, f(a.awaitingDelivery, (d) => (o(), l("div", {
+      e("div", mo, [
+        (o(!0), l(p, null, h(a.awaitingDelivery, (d) => (o(), l("div", {
           key: d.id,
           class: "requisition-card"
         }, [
-          e("div", ao, [
-            e("div", uo, r(d.id), 1)
+          e("div", vo, [
+            e("div", po, r(d.id), 1)
           ]),
-          e("div", co, [
-            (o(!0), l(p, null, f(n.requisitionFields, (c) => (o(), l("div", {
+          e("div", fo, [
+            (o(!0), l(p, null, h(n.requisitionFields, (c) => (o(), l("div", {
               class: "detail-item",
               key: c.label
             }, [
-              e("div", mo, r(c.label), 1),
-              e("div", vo, r(c.value(d)), 1)
+              e("div", ho, r(c.label), 1),
+              e("div", go, r(c.value(d)), 1)
             ]))), 128))
           ]),
-          e("div", po, [
+          e("div", bo, [
             t[33] || (t[33] = e("div", { class: "detail-label" }, "Justification", -1)),
-            e("div", fo, r(d.justification || "N/A"), 1)
+            e("div", yo, r(d.justification || "N/A"), 1)
           ]),
-          e("div", ho, [
+          e("div", wo, [
             t[34] || (t[34] = e("div", { class: "detail-label" }, "Items", -1)),
-            e("ul", go, [
-              (o(!0), l(p, null, f(d.items, (c, y) => (o(), l("li", { key: y }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
+            e("ul", ko, [
+              (o(!0), l(p, null, h(d.items, (c, w) => (o(), l("li", { key: w }, r(c.desc) + " - " + r(c.qty) + " " + r(c.unit) + " @ ₦" + r(c.cost.toFixed(2)) + " each ", 1))), 128))
             ])
           ]),
           e("button", {
             type: "button",
             class: "add-item-btn",
             onClick: (c) => a.handleAcceptDelivery(d.id)
-          }, "Accept Delivery", 8, bo)
+          }, "Accept Delivery", 8, _o)
         ]))), 128))
       ])
     ])) : m("", !0),
-    n.activeTab === "po" ? (o(), l("div", yo, [
-      e("div", wo, [
-        e("div", ko, [
-          e("div", _o, [
+    n.activeTab === "po" ? (o(), l("div", Co, [
+      e("div", Do, [
+        e("div", xo, [
+          e("div", So, [
             t[41] || (t[41] = e("h3", null, "Vendor Information", -1)),
-            e("div", Co, [
+            e("div", Po, [
               t[36] || (t[36] = e("span", { class: "info-label" }, "Company:", -1)),
-              e("span", Do, r(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
+              e("span", Ao, r(n.vendorInfo.company || ((i = n.poDetails.vendorInfo) == null ? void 0 : i.company)), 1)
             ]),
-            e("div", xo, [
+            e("div", qo, [
               t[37] || (t[37] = e("span", { class: "info-label" }, "Contact:", -1)),
-              e("span", So, r(n.vendorInfo.contact || ((h = n.poDetails.vendorInfo) == null ? void 0 : h.contact)), 1)
+              e("span", To, r(n.vendorInfo.contact || ((f = n.poDetails.vendorInfo) == null ? void 0 : f.contact)), 1)
             ]),
-            e("div", Po, [
+            e("div", Io, [
               t[38] || (t[38] = e("span", { class: "info-label" }, "Email:", -1)),
-              e("span", Ao, r(n.vendorInfo.email || ((k = n.poDetails.vendorInfo) == null ? void 0 : k.email)), 1)
+              e("span", Ro, r(n.vendorInfo.email || ((y = n.poDetails.vendorInfo) == null ? void 0 : y.email)), 1)
             ]),
-            e("div", qo, [
+            e("div", Mo, [
               t[39] || (t[39] = e("span", { class: "info-label" }, "Phone:", -1)),
-              e("span", To, r(n.vendorInfo.phone || ((A = n.poDetails.vendorInfo) == null ? void 0 : A.phone)), 1)
+              e("span", Vo, r(n.vendorInfo.phone || ((A = n.poDetails.vendorInfo) == null ? void 0 : A.phone)), 1)
             ]),
-            e("div", Io, [
+            e("div", Fo, [
               t[40] || (t[40] = e("span", { class: "info-label" }, "Address:", -1)),
-              e("span", Ro, r(n.vendorInfo.address || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.address)), 1)
+              e("span", Eo, r(n.vendorInfo.address || ((q = n.poDetails.vendorInfo) == null ? void 0 : q.address)), 1)
             ])
           ]),
-          e("div", Mo, [
+          e("div", No, [
             t[47] || (t[47] = e("h3", null, "Purchase Order Details", -1)),
-            e("div", Vo, [
+            e("div", Oo, [
               t[42] || (t[42] = e("span", { class: "info-label" }, "PO Number:", -1)),
-              e("span", Fo, r(n.poDetails.id), 1)
+              e("span", Uo, r(n.poDetails.id), 1)
             ]),
-            e("div", Eo, [
+            e("div", Lo, [
               t[43] || (t[43] = e("span", { class: "info-label" }, "Date:", -1)),
-              e("span", No, r(n.vendorInfo.poDate || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.poDate)), 1)
+              e("span", $o, r(n.vendorInfo.poDate || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.poDate)), 1)
             ]),
-            e("div", Oo, [
+            e("div", jo, [
               t[44] || (t[44] = e("span", { class: "info-label" }, "Requested By:", -1)),
-              e("span", Uo, r(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
+              e("span", Bo, r(n.vendorInfo.poApproved || ((I = n.poDetails.vendorInfo) == null ? void 0 : I.poApproved)), 1)
             ]),
-            e("div", Lo, [
+            e("div", Ho, [
               t[45] || (t[45] = e("span", { class: "info-label" }, "Department:", -1)),
-              e("span", jo, "PO-" + r(n.poDetails.department), 1)
+              e("span", Qo, "PO-" + r(n.poDetails.department), 1)
             ]),
-            e("div", $o, [
+            e("div", Jo, [
               t[46] || (t[46] = e("span", { class: "info-label" }, "Delivery Date:", -1)),
-              e("span", Bo, r(n.poDetails.neededDate), 1)
+              e("span", Wo, r(n.poDetails.neededDate), 1)
             ])
           ])
         ]),
-        e("div", Ho, [
+        e("div", Go, [
           t[57] || (t[57] = e("h2", { class: "section-title" }, "Order Items", -1)),
-          e("table", Qo, [
+          e("table", zo, [
             e("thead", null, [
               e("tr", null, [
                 t[48] || (t[48] = e("th", null, "Item #", -1)),
@@ -2774,75 +2804,75 @@ function ml(s, t, u, b, n, a) {
                 t[50] || (t[50] = e("th", null, "Quantity", -1)),
                 t[51] || (t[51] = e("th", null, "Unit Price", -1)),
                 t[52] || (t[52] = e("th", null, "Total", -1)),
-                n.isPrinting ? m("", !0) : (o(), l("th", Jo, "Actions"))
+                n.isPrinting ? m("", !0) : (o(), l("th", Yo, "Actions"))
               ])
             ]),
             e("tbody", null, [
-              (o(!0), l(p, null, f(n.poDetails.items || [], (d, c) => (o(), l("tr", { key: c }, [
+              (o(!0), l(p, null, h(n.poDetails.items || [], (d, c) => (o(), l("tr", { key: c }, [
                 e("td", null, r(d.itemNumber), 1),
                 e("td", null, r(d.desc), 1),
                 e("td", null, r(d.qty), 1),
                 e("td", null, [
                   d.editing ? v((o(), l("input", {
                     key: 1,
-                    "onUpdate:modelValue": (y) => d.tempPrice = y,
+                    "onUpdate:modelValue": (w) => d.tempPrice = w,
                     type: "number",
                     step: "0.01",
                     class: g(["price-input", { "price-changed": d.cost !== d.tempPrice }])
-                  }, null, 10, zo)), [
+                  }, null, 10, Zo)), [
                     [
-                      w,
+                      k,
                       d.tempPrice,
                       void 0,
                       { number: !0 }
                     ]
-                  ]) : (o(), l("span", Wo, [
+                  ]) : (o(), l("span", Ko, [
                     _(" $" + r(d.cost.toFixed(2)) + " ", 1),
-                    d.cost !== d.unitPrice ? (o(), l("span", Go, "!")) : m("", !0)
+                    d.cost !== d.unitPrice ? (o(), l("span", Xo, "!")) : m("", !0)
                   ]))
                 ]),
                 e("td", null, "$" + r((d.unitPrice * d.qty).toFixed(2)), 1),
-                n.isPrinting ? m("", !0) : (o(), l("td", Yo, [
-                  d.editing ? (o(), l("div", Xo, [
+                n.isPrinting ? m("", !0) : (o(), l("td", el, [
+                  d.editing ? (o(), l("div", sl, [
                     e("button", {
-                      onClick: (y) => a.savePrice(c),
+                      onClick: (w) => a.savePrice(c),
                       class: "save-btn"
-                    }, "Save", 8, Zo),
+                    }, "Save", 8, il),
                     e("button", {
-                      onClick: (y) => a.cancelEdit(c),
+                      onClick: (w) => a.cancelEdit(c),
                       class: "cancel-btn"
-                    }, "Cancel", 8, el)
+                    }, "Cancel", 8, nl)
                   ])) : (o(), l("button", {
                     key: 0,
-                    onClick: (y) => a.startEdit(c),
+                    onClick: (w) => a.startEdit(c),
                     class: "edit-btn"
-                  }, " Edit Price ", 8, Ko))
+                  }, " Edit Price ", 8, tl))
                 ]))
               ]))), 128))
             ])
           ]),
-          (o(!0), l(p, null, f(n.poDetails.items || [], (d, c) => (o(), l("div", {
+          (o(!0), l(p, null, h(n.poDetails.items || [], (d, c) => (o(), l("div", {
             key: "note-" + c
           }, [
-            d.justification ? (o(), l("div", tl, [
+            d.justification ? (o(), l("div", ol, [
               e("strong", null, "Price Change Justification (Item " + r(d.itemNumber) + "):", 1),
               _(" " + r(d.justification), 1)
             ])) : m("", !0)
           ]))), 128)),
-          e("div", sl, [
-            e("div", il, [
+          e("div", ll, [
+            e("div", rl, [
               t[53] || (t[53] = e("span", null, "Subtotal:", -1)),
               e("span", null, "$" + r(a.subTotal.toFixed(2)), 1)
             ]),
-            e("div", nl, [
+            e("div", al, [
               t[54] || (t[54] = e("span", null, "Tax (%):", -1)),
               e("span", null, "$" + r(a.getOptional(n.vendorInfo.tax)), 1)
             ]),
-            e("div", ol, [
+            e("div", dl, [
               t[55] || (t[55] = e("span", null, "Shipping:", -1)),
               e("span", null, "$" + r(a.getOptional(n.vendorInfo.shipping)), 1)
             ]),
-            e("div", ll, [
+            e("div", ul, [
               t[56] || (t[56] = e("span", null, "Grand Total:", -1)),
               e("span", null, "$" + r((a.subTotal + a.getOptional(n.vendorInfo.tax) + a.getOptional(n.vendorInfo.shipping)).toFixed(2)), 1)
             ])
@@ -2854,9 +2884,9 @@ function ml(s, t, u, b, n, a) {
         class: "justification-modal",
         onClick: t[10] || (t[10] = D((...d) => a.closeJustificationModal && a.closeJustificationModal(...d), ["self"]))
       }, [
-        e("div", rl, [
+        e("div", cl, [
           t[60] || (t[60] = e("h3", null, "Price Change Justification Required", -1)),
-          e("p", al, [
+          e("p", ml, [
             t[58] || (t[58] = _(" Please provide a justification for changing the price from ", -1)),
             e("strong", null, "$" + r((M = (R = a.currentItem) == null ? void 0 : R.cost) == null ? void 0 : M.toFixed(2)), 1),
             t[59] || (t[59] = _(" to ", -1)),
@@ -2868,9 +2898,9 @@ function ml(s, t, u, b, n, a) {
             placeholder: "Enter justification for price change...",
             required: ""
           }, null, 512), [
-            [w, n.justificationText]
+            [k, n.justificationText]
           ]),
-          e("div", dl, [
+          e("div", vl, [
             e("button", {
               onClick: t[8] || (t[8] = (...d) => a.closeJustificationModal && a.closeJustificationModal(...d)),
               class: "cancel-btn"
@@ -2879,7 +2909,7 @@ function ml(s, t, u, b, n, a) {
               onClick: t[9] || (t[9] = (...d) => a.confirmPriceChange && a.confirmPriceChange(...d)),
               class: "save-btn",
               disabled: !n.justificationText.trim()
-            }, " Confirm Change ", 8, ul)
+            }, " Confirm Change ", 8, pl)
           ])
         ])
       ])) : m("", !0),
@@ -2890,18 +2920,18 @@ function ml(s, t, u, b, n, a) {
         onClick: t[11] || (t[11] = (d) => a.handleFinishPO(n.poDetails.id))
       }, "Approve PO"))
     ])) : m("", !0),
-    n.activeTab === "workflow" ? (o(), l("div", cl, t[61] || (t[61] = [
+    n.activeTab === "workflow" ? (o(), l("div", fl, t[61] || (t[61] = [
       x('<div class="workflow-steps"><div class="workflow-step"><div class="step-icon completed">1</div><div class="step-title">Request Submitted</div></div><div class="workflow-step"><div class="step-icon active">2</div><div class="step-title">Department Review</div></div><div class="workflow-step"><div class="step-icon">3</div><div class="step-title">Management Approval</div></div><div class="workflow-step"><div class="step-icon">4</div><div class="step-title">Purchase Order Created</div></div><div class="workflow-step"><div class="step-icon">5</div><div class="step-title">Order Fulfilled</div></div></div><div style="background:white;padding:30px;border-radius:15px;margin-top:20px;"><h3 style="color:#1e40af;margin-bottom:20px;">Requisition Workflow Process</h3><div style="line-height:1.8;color:#374151;"><p><strong>Step 1: Request Identification</strong><br> Department or individual identifies need for materials, equipment, or services.</p><p><strong>Step 2: Requisition Creation</strong><br> Complete requisition form with detailed specifications, quantities, and business justification.</p><p><strong>Step 3: Department Review</strong><br> Department supervisor reviews request for accuracy, necessity, and budget compliance.</p><p><strong>Step 4: Management Approval</strong><br> Based on cost thresholds, appropriate management level provides approval.</p><p><strong>Step 5: Purchase Order Generation</strong><br> Purchasing team converts approved requisition into formal Purchase Order (PO).</p><p><strong>Step 6: Vendor Processing</strong><br> PO sent to vendor, order processed, and delivery scheduled.</p><p><strong>Step 7: Receipt &amp; Inventory</strong><br> Goods received, inspected, and entered into inventory system.</p></div></div>', 2)
     ]))) : m("", !0)
   ]);
 }
-const vl = /* @__PURE__ */ S(ji, [["render", ml]]), fl = (s = {}) => ({
+const gl = /* @__PURE__ */ S(Qi, [["render", hl]]), yl = (s = {}) => ({
   brandName: s.brandName || "OceanHelm",
   logoIcon: s.logoIcon || "bi bi-water",
   showLogo: s.showLogo !== !1,
   responsive: s.responsive !== !1,
   ...s
-}), hl = [
+}), wl = [
   {
     type: "link",
     label: "Dashboard",
@@ -2964,6 +2994,12 @@ const vl = /* @__PURE__ */ S(ji, [["render", ml]]), fl = (s = {}) => ({
     icon: "fas fa-ship",
     action: "coming-soon"
   },
+  {
+    type: "button",
+    label: "Vessel Log",
+    icon: "bi bi-file-ruled",
+    action: "vessel-log"
+  },
   {
     type: "button",
     label: "Settings",
@@ -2977,22 +3013,22 @@ const vl = /* @__PURE__ */ S(ji, [["render", ml]]), fl = (s = {}) => ({
     icon: "bi bi-question-circle",
     action: "help"
   }
-], gl = (s, t) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(t == null ? void 0 : t.role), bl = {
+], kl = (s, t) => !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(t == null ? void 0 : t.role), _l = {
   install(s, t = {}) {
-    s.component("ConfigurableSidebar", K), s.component("VesselLists", Se), s.component("DashHead", Re), s.component("ActivityLogs", Ys), s.component("CrewManagement", Li), s.component("RequisitionSystem", vl), s.component("OceanHelmMaintenance", Ds), s.provide("sidebarConfig", t);
+    s.component("ConfigurableSidebar", K), s.component("VesselLists", Te), s.component("DashHead", Ee), s.component("ActivityLogs", ei), s.component("CrewManagement", Hi), s.component("RequisitionSystem", gl), s.component("OceanHelmMaintenance", As), s.provide("sidebarConfig", t);
   }
 };
 export {
-  Ys as ActivityLogs,
+  ei as ActivityLogs,
   K as ConfigurableSidebar,
-  Li as CrewManagement,
-  Re as DashHead,
-  Ds as OceanHelmMaintenance,
-  vl as RequisitionSystem,
-  Se as VesselList,
-  fl as createSidebarConfig,
-  bl as default,
-  hl as defaultMenuItems,
-  gl as defaultPermissionChecker
+  Hi as CrewManagement,
+  Ee as DashHead,
+  As as OceanHelmMaintenance,
+  gl as RequisitionSystem,
+  Te as VesselList,
+  yl as createSidebarConfig,
+  _l as default,
+  wl as defaultMenuItems,
+  kl as defaultPermissionChecker
 };
 //# sourceMappingURL=oceanhelm.es.js.map