oceanhelm 0.0.1

package/dist/oceanhelm.es.js

@@ -0,0 +1,2134 @@
+import { openBlock as r, createElementBlock as a, normalizeClass as h, createElementVNode as t, toDisplayString as d, createCommentVNode as u, Fragment as f, renderList as g, withModifiers as C, createTextVNode as b, renderSlot as T, withDirectives as c, vShow as _, normalizeStyle as S, createStaticVNode as k, vModelText as y, vModelSelect as w, vModelCheckbox as D } from "vue";
+const x = (i, e) => {
+  const l = i.__vccOpts || i;
+  for (const [v, n] of e)
+    l[v] = n;
+  return l;
+}, P = {
+  name: "ConfigurableSidebar",
+  props: {
+    // Brand configuration
+    brandName: {
+      type: String,
+      default: "OceanHelm"
+    },
+    logoIcon: {
+      type: String,
+      default: "bi bi-water"
+    },
+    showLogo: {
+      type: Boolean,
+      default: !0
+    },
+    // Menu items configuration
+    menuItems: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    // User profile for role-based filtering
+    userProfile: {
+      type: Object,
+      default: () => ({})
+    },
+    // Sidebar behavior
+    responsive: {
+      type: Boolean,
+      default: !0
+    },
+    // Custom classes
+    customClasses: {
+      type: String,
+      default: ""
+    },
+    // Permission checker function
+    permissionChecker: {
+      type: Function,
+      default: null
+    }
+  },
+  computed: {
+    sidebarClasses() {
+      return this.customClasses;
+    },
+    filteredMenuItems() {
+      return this.menuItems.filter((i) => this.hasPermission(i));
+    }
+  },
+  mounted() {
+    this.responsive && this.initializeResponsiveBehavior();
+  },
+  methods: {
+    // Permission checking
+    hasPermission(i) {
+      return this.permissionChecker ? this.permissionChecker(i, this.userProfile) : !i.roles || i.roles.length === 0 ? !0 : i.roles.includes(this.userProfile.role);
+    },
+    // Navigation handling
+    handleNavigation(i) {
+      var e;
+      this.$emit("navigate", i), i.href && !i.preventDefault && (i.external ? window.open(i.href, "_blank") : (e = this.$router) == null || e.push(i.href));
+    },
+    // Action handling
+    handleAction(i) {
+      this.$emit("action", i);
+    },
+    // Item click handling
+    handleItemClick(i) {
+      this.$emit("item-click", i), i.type;
+    },
+    // Responsive behavior
+    initializeResponsiveBehavior() {
+      const i = document.getElementById("sidebarToggle"), e = document.getElementById("sidebar"), l = document.getElementById("content");
+      !i || !e || !l || (window.innerWidth >= 768 && (e.classList.toggle("active"), l.classList.toggle("active")), i.addEventListener("click", () => {
+        e.classList.toggle("active"), l.classList.toggle("active");
+      }), document.addEventListener("click", (v) => {
+        const n = e.contains(v.target), o = i.contains(v.target);
+        !n && !o && window.innerWidth < 768 && e.classList.contains("active") && (e.classList.remove("active"), l.classList.remove("active"));
+      }));
+    }
+  },
+  emits: ["navigate", "action", "item-click"]
+}, M = {
+  key: 0,
+  class: "logo d-flex align-items-center left"
+}, E = { class: "list-unstyled components mt-4" }, V = ["onClick"], N = ["href", "onClick"], L = ["onClick"], F = {
+  class: "dropdown-toggle",
+  type: "button",
+  "data-bs-toggle": "dropdown",
+  "aria-expanded": "false"
+}, U = {
+  class: "dropdown-menu",
+  "aria-labelledby": "dropdownMenuLink"
+}, I = ["onClick"], R = {
+  key: 3,
+  class: "dropdown-divider"
+}, O = { key: 4 };
+function B(i, e, l, v, n, o) {
+  return r(), a("nav", {
+    id: "sidebar",
+    class: h(o.sidebarClasses)
+  }, [
+    l.showLogo ? (r(), a("div", M, [
+      t("i", {
+        class: h([l.logoIcon, "me-2"])
+      }, null, 2),
+      t("span", null, d(l.brandName), 1)
+    ])) : u("", !0),
+    t("ul", E, [
+      (r(!0), a(f, null, g(o.filteredMenuItems, (s, m) => (r(), a("li", {
+        key: m,
+        class: h({ active: s.active, dropdown: s.type === "dropdown" }),
+        onClick: (p) => o.handleItemClick(s)
+      }, [
+        s.type === "link" ? (r(), a("a", {
+          key: 0,
+          href: s.href || "#",
+          onClick: C((p) => o.handleNavigation(s), ["prevent"])
+        }, [
+          s.icon ? (r(), a("i", {
+            key: 0,
+            class: h(s.icon)
+          }, null, 2)) : u("", !0),
+          b(" " + d(s.label), 1)
+        ], 8, N)) : s.type === "button" ? (r(), a("a", {
+          key: 1,
+          onClick: C((p) => o.handleAction(s), ["prevent"]),
+          style: { cursor: "pointer" }
+        }, [
+          s.icon ? (r(), a("i", {
+            key: 0,
+            class: h(s.icon)
+          }, null, 2)) : u("", !0),
+          b(" " + d(s.label), 1)
+        ], 8, L)) : s.type === "dropdown" ? (r(), a(f, { key: 2 }, [
+          t("a", F, [
+            s.icon ? (r(), a("i", {
+              key: 0,
+              class: h(s.icon)
+            }, null, 2)) : u("", !0),
+            b(" " + d(s.label), 1)
+          ]),
+          t("div", U, [
+            (r(!0), a(f, null, g(s.children, (p, A) => (r(), a("a", {
+              key: A,
+              class: "dropdown-item black",
+              onClick: C((Ei) => o.handleAction(p), ["prevent"]),
+              style: { cursor: "pointer" }
+            }, d(p.label), 9, I))), 128))
+          ])
+        ], 64)) : s.type === "separator" ? (r(), a("div", R)) : s.type === "text" ? (r(), a("a", O, d(s.label), 1)) : u("", !0)
+      ], 10, V))), 128))
+    ]),
+    T(i.$slots, "footer", {}, void 0, !0)
+  ], 2);
+}
+const H = /* @__PURE__ */ x(P, [["render", B], ["__scopeId", "data-v-5c9320f4"]]);
+const q = {
+  name: "VesselList",
+  props: {
+    // Required props
+    vessels: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    userProfile: {
+      type: Object,
+      required: !0,
+      default: () => ({ role: "viewer", vessel: null })
+    },
+    // Optional props
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    currentRoute: {
+      type: String,
+      default: "dashboard"
+      // 'dashboard', 'maintenanceroute', 'crewroute'
+    },
+    // Configuration props
+    config: {
+      type: Object,
+      default: () => ({
+        enableAdd: !0,
+        enableEdit: !0,
+        enableDelete: !0,
+        enableStatusToggle: !0,
+        showCertifications: !0
+      })
+    }
+  },
+  emits: [
+    "vessel-add",
+    "vessel-click",
+    "vessel-edit",
+    "vessel-delete",
+    "vessel-toggle-status",
+    "vessel-navigate",
+    "access-denied"
+  ],
+  computed: {
+    activeVesselsCount() {
+      return this.vessels.filter((i) => i.status === "Active").length;
+    },
+    inactiveVesselsCount() {
+      return this.vessels.filter((i) => i.status === "Inactive").length;
+    },
+    canAddVessel() {
+      return this.config.enableAdd && (this.userProfile.role === "owner" || this.userProfile.role === "staff");
+    }
+  },
+  methods: {
+    // Event handlers that emit to parent
+    handleAddVessel() {
+      if (!this.canAddVessel) {
+        this.handleAccessDenied("add vessel");
+        return;
+      }
+      this.$emit("vessel-add");
+    },
+    handleVesselClick(i) {
+      const e = {
+        vessel: i,
+        route: this.currentRoute,
+        id: i.registrationNumber,
+        name: i.name
+      };
+      this.currentRoute === "dashboard" ? this.$emit("vessel-click", i) : this.$emit("vessel-navigate", e);
+    },
+    handleDeleteVessel(i) {
+      if (!this.grantAccess(i)) {
+        this.handleAccessDenied("delete vessel");
+        return;
+      }
+      this.config.enableDelete && this.$emit("vessel-delete", i);
+    },
+    handleToggleStatus(i) {
+      if (!this.grantAccess(i)) {
+        this.handleAccessDenied("change vessel status");
+        return;
+      }
+      this.config.enableStatusToggle && this.$emit("vessel-toggle-status", i);
+    },
+    handleEditVessel(i) {
+      if (!this.grantAccess(i)) {
+        this.handleAccessDenied("edit vessel");
+        return;
+      }
+      this.config.enableEdit && this.$emit("vessel-edit", i);
+    },
+    handleAccessDenied(i) {
+      this.$emit("access-denied", { action: i, userProfile: this.userProfile });
+    },
+    // Utility methods (keep these in component as they're UI-related)
+    statusClass(i) {
+      return `status-${(i == null ? void 0 : i.toLowerCase()) || ""}`;
+    },
+    grantAccess(i) {
+      const { role: e, vessel: l } = this.userProfile;
+      return e === "owner" || e === "staff" || e === "captain" && l === i.name;
+    },
+    getDaysToExpiry(i) {
+      if (!i)
+        return null;
+      const e = /* @__PURE__ */ new Date(), v = new Date(i) - e;
+      return Math.ceil(v / (1e3 * 60 * 60 * 24));
+    },
+    getExpiryClass(i) {
+      const e = this.getDaysToExpiry(i);
+      return e === null ? "" : e < 30 ? "cert-critical" : e < 90 ? "cert-warning" : "";
+    }
+  }
+}, j = { class: "row mb-3" }, $ = { class: "col-md-4" }, Q = { class: "card border-0 shadow-sm" }, z = { class: "card-body d-flex align-items-center" }, Y = { class: "mt-2 mb-0" }, K = { class: "col-md-4" }, W = { class: "card border-0 shadow-sm" }, G = { class: "card-body d-flex align-items-center" }, J = { class: "mt-2 mb-0" }, X = {
+  key: 0,
+  class: "col-md-4"
+}, Z = {
+  key: 0,
+  class: "text-center py-4"
+}, ee = {
+  key: 1,
+  class: "alert alert-primary",
+  role: "alert"
+}, te = {
+  key: 2,
+  class: "row"
+}, se = ["onClick"], ie = { class: "card-body d-flex align-items-center" }, ne = { class: "flex-grow-1" }, le = { class: "d-flex justify-content-between align-items-center mb-2" }, oe = { class: "card-title mb-0" }, re = { class: "row" }, ae = { class: "col-6" }, de = { class: "mb-0" }, ce = { class: "col-6" }, ue = { class: "mb-0" }, me = { class: "action-icon left delete" }, ve = ["onClick"], he = ["onClick"];
+function fe(i, e, l, v, n, o) {
+  return r(), a(f, null, [
+    t("div", j, [
+      t("div", $, [
+        t("div", Q, [
+          t("div", z, [
+            e[2] || (e[2] = t("div", { class: "rounded-circle bg-primary bg-opacity-10 p-3 me-3" }, [
+              t("i", { class: "bi bi-check-circle-fill text-primary fs-4" })
+            ], -1)),
+            t("div", null, [
+              e[1] || (e[1] = t("h6", { class: "mb-0" }, "Active Vessels", -1)),
+              t("h3", Y, d(o.activeVesselsCount), 1)
+            ])
+          ])
+        ])
+      ]),
+      t("div", K, [
+        t("div", W, [
+          t("div", G, [
+            e[4] || (e[4] = t("div", { class: "rounded-circle bg-secondary bg-opacity-10 p-3 me-3" }, [
+              t("i", { class: "bi bi-pause-circle-fill text-secondary fs-4" })
+            ], -1)),
+            t("div", null, [
+              e[3] || (e[3] = t("h6", { class: "mb-0" }, "Inactive", -1)),
+              t("h3", J, d(o.inactiveVesselsCount), 1)
+            ])
+          ])
+        ])
+      ]),
+      o.canAddVessel ? (r(), a("div", X, [
+        t("div", {
+          class: "card border-0 shadow-sm",
+          onClick: e[0] || (e[0] = (...s) => o.handleAddVessel && o.handleAddVessel(...s))
+        }, e[5] || (e[5] = [
+          t("div", { class: "card-body d-flex align-items-center" }, [
+            t("div", { class: "rounded-circle bg-success bg-opacity-10 p-3 me-3" }, [
+              t("i", { class: "bi bi-patch-plus-fill text-success fs-4" })
+            ]),
+            t("div", null, [
+              t("h6", { class: "mb-0" }, "Add New Vessel")
+            ])
+          ], -1)
+        ]))
+      ])) : u("", !0)
+    ]),
+    e[11] || (e[11] = t("h4", { class: "mb-4" }, [
+      t("i", { class: "bi bi-ship me-2" }),
+      b("Registered Vessels")
+    ], -1)),
+    l.loading ? (r(), a("div", Z, e[6] || (e[6] = [
+      t("div", {
+        class: "spinner-border text-primary",
+        role: "status"
+      }, [
+        t("span", { class: "visually-hidden" }, "Loading...")
+      ], -1),
+      t("p", { class: "mt-2" }, "Loading vessels...", -1)
+    ]))) : l.vessels.length ? (r(), a("div", te, [
+      (r(!0), a(f, null, g(l.vessels, (s) => (r(), a("div", {
+        class: "col-lg-6",
+        key: s.registrationNumber || s.id
+      }, [
+        t("div", {
+          class: "vessel-card",
+          onClick: (m) => o.handleVesselClick(s)
+        }, [
+          t("div", ie, [
+            e[10] || (e[10] = t("div", { class: "vessel-icon left" }, [
+              t("i", { class: "fas fa-ship" })
+            ], -1)),
+            t("div", ne, [
+              t("div", le, [
+                t("h5", oe, d(s.name), 1),
+                t("span", {
+                  class: h(["vessel-status", o.statusClass(s.status)])
+                }, d(s.status), 3)
+              ]),
+              t("div", re, [
+                t("div", ae, [
+                  e[8] || (e[8] = t("small", { class: "text-muted" }, "Registration #:", -1)),
+                  t("p", de, d(s.registrationNumber), 1)
+                ]),
+                t("div", ce, [
+                  e[9] || (e[9] = t("small", { class: "text-muted" }, "Next Maintenance:", -1)),
+                  t("p", ue, d(s.nextMaintenance || "Not scheduled"), 1)
+                ])
+              ])
+            ])
+          ]),
+          t("div", me, [
+            t("i", {
+              class: "bi bi-trash",
+              onClick: C((m) => o.handleDeleteVessel(s), ["stop"])
+            }, null, 8, ve)
+          ]),
+          t("button", {
+            class: "btn btn-primary",
+            onClick: C((m) => o.handleToggleStatus(s), ["stop"])
+          }, d(s.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, he)
+        ], 8, se)
+      ]))), 128))
+    ])) : (r(), a("div", ee, e[7] || (e[7] = [
+      t("h4", { class: "alert-heading" }, "Empty Fleet!", -1),
+      t("p", null, "You have an empty fleet, you have not added any vessel yet.", -1),
+      t("hr", null, null, -1),
+      t("p", { class: "mb-0" }, "Click on the add vessel button above, to start adding vessels to your fleet", -1)
+    ])))
+  ], 64);
+}
+const pe = /* @__PURE__ */ x(q, [["render", fe]]);
+const ge = {
+  name: "DashHead",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    userProfile: {
+      type: Object,
+      required: !0,
+      default: () => ({ role: "viewer", vessel: null })
+    }
+  },
+  emits: [
+    "add-user",
+    "logged-in"
+  ],
+  methods: {
+    addUser() {
+      this.$emit("add-user");
+    },
+    loggedIn() {
+      this.$emit("logged-in");
+    }
+  }
+}, ye = { class: "page-header d-flex justify-content-between align-items-center" }, be = { style: { "margin-left": "20px" } }, we = { class: "d-flex" };
+function ke(i, e, l, v, n, o) {
+  return r(), a("div", ye, [
+    t("h2", be, d(l.name), 1),
+    t("div", we, [
+      this.userProfile.role == "owner" ? (r(), a("button", {
+        key: 0,
+        class: "btn btn-outline-primary me-2",
+        onClick: e[0] || (e[0] = (s) => o.addUser())
+      }, e[2] || (e[2] = [
+        t("i", { class: "bi bi-bell" }, null, -1),
+        t("span", { class: "badge bg-danger" }, "1", -1)
+      ]))) : u("", !0),
+      t("button", {
+        class: "btn btn-outline-primary",
+        onClick: e[1] || (e[1] = (s) => o.loggedIn())
+      }, e[3] || (e[3] = [
+        t("i", { class: "bi bi-person-circle" }, null, -1)
+      ]))
+    ])
+  ]);
+}
+const Ce = /* @__PURE__ */ x(ge, [["render", ke]]);
+const _e = {
+  name: "OceanHelmMaintenance",
+  props: {
+    vesselInfo: {
+      type: Object,
+      required: !0
+    },
+    tasks: {
+      type: Array,
+      default: () => []
+    },
+    vesselCrew: {
+      type: Array,
+      default: () => []
+    },
+    companyInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    userProfile: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: [
+    "dashboard-navigate",
+    "load-checklist",
+    "save-schedule",
+    "update-task",
+    "upload-file",
+    "delete-evidence",
+    "access-denied",
+    "show-message",
+    "generate-checklist"
+  ],
+  data() {
+    return {
+      ready: !0,
+      isSaving: !1,
+      after: null,
+      lastSection: "",
+      currentTask: "",
+      imgText: "Choose file to upload",
+      fileText: "Drag and drop files here or",
+      fileattachments: {},
+      refreshKey: 0,
+      activeSection: "inventory",
+      sections: [
+        { id: "schedule", name: "Schedule", icon: "📅" },
+        { id: "inventory", name: "All Maintenance", icon: "♻️" },
+        {
+          id: "dashboard",
+          name: "Dashboard",
+          icon: "☰",
+          onClick: () => this.$emit("dashboard-navigate")
+        }
+      ],
+      activeFilter: "all",
+      searchQuery: "",
+      checklists: [],
+      isLoading: !1,
+      form: {
+        taskName: "",
+        description: "",
+        maintenanceType: "",
+        component: "",
+        priority: "",
+        dueDate: "",
+        estimatedHours: null,
+        assignedTo: "",
+        recurrence: "",
+        lastPerformed: "",
+        nextDue: "",
+        notifyEmail: !0,
+        notifySms: !0,
+        reminderDays: "1",
+        estimatedDuration: null,
+        notes: "",
+        status: "Soon",
+        email: "",
+        remainingDays: null,
+        attachments: {}
+      },
+      maintenanceTasks: [],
+      showReport: !1,
+      reportDate: (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      }),
+      reportId: "MT-" + Math.random().toString(36).substr(2, 9).toUpperCase()
+    };
+  },
+  watch: {
+    "form.lastPerformed": "calculateNextDue",
+    "form.recurrence": "calculateNextDue",
+    "form.nextDue": function(i) {
+      this.calculateRemainingDays();
+    }
+  },
+  computed: {
+    filteredTasks() {
+      let i = [...this.tasks];
+      if (this.activeFilter === "all" ? i = i.filter((e) => e.status === "Overdue" || e.status === "Soon" || e.status === "Completed") : this.activeFilter === "due" ? i = i.filter((e) => e.status === "Overdue" || e.status === "Soon") : this.activeFilter === "completed" && (i = i.filter((e) => e.status === "Completed")), this.searchQuery) {
+        const e = this.searchQuery.toLowerCase();
+        i = i.filter(
+          (l) => l.component.toLowerCase().includes(e) || l.taskName.toLowerCase().includes(e) || l.assignedTo.toLowerCase().includes(e)
+        );
+      }
+      return i;
+    },
+    completedCount() {
+      return this.checklists.filter((i) => i.completed);
+    },
+    progress() {
+      return Math.round(this.completedCount.length / this.checklists.length * 100);
+    },
+    checklistButtonLabel() {
+      return this.lastSection === "schedule" ? "Approve Maintenance" : "Save Checklist";
+    },
+    showAddTaskButton() {
+      return this.checklistButtonLabel !== "Save Checklist";
+    },
+    totalEstimatedHours() {
+      return this.maintenanceTasks.reduce((i, e) => i + (e.estimatedHours || 0), 0);
+    }
+  },
+  methods: {
+    grantAccess(i) {
+      const e = this.userProfile;
+      return e.role === "owner" || e.role === "staff" || e.role === "captain" && e.vessel === i;
+    },
+    deepAccess() {
+      const i = this.userProfile;
+      return i.role === "owner" || i.role === "captain" ? !0 : (this.$emit("access-denied", "You do not have access to do this"), !1);
+    },
+    deleteTask(i) {
+      this.checklists = this.checklists.filter((e) => e.id !== i);
+    },
+    addTask(i) {
+      i && i.preventDefault(), this.$emit("show-message", {
+        type: "prompt",
+        title: "Add New Task",
+        message: "Enter the task details",
+        callback: (e) => {
+          if (e) {
+            const l = {
+              id: Date.now(),
+              text: e,
+              completed: !1
+            };
+            this.checklists.push(l);
+          }
+        }
+      });
+    },
+    setFilter(i) {
+      this.activeFilter = i;
+    },
+    loadChecklist(i) {
+      this.isLoading = !0, this.$emit("generate-checklist", {
+        component: i,
+        callback: (e) => {
+          this.checklists = e.map((l) => ({
+            ...l,
+            completed: !1
+          })), this.isLoading = !1;
+        }
+      });
+    },
+    showMaintenance(i) {
+      if (this.deepAccess()) {
+        const e = this.tasks.find((l) => l.component === i);
+        e && e.checklistProgress ? this.checklists = [...e.checklistProgress] : this.loadChecklist(i), this.after = e == null ? void 0 : e.after, this.currentTask = i, this.lastSection = "inventory", this.activeSection = "maintenance";
+      }
+    },
+    printMaintenance(i) {
+      const e = this.tasks.find((l) => l.component === i);
+      this.maintenanceTasks = [e], this.loadMaintenanceData(), this.showReport = !0, this.$nextTick(() => {
+        setTimeout(() => {
+          window.print(), this.showReport = !1;
+        }, 100);
+      });
+    },
+    switchSchedule() {
+      this.deepAccess() && (this.activeSection = "schedule");
+    },
+    handleFiles(i) {
+      this.imgText = i.target.files[0].name, this.form.attachments = {
+        file: i.target.files[0]
+      };
+    },
+    handleImg(i) {
+      this.fileText = i.target.files[0].name, this.fileattachments = {
+        file: i.target.files[0]
+      };
+    },
+    validateForm() {
+      const i = [
+        "taskName",
+        "description",
+        "maintenanceType",
+        "component",
+        "priority",
+        "estimatedHours",
+        "recurrence",
+        "lastPerformed",
+        "assignedTo"
+      ];
+      for (const e of i)
+        if (!this.form[e])
+          return this.$emit("show-message", {
+            type: "error",
+            title: "Missing info",
+            message: `Please fill in the required field: ${e}`
+          }), !1;
+      return !0;
+    },
+    handleSectionClick(i) {
+      this.activeSection = i.id, typeof i.onClick == "function" && i.onClick();
+    },
+    calculateNextDue() {
+      const i = this.form.lastPerformed ? new Date(this.form.lastPerformed) : null, e = this.form.recurrence;
+      if (!i || !e)
+        return;
+      let l = new Date(i);
+      switch (e) {
+        case "daily":
+          l.setDate(l.getDate() + 1);
+          break;
+        case "weekly":
+          l.setDate(l.getDate() + 7);
+          break;
+        case "monthly":
+          l.setMonth(l.getMonth() + 1);
+          break;
+        case "quarterly":
+          l.setMonth(l.getMonth() + 3);
+          break;
+        case "semi-annual":
+          l.setMonth(l.getMonth() + 6);
+          break;
+        case "annual":
+          l.setFullYear(l.getFullYear() + 1);
+          break;
+        case "once":
+        case "custom":
+          return;
+      }
+      this.form.nextDue = l.toISOString().split("T")[0];
+    },
+    calculateRemainingDays() {
+      if (!this.form.nextDue) {
+        this.form.remainingDays = null;
+        return;
+      }
+      const i = /* @__PURE__ */ new Date(), e = new Date(this.form.nextDue);
+      i.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0);
+      const l = e - i, v = Math.ceil(l / (1e3 * 60 * 60 * 24));
+      this.form.remainingDays = `${v} Days`;
+    },
+    async saveSchedule() {
+      if (this.isSaving = !0, !this.validateForm()) {
+        this.isSaving = !1;
+        return;
+      }
+      const i = { ...this.form };
+      if (this.form.component === "Other" && this.form.customComponent && (i.component = this.form.customComponent), i.email = this.companyInfo.email, this.tasks.some((l) => l.component === i.component)) {
+        this.$emit("show-message", {
+          type: "error",
+          title: "Duplicate Component",
+          message: `A task with the component "${i.component}" already exists in maintenance`
+        }), this.isSaving = !1;
+        return;
+      }
+      delete i.customComponent, this.$emit("save-schedule", {
+        taskData: i,
+        file: i.attachments.file,
+        callback: (l) => {
+          this.isSaving = !1, l && (this.loadChecklist(i.component), this.lastSection = "schedule", this.currentTask = i.component, this.resetForm(), this.activeSection = "maintenance");
+        }
+      });
+    },
+    resetForm() {
+      this.form = {
+        taskName: "",
+        description: "",
+        maintenanceType: "",
+        component: "",
+        priority: "",
+        dueDate: "",
+        estimatedHours: null,
+        assignedTo: "",
+        recurrence: "",
+        lastPerformed: "",
+        nextDue: "",
+        notifyEmail: !0,
+        notifySms: !0,
+        reminderDays: "1",
+        estimatedDuration: null,
+        notes: "",
+        status: "Soon",
+        remainingDays: null,
+        attachments: {}
+      };
+    },
+    toggleTask(i) {
+      i.completed = !i.completed;
+    },
+    async resetTasks() {
+      const e = this.checklists.every((v) => v.completed) ? "Completed" : "In Progress", l = {
+        checklistProgress: [...this.checklists],
+        status: e,
+        component: this.currentTask,
+        after: this.after
+      };
+      this.$emit("update-task", {
+        updateData: l,
+        file: this.fileattachments.file,
+        callback: (v, n) => {
+          v && (n && (this.after = n), this.fileattachments = {}, this.fileText = "Drag and drop files here or", this.refreshKey += 1, this.activeSection = "inventory");
+        }
+      });
+    },
+    loadMaintenanceData() {
+      this.reportId = "MT-" + Math.random().toString(36).substr(2, 9).toUpperCase(), this.reportDate = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    },
+    formatDate(i) {
+      return i ? new Date(i).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      }) : "N/A";
+    },
+    getTaskStatusClass(i) {
+      return i.status === "Completed" ? "completed" : i.status === "Overdue" ? "overdue" : i.status === "In Progress" ? "in-progress" : "pending";
+    },
+    getChecklistProgress(i) {
+      if (!i.checklistProgress || i.checklistProgress.length === 0)
+        return 0;
+      const e = i.checklistProgress.filter((l) => l.completed).length;
+      return Math.round(e / i.checklistProgress.length * 100);
+    },
+    getCompletedChecklistItems(i) {
+      return i.checklistProgress ? i.checklistProgress.filter((e) => e.completed).length : 0;
+    },
+    generateRecommendations() {
+      return [
+        "Maintain regular communication with assigned technicians",
+        "Ensure all safety protocols are followed during maintenance activities",
+        "Update task progress and notes in real-time for accurate reporting"
+      ];
+    },
+    deleteEvidence() {
+      this.$emit("delete-evidence", {
+        currentTask: this.currentTask,
+        callback: (i) => {
+          i && (this.after = null, this.fileText = "Drag and drop files here or", this.fileattachments = {}, this.refreshKey += 1);
+        }
+      });
+    }
+  }
+}, xe = { key: 0 }, Se = ["onClick"], De = { class: "content" }, Ae = {
+  key: 0,
+  class: "loading-container"
+}, Te = { key: 1 }, Pe = { class: "container" }, Me = { class: "d-flex justify-content-between align-items-center" }, Ee = { class: "progress-container" }, Ve = { class: "progress-info" }, Ne = { class: "progress-bar" }, Le = { class: "checklist" }, Fe = ["onClick"], Ue = { key: 0 }, Ie = ["onClick"], Re = ["onClick"], Oe = { key: 0 }, Be = { class: "checklist" }, He = { class: "checklist-item" }, qe = { class: "attachment-area" }, je = {
+  key: 2,
+  class: "status"
+}, $e = { class: "form-group" }, Qe = { class: "form-group" }, ze = { class: "input-group" }, Ye = { class: "form-group" }, Ke = { class: "form-group" }, We = { class: "input-group" }, Ge = { class: "form-group" }, Je = { class: "form-group" }, Xe = { class: "input-group" }, Ze = { class: "form-group" }, et = { class: "form-group" }, tt = ["value"], st = { class: "input-group" }, it = { class: "form-group" }, nt = { class: "input-group" }, lt = { class: "form-group" }, ot = { class: "form-group" }, rt = { class: "form-group" }, at = { class: "checkbox-group" }, dt = { class: "checkbox-item" }, ct = { class: "checkbox-item" }, ut = { class: "input-group" }, mt = { class: "form-group" }, vt = { class: "form-group" }, ht = { class: "form-group" }, ft = { class: "attachment-area" }, pt = { class: "action-buttons" }, gt = ["disabled"], yt = { class: "task-table-wrapper" }, bt = { class: "table-controls" }, wt = { class: "filters" }, kt = { class: "task-table" }, Ct = ["onClick"], _t = ["onClick"], xt = { key: 0 }, St = {
+  class: "alert alert-primary",
+  role: "alert"
+}, Dt = { class: "mb-0" }, At = {
+  class: "report-container",
+  ref: "reportContainer"
+}, Tt = { class: "report-info" }, Pt = { class: "info-box" }, Mt = { class: "info-box" }, Et = { class: "info-box" }, Vt = { class: "section" }, Nt = { class: "summary-grid" }, Lt = { class: "summary-card" }, Ft = { class: "summary-number" }, Ut = { class: "section" }, It = { class: "task-header" }, Rt = { class: "task-title" }, Ot = { class: "task-component" }, Bt = { class: "task-details" }, Ht = { class: "detail-item" }, qt = { class: "detail-value" }, jt = { class: "detail-item" }, $t = { class: "detail-value" }, Qt = { class: "detail-item" }, zt = { class: "detail-value" }, Yt = { class: "detail-item" }, Kt = { class: "detail-value" }, Wt = { class: "detail-item" }, Gt = { class: "detail-value" }, Jt = { class: "detail-item" }, Xt = { class: "detail-value" }, Zt = {
+  key: 0,
+  style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
+}, es = { class: "detail-value" }, ts = {
+  key: 1,
+  style: { margin: "15px 0", padding: "10px", background: "white", "border-radius": "5px" }
+}, ss = { class: "detail-value" }, is = {
+  key: 2,
+  class: "checklist-progress"
+}, ns = { class: "progress-bar" }, ls = { style: { "font-size": "0.9em", color: "#666", "margin-top": "5px" } }, os = { class: "checklist-items" }, rs = { class: "checklist-icon" }, as = { class: "section" }, ds = { class: "info-box" }, cs = { class: "signature-section" }, us = { class: "signature-box" }, ms = { style: { "margin-top": "10px", color: "#666" } };
+function vs(i, e, l, v, n, o) {
+  return n.ready ? (r(), a("div", xe, [
+    t("div", null, [
+      c(t("nav", null, [
+        (r(!0), a(f, null, g(n.sections, (s) => (r(), a("button", {
+          key: s.id,
+          class: h(["nav-btn", { active: n.activeSection === s.id }]),
+          onClick: (m) => o.handleSectionClick(s)
+        }, d(s.icon) + " " + d(s.name), 11, Se))), 128))
+      ], 512), [
+        [_, !n.showReport]
+      ]),
+      c(t("div", De, [
+        c(t("section", {
+          class: h(["form-section", { active: n.activeSection === "maintenance" }])
+        }, [
+          e[37] || (e[37] = t("h2", null, "🛠️ Maintenance Tasks", -1)),
+          n.isLoading ? (r(), a("div", Ae, e[27] || (e[27] = [
+            t("div", { class: "loading-spinner" }, null, -1),
+            t("p", null, "Loading checklist...", -1)
+          ]))) : u("", !0),
+          n.isLoading ? u("", !0) : (r(), a("form", Te, [
+            t("div", Pe, [
+              t("div", Me, [
+                e[29] || (e[29] = t("h1", null, "Maintenance Checklist", -1)),
+                o.showAddTaskButton ? (r(), a("button", {
+                  key: 0,
+                  class: "btn btn-outline-custom",
+                  onClick: e[0] || (e[0] = C((s) => o.addTask(), ["prevent"]))
+                }, e[28] || (e[28] = [
+                  b(" Manually Add Task ", -1),
+                  t("i", { class: "fas fa-plus" }, null, -1)
+                ]))) : u("", !0)
+              ]),
+              t("div", Ee, [
+                t("div", Ve, " Progress: " + d(o.progress) + "% (" + d(o.completedCount.length) + "/" + d(n.checklists.length) + ") ", 1),
+                t("div", Ne, [
+                  t("div", {
+                    class: "progress-fill",
+                    style: S({ width: o.progress + "%" })
+                  }, null, 4)
+                ])
+              ]),
+              t("ul", Le, [
+                (r(!0), a(f, null, g(n.checklists, (s) => (r(), a("li", {
+                  key: s.id,
+                  class: "checklist-item"
+                }, [
+                  t("div", {
+                    class: h(["checkbox", { checked: s.completed }]),
+                    onClick: (m) => o.toggleTask(s)
+                  }, [
+                    s.completed ? (r(), a("span", Ue, "✓")) : u("", !0)
+                  ], 10, Fe),
+                  t("span", {
+                    class: h(["task-text", { completed: s.completed }]),
+                    onClick: (m) => o.toggleTask(s)
+                  }, d(s.text), 11, Ie),
+                  o.showAddTaskButton ? (r(), a("button", {
+                    key: 0,
+                    class: "delete-btn",
+                    onClick: (m) => o.deleteTask(s.id),
+                    title: "Delete task"
+                  }, e[30] || (e[30] = [
+                    k('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3,6 5,6 21,6"></polyline><path d="m19,6v14a2,2 0 0,1 -2,2H7a2,2 0 0,1 -2,-2V6m3,0V4a2,2 0 0,1 2,-2h4a2,2 0 0,1 2,2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>', 1)
+                  ]), 8, Re)) : u("", !0)
+                ]))), 128))
+              ]),
+              n.after ? (r(), a("div", Oe, [
+                e[33] || (e[33] = t("label", null, "Upload Image Evidence", -1)),
+                t("ul", Be, [
+                  t("li", He, [
+                    e[32] || (e[32] = t("span", { class: "task-text" }, " Image Evidence Already Uploaded ", -1)),
+                    t("button", {
+                      type: "button",
+                      class: "delete-btn",
+                      onClick: e[1] || (e[1] = (s) => o.deleteEvidence()),
+                      title: "Delete Image"
+                    }, e[31] || (e[31] = [
+                      k('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3,6 5,6 21,6"></polyline><path d="m19,6v14a2,2 0 0,1 -2,2H7a2,2 0 0,1 -2,-2V6m3,0V4a2,2 0 0,1 2,-2h4a2,2 0 0,1 2,2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>', 1)
+                    ]))
+                  ])
+                ])
+              ])) : (r(), a("div", {
+                class: "form-group",
+                key: n.refreshKey || "default"
+              }, [
+                e[35] || (e[35] = t("label", null, "Upload Image Evidence", -1)),
+                e[36] || (e[36] = t("p", null, "You can only upload one image evidence here.", -1)),
+                t("div", qe, [
+                  t("p", null, d(n.fileText), 1),
+                  t("input", {
+                    type: "file",
+                    id: "evidence-files",
+                    class: "file-input",
+                    onChange: e[2] || (e[2] = (...s) => o.handleImg && o.handleImg(...s))
+                  }, null, 32),
+                  e[34] || (e[34] = t("label", {
+                    for: "evidence-files",
+                    class: "file-label"
+                  }, "Browse Files", -1))
+                ])
+              ])),
+              o.completedCount === n.checklists.length ? (r(), a("div", je, " All tasks completed! ✅ ")) : u("", !0),
+              t("button", {
+                class: "reset-button",
+                onClick: e[3] || (e[3] = C((...s) => o.resetTasks && o.resetTasks(...s), ["prevent"]))
+              }, d(o.checklistButtonLabel), 1)
+            ])
+          ]))
+        ], 2), [
+          [_, n.activeSection === "maintenance"]
+        ]),
+        c(t("section", {
+          class: h(["form-section", { active: n.activeSection === "schedule" }])
+        }, [
+          e[62] || (e[62] = t("h2", null, "📅 Maintenance Schedule", -1)),
+          t("form", null, [
+            t("div", $e, [
+              e[38] || (e[38] = t("label", { for: "task-name" }, "Task Name", -1)),
+              c(t("input", {
+                type: "text",
+                id: "task-name",
+                "onUpdate:modelValue": e[4] || (e[4] = (s) => n.form.taskName = s),
+                required: ""
+              }, null, 512), [
+                [y, n.form.taskName]
+              ])
+            ]),
+            t("div", Qe, [
+              e[39] || (e[39] = t("label", { for: "task-description" }, "Description", -1)),
+              c(t("textarea", {
+                id: "task-description",
+                "onUpdate:modelValue": e[5] || (e[5] = (s) => n.form.description = s),
+                required: ""
+              }, null, 512), [
+                [y, n.form.description]
+              ])
+            ]),
+            t("div", ze, [
+              t("div", Ye, [
+                e[41] || (e[41] = t("label", { for: "maintenance-type" }, "Maintenance Type", -1)),
+                c(t("select", {
+                  id: "maintenance-type",
+                  "onUpdate:modelValue": e[6] || (e[6] = (s) => n.form.maintenanceType = s),
+                  required: ""
+                }, e[40] || (e[40] = [
+                  k('<option value="">-- Select Type --</option><option value="preventive">Preventive</option><option value="corrective">Corrective</option><option value="predictive">Predictive</option><option value="condition">Condition-Based</option>', 5)
+                ]), 512), [
+                  [w, n.form.maintenanceType]
+                ])
+              ]),
+              t("div", Ke, [
+                e[43] || (e[43] = t("label", { for: "component" }, "Component/System", -1)),
+                c(t("select", {
+                  id: "component",
+                  "onUpdate:modelValue": e[7] || (e[7] = (s) => n.form.component = s),
+                  required: ""
+                }, e[42] || (e[42] = [
+                  k('<option value="">-- Select Component --</option><option value="engine">Engine</option><option value="hull">Hull</option><option value="electronics">Electronics</option><option value="deck">Deck Machinery</option><option value="plumbing">Plumbing</option><option value="electrical">Electrical</option><option value="hvac">HVAC</option><option value="safety">Safety Systems</option><option value="Other">Other</option>', 10)
+                ]), 512), [
+                  [w, n.form.component]
+                ]),
+                n.form.component === "Other" ? c((r(), a("input", {
+                  key: 0,
+                  type: "text",
+                  placeholder: "Enter custom component/system",
+                  "onUpdate:modelValue": e[8] || (e[8] = (s) => n.form.customComponent = s),
+                  style: { "margin-top": "8px" }
+                }, null, 512)), [
+                  [y, n.form.customComponent]
+                ]) : u("", !0)
+              ])
+            ]),
+            t("div", We, [
+              t("div", Ge, [
+                e[45] || (e[45] = t("label", { for: "priority" }, "Priority", -1)),
+                c(t("select", {
+                  id: "priority",
+                  "onUpdate:modelValue": e[9] || (e[9] = (s) => n.form.priority = s),
+                  required: ""
+                }, e[44] || (e[44] = [
+                  t("option", { value: "low" }, "Low", -1),
+                  t("option", { value: "medium" }, "Medium", -1),
+                  t("option", { value: "high" }, "High", -1),
+                  t("option", { value: "critical" }, "Critical", -1)
+                ]), 512), [
+                  [w, n.form.priority]
+                ])
+              ]),
+              t("div", Je, [
+                e[46] || (e[46] = t("label", { for: "status" }, "Status", -1)),
+                c(t("input", {
+                  type: "text",
+                  id: "status",
+                  "onUpdate:modelValue": e[10] || (e[10] = (s) => n.form.status = s),
+                  readonly: ""
+                }, null, 512), [
+                  [y, n.form.status]
+                ])
+              ])
+            ]),
+            t("div", Xe, [
+              t("div", Ze, [
+                e[47] || (e[47] = t("label", { for: "estimated-hours" }, "Estimated Hours", -1)),
+                c(t("input", {
+                  type: "number",
+                  id: "estimated-hours",
+                  "onUpdate:modelValue": e[11] || (e[11] = (s) => n.form.estimatedHours = s),
+                  min: "0",
+                  step: "0.5"
+                }, null, 512), [
+                  [y, n.form.estimatedHours]
+                ])
+              ])
+            ]),
+            t("div", et, [
+              e[49] || (e[49] = t("label", { for: "assigned-to" }, "Assigned To", -1)),
+              c(t("select", {
+                id: "assigned-to",
+                "onUpdate:modelValue": e[12] || (e[12] = (s) => n.form.assignedTo = s)
+              }, [
+                e[48] || (e[48] = t("option", { value: "" }, "-- Select Personnel --", -1)),
+                (r(!0), a(f, null, g(l.vesselCrew, (s) => (r(), a("option", {
+                  key: s.id,
+                  value: `${s.name} - ${s.role}`
+                }, d(s.name) + " - " + d(s.role), 9, tt))), 128))
+              ], 512), [
+                [w, n.form.assignedTo]
+              ])
+            ]),
+            t("div", st, [
+              t("div", it, [
+                e[51] || (e[51] = t("label", { for: "recurrence-type" }, "Recurrence", -1)),
+                c(t("select", {
+                  id: "recurrence-type",
+                  "onUpdate:modelValue": e[13] || (e[13] = (s) => n.form.recurrence = s),
+                  required: ""
+                }, e[50] || (e[50] = [
+                  k('<option value="once">One-time</option><option value="daily">Daily</option><option value="weekly">Weekly</option><option value="monthly">Monthly</option><option value="quarterly">Quarterly</option><option value="semi-annual">Semi-annually</option><option value="annual">Annually</option><option value="custom">Custom Interval</option>', 8)
+                ]), 512), [
+                  [w, n.form.recurrence]
+                ])
+              ])
+            ]),
+            t("div", nt, [
+              t("div", lt, [
+                e[52] || (e[52] = t("label", { for: "last-performed" }, "Last Performed Date", -1)),
+                c(t("input", {
+                  type: "date",
+                  id: "last-performed",
+                  "onUpdate:modelValue": e[14] || (e[14] = (s) => n.form.lastPerformed = s)
+                }, null, 512), [
+                  [y, n.form.lastPerformed]
+                ])
+              ]),
+              t("div", ot, [
+                e[53] || (e[53] = t("label", { for: "next-due" }, "Due Date", -1)),
+                c(t("input", {
+                  type: "date",
+                  id: "next-due",
+                  "onUpdate:modelValue": e[15] || (e[15] = (s) => n.form.nextDue = s),
+                  required: ""
+                }, null, 512), [
+                  [y, n.form.nextDue]
+                ])
+              ])
+            ]),
+            t("div", rt, [
+              e[56] || (e[56] = t("label", null, "Notifications", -1)),
+              t("div", at, [
+                t("div", dt, [
+                  c(t("input", {
+                    type: "checkbox",
+                    id: "notify-email",
+                    "onUpdate:modelValue": e[16] || (e[16] = (s) => n.form.notifyEmail = s)
+                  }, null, 512), [
+                    [D, n.form.notifyEmail]
+                  ]),
+                  e[54] || (e[54] = t("label", { for: "notify-email" }, "Email Notification", -1))
+                ]),
+                t("div", ct, [
+                  c(t("input", {
+                    type: "checkbox",
+                    id: "notify-sms",
+                    "onUpdate:modelValue": e[17] || (e[17] = (s) => n.form.notifySms = s)
+                  }, null, 512), [
+                    [D, n.form.notifySms]
+                  ]),
+                  e[55] || (e[55] = t("label", { for: "notify-sms" }, "SMS Notification", -1))
+                ])
+              ])
+            ]),
+            t("div", ut, [
+              t("div", mt, [
+                e[58] || (e[58] = t("label", { for: "reminder-days" }, "Reminder (Days Before)", -1)),
+                c(t("select", {
+                  id: "reminder-days",
+                  "onUpdate:modelValue": e[18] || (e[18] = (s) => n.form.reminderDays = s)
+                }, e[57] || (e[57] = [
+                  k('<option value="1">1 day</option><option value="3">3 days</option><option value="7">1 week</option><option value="14">2 weeks</option><option value="30">1 month</option>', 5)
+                ]), 512), [
+                  [w, n.form.reminderDays]
+                ])
+              ])
+            ]),
+            t("div", vt, [
+              e[59] || (e[59] = t("label", { for: "schedule-notes" }, "Notes", -1)),
+              c(t("textarea", {
+                id: "schedule-notes",
+                "onUpdate:modelValue": e[19] || (e[19] = (s) => n.form.notes = s)
+              }, null, 512), [
+                [y, n.form.notes]
+              ])
+            ]),
+            t("div", ht, [
+              e[61] || (e[61] = t("label", null, "Attachments", -1)),
+              t("div", ft, [
+                t("p", null, d(n.imgText), 1),
+                t("input", {
+                  type: "file",
+                  id: "maintenance-files",
+                  class: "file-input",
+                  onChange: e[20] || (e[20] = (...s) => o.handleFiles && o.handleFiles(...s)),
+                  multiple: ""
+                }, null, 32),
+                e[60] || (e[60] = t("label", {
+                  for: "maintenance-files",
+                  class: "file-label"
+                }, "Browse Files", -1))
+              ])
+            ]),
+            t("div", pt, [
+              t("button", {
+                type: "button",
+                class: "btn btn-primary",
+                onClick: e[21] || (e[21] = C((...s) => o.saveSchedule && o.saveSchedule(...s), ["prevent"])),
+                disabled: n.isSaving
+              }, d(n.isSaving ? "Saving..." : "Save Schedule"), 9, gt)
+            ])
+          ])
+        ], 2), [
+          [_, n.activeSection === "schedule"]
+        ]),
+        c(t("section", {
+          class: h(["form-section", { active: n.activeSection === "inventory" }])
+        }, [
+          e[68] || (e[68] = t("h2", null, "All Maintenance", -1)),
+          t("div", yt, [
+            t("div", bt, [
+              t("div", wt, [
+                t("button", {
+                  class: h({ active: n.activeFilter === "due" }),
+                  onClick: e[22] || (e[22] = (s) => o.setFilter("due"))
+                }, "Due", 2),
+                t("button", {
+                  class: h({ active: n.activeFilter === "all" }),
+                  onClick: e[23] || (e[23] = (s) => o.setFilter("all"))
+                }, "All", 2),
+                t("button", {
+                  class: h({ active: n.activeFilter === "completed" }),
+                  onClick: e[24] || (e[24] = (s) => o.setFilter("completed"))
+                }, "Completed", 2),
+                c(t("input", {
+                  type: "text",
+                  "onUpdate:modelValue": e[25] || (e[25] = (s) => n.searchQuery = s),
+                  placeholder: "Search..."
+                }, null, 512), [
+                  [y, n.searchQuery]
+                ])
+              ])
+            ]),
+            t("table", kt, [
+              e[63] || (e[63] = t("thead", null, [
+                t("tr", null, [
+                  t("th", null, "Equipment"),
+                  t("th", null, "Task Name"),
+                  t("th", null, "Assigned To"),
+                  t("th", null, "Intervals"),
+                  t("th", null, "Remaining"),
+                  t("th", null, "Next Due"),
+                  t("th", null, "Status"),
+                  t("th", null, "Action")
+                ])
+              ], -1)),
+              t("tbody", null, [
+                (r(!0), a(f, null, g(o.filteredTasks, (s) => (r(), a("tr", {
+                  key: s.id
+                }, [
+                  t("td", null, d(s.component), 1),
+                  t("td", null, d(s.taskName), 1),
+                  t("td", null, d(s.assignedTo), 1),
+                  t("td", null, d(s.recurrence), 1),
+                  t("td", null, d(s.remainingDays), 1),
+                  t("td", null, d(s.nextDue), 1),
+                  t("td", null, [
+                    t("span", {
+                      class: h(["status-badge", s.status.toLowerCase().replace(" ", "-")])
+                    }, d(s.status), 3)
+                  ]),
+                  t("td", null, [
+                    s.status === "Completed" ? (r(), a("button", {
+                      key: 0,
+                      onClick: (m) => o.printMaintenance(s.component),
+                      class: "status-action"
+                    }, "Print", 8, Ct)) : (r(), a("button", {
+                      key: 1,
+                      onClick: (m) => o.showMaintenance(s.component),
+                      class: "status-action"
+                    }, "Start", 8, _t))
+                  ])
+                ]))), 128))
+              ])
+            ]),
+            l.tasks.length ? u("", !0) : (r(), a("div", xt, [
+              t("div", St, [
+                e[65] || (e[65] = t("h4", { class: "alert-heading" }, "Such Empty!!!", -1)),
+                e[66] || (e[66] = t("p", null, "You have no maintenance, because you have not scheduled any for this ship.", -1)),
+                e[67] || (e[67] = t("hr", null, null, -1)),
+                t("p", Dt, [
+                  e[64] || (e[64] = b("Navigate to the schedule tab, to start scheduling. Or click on this button to ", -1)),
+                  t("button", {
+                    type: "button",
+                    class: "btn btn-primary",
+                    onClick: e[26] || (e[26] = (s) => o.switchSchedule())
+                  }, "Schedule")
+                ])
+              ])
+            ]))
+          ])
+        ], 2), [
+          [_, n.activeSection === "inventory"]
+        ])
+      ], 512), [
+        [_, !n.showReport]
+      ]),
+      c(t("div", At, [
+        e[89] || (e[89] = t("div", { class: "header" }, [
+          t("div", { class: "report-title" }, "MAINTENANCE TASK REPORT")
+        ], -1)),
+        t("div", Tt, [
+          t("div", Pt, [
+            e[69] || (e[69] = t("div", { class: "info-label" }, "Report Generated:", -1)),
+            t("div", null, d(n.reportDate), 1)
+          ]),
+          t("div", Mt, [
+            e[70] || (e[70] = t("div", { class: "info-label" }, "Report ID:", -1)),
+            t("div", null, d(n.reportId), 1)
+          ]),
+          t("div", Et, [
+            e[71] || (e[71] = t("div", { class: "info-label" }, "Total Tasks:", -1)),
+            t("div", null, d(n.maintenanceTasks.length), 1)
+          ]),
+          e[72] || (e[72] = t("div", { class: "info-box" }, [
+            t("div", { class: "info-label" }, "Generated By:"),
+            t("div", null, "OceanHelm System")
+          ], -1))
+        ]),
+        t("div", Vt, [
+          e[75] || (e[75] = t("div", { class: "section-title" }, "📊 Task Summary", -1)),
+          t("div", Nt, [
+            e[74] || (e[74] = k('<div class="summary-card"><div class="summary-number">1</div><div class="summary-label">Completed</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Pending</div></div><div class="summary-card"><div class="summary-number">0</div><div class="summary-label">Overdue</div></div>', 3)),
+            t("div", Lt, [
+              t("div", Ft, d(o.totalEstimatedHours), 1),
+              e[73] || (e[73] = t("div", { class: "summary-label" }, "Total Hours", -1))
+            ])
+          ])
+        ]),
+        t("div", Ut, [
+          e[85] || (e[85] = t("div", { class: "section-title" }, "🔧 Maintenance Tasks", -1)),
+          (r(!0), a(f, null, g(n.maintenanceTasks, (s) => (r(), a("div", {
+            key: s.taskName,
+            class: h(["task-item", o.getTaskStatusClass(s)])
+          }, [
+            t("div", It, [
+              t("div", null, [
+                t("div", Rt, [
+                  b(d(s.taskName) + " ", 1),
+                  t("span", {
+                    class: h(["maintenance-type", "type-" + s.maintenanceType])
+                  }, d(s.maintenanceType), 3)
+                ]),
+                t("div", Ot, "Component: " + d(s.component), 1)
+              ]),
+              t("span", {
+                class: h(["status-badge", "status-" + s.status.toLowerCase().replace(" ", "-")])
+              }, d(s.status), 3)
+            ]),
+            t("div", Bt, [
+              t("div", Ht, [
+                e[76] || (e[76] = t("div", { class: "detail-label" }, "Assigned To", -1)),
+                t("div", qt, d(s.assignedTo), 1)
+              ]),
+              t("div", jt, [
+                e[77] || (e[77] = t("div", { class: "detail-label" }, "Estimated Hours", -1)),
+                t("div", $t, d(s.estimatedHours) + " hours", 1)
+              ]),
+              t("div", Qt, [
+                e[78] || (e[78] = t("div", { class: "detail-label" }, "Last Performed", -1)),
+                t("div", zt, d(o.formatDate(s.lastPerformed)), 1)
+              ]),
+              t("div", Yt, [
+                e[79] || (e[79] = t("div", { class: "detail-label" }, "Next Due", -1)),
+                t("div", Kt, d(o.formatDate(s.nextDue)), 1)
+              ]),
+              t("div", Wt, [
+                e[80] || (e[80] = t("div", { class: "detail-label" }, "Recurrence", -1)),
+                t("div", Gt, d(s.recurrence), 1)
+              ]),
+              t("div", Jt, [
+                e[81] || (e[81] = t("div", { class: "detail-label" }, "Remaining Days", -1)),
+                t("div", Xt, d(s.remainingDays) + " days", 1)
+              ])
+            ]),
+            s.description ? (r(), a("div", Zt, [
+              e[82] || (e[82] = t("div", { class: "detail-label" }, "Description", -1)),
+              t("div", es, d(s.description), 1)
+            ])) : u("", !0),
+            s.notes ? (r(), a("div", ts, [
+              e[83] || (e[83] = t("div", { class: "detail-label" }, "Notes", -1)),
+              t("div", ss, d(s.notes), 1)
+            ])) : u("", !0),
+            s.checklistProgress && s.checklistProgress.length > 0 ? (r(), a("div", is, [
+              e[84] || (e[84] = t("div", { class: "detail-label" }, "Checklist Progress", -1)),
+              t("div", ns, [
+                t("div", {
+                  class: "progress-fill",
+                  style: S({ width: o.getChecklistProgress(s) + "%" })
+                }, null, 4)
+              ]),
+              t("div", ls, d(o.getCompletedChecklistItems(s)) + " of " + d(s.checklistProgress.length) + " items completed (" + d(o.getChecklistProgress(s)) + "%) ", 1),
+              t("div", os, [
+                (r(!0), a(f, null, g(s.checklistProgress, (m, p) => (r(), a("div", {
+                  key: p,
+                  class: "checklist-item"
+                }, [
+                  t("span", rs, d(m.completed ? "✅" : "⭕"), 1),
+                  t("span", null, d(m.text || "Checklist Item " + (p + 1)), 1)
+                ]))), 128))
+              ])
+            ])) : u("", !0)
+          ], 2))), 128))
+        ]),
+        t("div", as, [
+          e[86] || (e[86] = t("div", { class: "section-title" }, "📋 Recommendations", -1)),
+          t("div", ds, [
+            t("ul", null, [
+              (r(!0), a(f, null, g(o.generateRecommendations(), (s) => (r(), a("li", { key: s }, d(s), 1))), 128))
+            ])
+          ])
+        ]),
+        t("div", cs, [
+          e[88] || (e[88] = t("div", { class: "signature-box" }, [
+            t("div", null, [
+              t("strong", null, "Report Generated By")
+            ]),
+            t("div", { style: { "margin-top": "10px", color: "#666" } }, "OceanHelm Maintenance System")
+          ], -1)),
+          t("div", us, [
+            e[87] || (e[87] = t("div", null, [
+              t("strong", null, "Date")
+            ], -1)),
+            t("div", ms, d(n.reportDate), 1)
+          ])
+        ])
+      ], 512), [
+        [_, n.showReport]
+      ])
+    ])
+  ])) : u("", !0);
+}
+const hs = /* @__PURE__ */ x(_e, [["render", vs]]);
+const fs = {
+  name: "ActivityLogs",
+  props: {
+    loading: Boolean,
+    searchTerm: String,
+    selectedFilter: String,
+    logs: Array,
+    paginatedLogs: Array,
+    totalActivities: Number,
+    todayActivities: Number,
+    activeUsers: Number,
+    totalPages: Number,
+    currentPage: Number
+  },
+  emits: ["update:searchTerm", "update:selectedFilter", "refresh", "download", "change-page"],
+  methods: {
+    formatDate(i) {
+      return new Date(i).toLocaleString();
+    },
+    getBadgeClass(i) {
+      return {
+        login: "badge-login",
+        logout: "badge-logout",
+        create: "badge-create",
+        update: "badge-update",
+        delete: "badge-delete",
+        view: "badge-view"
+      }[i] || "badge-view";
+    }
+  }
+}, ps = { class: "activity-logs" }, gs = { class: "controls" }, ys = { class: "search-box" }, bs = ["value"], ws = ["value"], ks = { class: "stats-grid" }, Cs = { class: "stat-card" }, _s = { class: "value" }, xs = { class: "stat-card" }, Ss = { class: "value" }, Ds = { class: "stat-card" }, As = { class: "value" }, Ts = { class: "logs-container" }, Ps = {
+  key: 0,
+  class: "loading"
+}, Ms = {
+  key: 1,
+  class: "no-logs"
+}, Es = { key: 2 }, Vs = { class: "logs-table" }, Ns = { style: { color: "gray" } }, Ls = { style: { color: "gray" } }, Fs = { class: "pagination" }, Us = ["disabled"], Is = ["onClick"], Rs = ["disabled"];
+function Os(i, e, l, v, n, o) {
+  return r(), a("div", ps, [
+    e[14] || (e[14] = t("div", { class: "header" }, [
+      t("h1", null, "Activity Logs"),
+      t("p", null, "Monitor and track all system activities in real-time")
+    ], -1)),
+    t("div", gs, [
+      t("div", ys, [
+        t("input", {
+          type: "text",
+          placeholder: "Search activities, users, or actions...",
+          value: l.searchTerm,
+          onInput: e[0] || (e[0] = (s) => i.$emit("update:searchTerm", s.target.value))
+        }, null, 40, bs)
+      ]),
+      t("select", {
+        class: "filter-select",
+        value: l.selectedFilter,
+        onChange: e[1] || (e[1] = (s) => i.$emit("update:selectedFilter", s.target.value))
+      }, e[6] || (e[6] = [
+        k('<option value="all">All Activities</option><option value="login">Login</option><option value="logout">Logout</option><option value="create">Create</option><option value="update">Update</option><option value="delete">Delete</option><option value="view">View</option>', 7)
+      ]), 40, ws),
+      t("button", {
+        class: "btn btn-primary",
+        onClick: e[2] || (e[2] = (s) => i.$emit("refresh"))
+      }, "🔄 Refresh"),
+      t("button", {
+        class: "btn btn-secondary",
+        onClick: e[3] || (e[3] = (s) => i.$emit("download"))
+      }, "📥 Download Report")
+    ]),
+    t("div", ks, [
+      t("div", Cs, [
+        e[7] || (e[7] = t("h3", null, "Total Activities", -1)),
+        t("div", _s, d(l.totalActivities), 1)
+      ]),
+      t("div", xs, [
+        e[8] || (e[8] = t("h3", null, "Today's Activities", -1)),
+        t("div", Ss, d(l.todayActivities), 1)
+      ]),
+      t("div", Ds, [
+        e[9] || (e[9] = t("h3", null, "Active Users", -1)),
+        t("div", As, d(l.activeUsers), 1)
+      ]),
+      e[10] || (e[10] = t("div", { class: "stat-card" }, [
+        t("h3", null, "Important"),
+        t("div", { class: "badge-danger" }, " Logs are deleted at the end of every month, please download a copy ")
+      ], -1))
+    ]),
+    t("div", Ts, [
+      l.loading ? (r(), a("div", Ps, e[11] || (e[11] = [
+        t("div", { class: "spinner" }, null, -1),
+        t("p", null, "Loading activity logs...", -1)
+      ]))) : l.logs.length === 0 ? (r(), a("div", Ms, e[12] || (e[12] = [
+        t("h3", null, "No activities found", -1),
+        t("p", null, "Try adjusting your search or filter criteria", -1)
+      ]))) : (r(), a("div", Es, [
+        t("table", Vs, [
+          e[13] || (e[13] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "Timestamp"),
+              t("th", null, "User Name"),
+              t("th", null, "Action"),
+              t("th", null, "Details"),
+              t("th", null, "Section")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (r(!0), a(f, null, g(l.paginatedLogs, (s) => (r(), a("tr", {
+              key: s.id
+            }, [
+              t("td", null, d(o.formatDate(s.timestamp)), 1),
+              t("td", null, [
+                t("div", null, d(s.user_name), 1),
+                t("small", Ns, d(s.email), 1)
+              ]),
+              t("td", null, [
+                t("span", {
+                  class: h(["activity-badge", o.getBadgeClass(s.action)])
+                }, d(s.action), 3)
+              ]),
+              t("td", null, [
+                b(d(s.details.status) + " ", 1),
+                (r(!0), a(f, null, g(s.details.information, (m, p) => (r(), a("div", { key: p }, [
+                  t("strong", null, d(p) + ": ", 1),
+                  t("small", Ls, d(m.from || "") + " → " + d(m.to || m), 1)
+                ]))), 128))
+              ]),
+              t("td", null, d(s.table_name), 1)
+            ]))), 128))
+          ])
+        ]),
+        t("div", Fs, [
+          t("button", {
+            onClick: e[4] || (e[4] = (s) => i.$emit("change-page", l.currentPage - 1)),
+            disabled: l.currentPage === 1
+          }, " Previous ", 8, Us),
+          (r(!0), a(f, null, g(l.totalPages, (s) => (r(), a("button", {
+            key: s,
+            onClick: (m) => i.$emit("change-page", s),
+            class: h({ active: l.currentPage === s })
+          }, d(s), 11, Is))), 128)),
+          t("button", {
+            onClick: e[5] || (e[5] = (s) => i.$emit("change-page", l.currentPage + 1)),
+            disabled: l.currentPage === l.totalPages
+          }, " Next ", 8, Rs)
+        ])
+      ]))
+    ])
+  ]);
+}
+const Bs = /* @__PURE__ */ x(fs, [["render", Os]]);
+const Hs = {
+  name: "CrewManagement",
+  props: {
+    // Required props
+    crew: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    vesselName: {
+      type: String,
+      default: ""
+    },
+    userProfile: {
+      type: Object,
+      default: () => ({ role: "viewer" })
+    },
+    // Optional props
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    availableRoles: {
+      type: Array,
+      default: () => ["Captain", "First Officer", "Engineer", "Deckhand", "Mechanic", "Cook"]
+    },
+    // Configuration props
+    config: {
+      type: Object,
+      default: () => ({
+        showWaveBackground: !0,
+        enableAdd: !0,
+        enableEdit: !0,
+        enableDelete: !0,
+        enableAssignShift: !0,
+        enableCertificationManagement: !0
+      })
+    }
+  },
+  emits: [
+    "crew-add",
+    "crew-edit",
+    "crew-delete",
+    "crew-assign-shift",
+    "crew-add-certification",
+    "crew-view-certification",
+    "search-changed",
+    "filter-changed",
+    "access-denied"
+  ],
+  data() {
+    return {
+      searchQuery: "",
+      filterStatus: "all",
+      showAddForm: !1,
+      formErrors: {},
+      newCrew: {
+        name: "",
+        role: "Deckhand",
+        customRole: "",
+        status: "available",
+        nextShift: "",
+        certifications: [{ name: "", expiryDate: "" }],
+        notes: "",
+        email: "",
+        onBoard: ""
+      }
+    };
+  },
+  computed: {
+    sectionTitle() {
+      return this.vesselName ? `Current Crew for ${this.vesselName}` : "All Fleet Crew";
+    },
+    filteredCrew() {
+      return this.crew.filter((i) => {
+        const e = this.searchQuery === "" || i.name.toLowerCase().includes(this.searchQuery.toLowerCase()) || i.role.toLowerCase().includes(this.searchQuery.toLowerCase()) || i.vessel && i.vessel.toLowerCase().includes(this.searchQuery.toLowerCase()), l = this.filterStatus === "all" || i.status === this.filterStatus;
+        return e && l;
+      });
+    },
+    canAddCrew() {
+      return this.config.enableAdd && this.hasPermission("add");
+    },
+    canEditCrew() {
+      return this.config.enableEdit && this.hasPermission("edit");
+    },
+    canDeleteCrew() {
+      return this.config.enableDelete && this.hasPermission("delete");
+    },
+    canAssignShift() {
+      return this.config.enableAssignShift && this.hasPermission("assign");
+    }
+  },
+  methods: {
+    // Permission checking
+    hasPermission(i) {
+      var v;
+      const { role: e } = this.userProfile;
+      return ((v = {
+        owner: ["add", "edit", "delete", "assign", "view"],
+        staff: ["add", "edit", "assign", "view"],
+        captain: ["assign", "view"],
+        viewer: ["view"]
+      }[e]) == null ? void 0 : v.includes(i)) || !1;
+    },
+    // Event handlers
+    handleToggleAddForm() {
+      if (!this.canAddCrew) {
+        this.$emit("access-denied", { action: "add crew", userProfile: this.userProfile });
+        return;
+      }
+      this.showAddForm = !this.showAddForm, this.showAddForm || this.resetForm();
+    },
+    handleSearch() {
+      this.$emit("search-changed", this.searchQuery);
+    },
+    handleFilter() {
+      this.$emit("filter-changed", this.filterStatus);
+    },
+    handleAddCrewMember() {
+      if (!this.validateForm())
+        return;
+      const i = this.newCrew.certifications.filter(
+        (v) => v.name.trim() !== "" && v.expiryDate !== ""
+      ), e = this.newCrew.role === "Other" ? this.newCrew.customRole : this.newCrew.role, l = {
+        name: this.newCrew.name,
+        role: e,
+        status: this.newCrew.status,
+        certifications: i,
+        notes: this.newCrew.notes,
+        vessel: this.vesselName,
+        email: this.newCrew.email,
+        onBoard: this.newCrew.onBoard,
+        nextShift: this.newCrew.nextShift
+      };
+      this.$emit("crew-add", l), this.resetForm(), this.showAddForm = !1;
+    },
+    handleCancelForm() {
+      this.showAddForm = !1, this.resetForm();
+    },
+    handleDeleteCrew(i) {
+      if (!this.canDeleteCrew) {
+        this.$emit("access-denied", { action: "delete crew", userProfile: this.userProfile });
+        return;
+      }
+      this.$emit("crew-delete", i);
+    },
+    handleAssignShift(i) {
+      if (!this.canAssignShift) {
+        this.$emit("access-denied", { action: "assign shift", userProfile: this.userProfile });
+        return;
+      }
+      this.$emit("crew-assign-shift", i);
+    },
+    handleAddCertification(i) {
+      if (!this.canEditCrew) {
+        this.$emit("access-denied", { action: "add certification", userProfile: this.userProfile });
+        return;
+      }
+      this.$emit("crew-add-certification", i);
+    },
+    handleViewCertification(i, e) {
+      this.$emit("crew-view-certification", { certification: i, member: e });
+    },
+    // Form management
+    resetForm() {
+      this.newCrew = {
+        name: "",
+        role: "Deckhand",
+        customRole: "",
+        status: "available",
+        nextShift: "",
+        certifications: [{ name: "", expiryDate: "" }],
+        notes: "",
+        email: "",
+        onBoard: ""
+      }, this.formErrors = {};
+    },
+    validateForm() {
+      this.formErrors = {};
+      const i = {
+        name: "Full Name",
+        email: "Email Address"
+      };
+      return Object.keys(i).forEach((e) => {
+        (!this.newCrew[e] || this.newCrew[e].trim() === "") && (this.formErrors[e] = `${i[e]} is required`);
+      }), this.newCrew.email && !this.isValidEmail(this.newCrew.email) && (this.formErrors.email = "Please enter a valid email address"), this.newCrew.role === "Other" && (!this.newCrew.customRole || this.newCrew.customRole.trim() === "") && (this.formErrors.customRole = 'Custom role is required when "Other" is selected'), Object.keys(this.formErrors).length === 0;
+    },
+    isValidEmail(i) {
+      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i);
+    },
+    addCertificationEntry() {
+      this.newCrew.certifications.push({ name: "", expiryDate: "" });
+    },
+    removeCertification(i) {
+      this.newCrew.certifications.splice(i, 1);
+    },
+    // Utility methods
+    formatStatus(i) {
+      return i ? i.charAt(0).toUpperCase() + i.slice(1) : "";
+    },
+    getStatusClass(i) {
+      return {
+        available: "status-available",
+        onduty: "status-onduty",
+        unavailable: "status-unavailable"
+      }[i] || "";
+    },
+    getCertificationClass(i) {
+      const e = this.getExpiryStatus(i);
+      return {
+        expired: "text-danger",
+        expiringSoon: "text-warning",
+        valid: "text-success"
+      }[e] || "";
+    },
+    getExpiryStatus(i) {
+      if (!i)
+        return "none";
+      const e = new Date(i), l = /* @__PURE__ */ new Date(), v = /* @__PURE__ */ new Date();
+      return v.setMonth(l.getMonth() + 1), e <= l ? "expired" : e <= v ? "expiringSoon" : "valid";
+    }
+  }
+}, qs = { class: "crew-management" }, js = {
+  key: 0,
+  class: "wave-bg"
+}, $s = { class: "crew-section" }, Qs = { class: "section-header" }, zs = { class: "search-filter" }, Ys = {
+  key: 0,
+  class: "loading-state"
+}, Ks = {
+  key: 1,
+  class: "crew-grid"
+}, Ws = { class: "crew-name" }, Gs = { class: "crew-role" }, Js = { class: "crew-certifications" }, Xs = ["onClick"], Zs = ["onClick"], ei = { class: "crew-availability" }, ti = { class: "crew-availability" }, si = { class: "action-buttons" }, ii = {
+  key: 0,
+  class: "status-available crew-availability vcard"
+}, ni = {
+  key: 1,
+  class: "status-unavailable crew-availability vcard"
+}, li = ["onClick"], oi = ["onClick"], ri = {
+  key: 2,
+  class: "no-results"
+}, ai = {
+  key: 3,
+  class: "add-crew-form"
+}, di = { class: "form-row" }, ci = { class: "form-group" }, ui = {
+  key: 0,
+  class: "error-message"
+}, mi = { class: "form-group" }, vi = ["value"], hi = { class: "form-row" }, fi = { class: "form-group" }, pi = { class: "form-group" }, gi = {
+  key: 0,
+  class: "error-message"
+}, yi = { class: "certification-section" }, bi = { class: "form-row" }, wi = { class: "form-group" }, ki = ["onUpdate:modelValue"], Ci = { class: "form-group" }, _i = ["onUpdate:modelValue"], xi = { class: "form-group" }, Si = ["onClick"], Di = { class: "form-row" }, Ai = { class: "form-group" }, Ti = { class: "form-actions" };
+function Pi(i, e, l, v, n, o) {
+  return r(), a("div", qs, [
+    l.config.showWaveBackground ? (r(), a("div", js)) : u("", !0),
+    t("div", $s, [
+      t("div", Qs, [
+        t("h2", null, d(o.sectionTitle), 1),
+        o.canAddCrew ? (r(), a("button", {
+          key: 0,
+          class: "btn btn-primary",
+          onClick: e[0] || (e[0] = (...s) => o.handleToggleAddForm && o.handleToggleAddForm(...s))
+        }, d(n.showAddForm ? "Cancel" : "+ Add Crew Member"), 1)) : u("", !0)
+      ]),
+      t("div", zs, [
+        c(t("input", {
+          type: "text",
+          placeholder: "Search crew by name or role...",
+          "onUpdate:modelValue": e[1] || (e[1] = (s) => n.searchQuery = s),
+          onInput: e[2] || (e[2] = (...s) => o.handleSearch && o.handleSearch(...s))
+        }, null, 544), [
+          [y, n.searchQuery]
+        ]),
+        c(t("select", {
+          "onUpdate:modelValue": e[3] || (e[3] = (s) => n.filterStatus = s),
+          onChange: e[4] || (e[4] = (...s) => o.handleFilter && o.handleFilter(...s))
+        }, e[14] || (e[14] = [
+          t("option", { value: "all" }, "All Statuses", -1),
+          t("option", { value: "available" }, "Available", -1),
+          t("option", { value: "onduty" }, "On Duty", -1),
+          t("option", { value: "unavailable" }, "Unavailable", -1)
+        ]), 544), [
+          [w, n.filterStatus]
+        ])
+      ]),
+      l.loading ? (r(), a("div", Ys, e[15] || (e[15] = [
+        t("div", {
+          class: "spinner-border text-primary",
+          role: "status"
+        }, [
+          t("span", { class: "visually-hidden" }, "Loading crew...")
+        ], -1),
+        t("p", null, "Loading crew members...", -1)
+      ]))) : o.filteredCrew.length > 0 ? (r(), a("div", Ks, [
+        (r(!0), a(f, null, g(o.filteredCrew, (s) => (r(), a("div", {
+          key: s.id,
+          class: h(["crew-card", { unavailable: s.status === "unavailable" }])
+        }, [
+          t("div", {
+            class: h(["status-badge", o.getStatusClass(s.status)])
+          }, d(o.formatStatus(s.status)), 3),
+          t("div", Ws, d(s.name), 1),
+          t("div", Gs, d(s.role), 1),
+          t("div", Js, [
+            (r(!0), a(f, null, g(s.certifications, (m) => (r(), a("div", {
+              key: m.name,
+              class: h(["certification-tag", o.getCertificationClass(m.expiryDate)]),
+              onClick: (p) => o.handleViewCertification(m, s)
+            }, d(m.name), 11, Xs))), 128)),
+            o.canEditCrew ? (r(), a("i", {
+              key: 0,
+              class: "bi bi-patch-plus-fill icon",
+              onClick: (m) => o.handleAddCertification(s)
+            }, null, 8, Zs)) : u("", !0)
+          ]),
+          t("div", ei, [
+            e[16] || (e[16] = t("strong", null, "Embarkation Date:", -1)),
+            b(" " + d(s.nextShift || "Not Scheduled"), 1)
+          ]),
+          t("div", ti, [
+            e[17] || (e[17] = t("strong", null, "Expected Days Onboard (in days):", -1)),
+            b(" " + d(s.onBoard || "Not Scheduled"), 1)
+          ]),
+          t("div", si, [
+            s.vessel ? (r(), a("div", ii, " Vessel: " + d(s.vessel), 1)) : (r(), a("div", ni, " Vessel: Unassigned ")),
+            o.canAssignShift ? (r(), a("button", {
+              key: 2,
+              class: "btn btn-primary",
+              onClick: (m) => o.handleAssignShift(s)
+            }, " Assign Shift ", 8, li)) : u("", !0)
+          ]),
+          o.canDeleteCrew ? (r(), a("i", {
+            key: 0,
+            class: "bi bi-trash icon delete-icon",
+            onClick: (m) => o.handleDeleteCrew(s)
+          }, null, 8, oi)) : u("", !0)
+        ], 2))), 128))
+      ])) : l.loading ? u("", !0) : (r(), a("div", ri, d(l.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)),
+      n.showAddForm ? (r(), a("div", ai, [
+        e[28] || (e[28] = t("h2", null, "Add New Crew Member", -1)),
+        t("div", di, [
+          t("div", ci, [
+            e[18] || (e[18] = t("label", { for: "crew-name" }, "Full Name *", -1)),
+            c(t("input", {
+              type: "text",
+              id: "crew-name",
+              "onUpdate:modelValue": e[5] || (e[5] = (s) => n.newCrew.name = s),
+              class: h({ error: n.formErrors.name })
+            }, null, 2), [
+              [y, n.newCrew.name]
+            ]),
+            n.formErrors.name ? (r(), a("div", ui, d(n.formErrors.name), 1)) : u("", !0)
+          ]),
+          t("div", mi, [
+            e[20] || (e[20] = t("label", { for: "crew-role" }, "Role/Position *", -1)),
+            c(t("select", {
+              id: "crew-role",
+              "onUpdate:modelValue": e[6] || (e[6] = (s) => n.newCrew.role = s)
+            }, [
+              (r(!0), a(f, null, g(l.availableRoles, (s) => (r(), a("option", {
+                key: s,
+                value: s
+              }, d(s), 9, vi))), 128)),
+              e[19] || (e[19] = t("option", { value: "Other" }, "Other", -1))
+            ], 512), [
+              [w, n.newCrew.role]
+            ]),
+            n.newCrew.role === "Other" ? c((r(), a("input", {
+              key: 0,
+              type: "text",
+              placeholder: "Enter custom role",
+              "onUpdate:modelValue": e[7] || (e[7] = (s) => n.newCrew.customRole = s),
+              style: { "margin-top": "8px" }
+            }, null, 512)), [
+              [y, n.newCrew.customRole]
+            ]) : u("", !0)
+          ])
+        ]),
+        t("div", hi, [
+          t("div", fi, [
+            e[22] || (e[22] = t("label", { for: "crew-status" }, "Status *", -1)),
+            c(t("select", {
+              id: "crew-status",
+              "onUpdate:modelValue": e[8] || (e[8] = (s) => n.newCrew.status = s)
+            }, e[21] || (e[21] = [
+              t("option", { value: "available" }, "Available", -1),
+              t("option", { value: "onduty" }, "On Duty", -1),
+              t("option", { value: "unavailable" }, "Unavailable", -1)
+            ]), 512), [
+              [w, n.newCrew.status]
+            ])
+          ]),
+          t("div", pi, [
+            e[23] || (e[23] = t("label", { for: "crew-email" }, "Email Address *", -1)),
+            c(t("input", {
+              type: "email",
+              id: "crew-email",
+              "onUpdate:modelValue": e[9] || (e[9] = (s) => n.newCrew.email = s),
+              class: h({ error: n.formErrors.email })
+            }, null, 2), [
+              [y, n.newCrew.email]
+            ]),
+            n.formErrors.email ? (r(), a("div", gi, d(n.formErrors.email), 1)) : u("", !0)
+          ])
+        ]),
+        t("div", yi, [
+          e[26] || (e[26] = t("h3", null, "Certifications", -1)),
+          (r(!0), a(f, null, g(n.newCrew.certifications, (s, m) => (r(), a("div", {
+            key: m,
+            class: "certification-entry"
+          }, [
+            t("div", bi, [
+              t("div", wi, [
+                e[24] || (e[24] = t("label", null, "Certification Name", -1)),
+                c(t("input", {
+                  type: "text",
+                  "onUpdate:modelValue": (p) => s.name = p,
+                  placeholder: "Enter certification name"
+                }, null, 8, ki), [
+                  [y, s.name]
+                ])
+              ]),
+              t("div", Ci, [
+                e[25] || (e[25] = t("label", null, "Expiry Date", -1)),
+                c(t("input", {
+                  type: "date",
+                  "onUpdate:modelValue": (p) => s.expiryDate = p
+                }, null, 8, _i), [
+                  [y, s.expiryDate]
+                ])
+              ]),
+              t("div", xi, [
+                n.newCrew.certifications.length > 1 ? (r(), a("button", {
+                  key: 0,
+                  type: "button",
+                  class: "btn btn-danger btn-sm",
+                  onClick: (p) => o.removeCertification(m)
+                }, " Remove ", 8, Si)) : u("", !0)
+              ])
+            ])
+          ]))), 128)),
+          t("button", {
+            type: "button",
+            class: "btn btn-secondary btn-sm",
+            onClick: e[10] || (e[10] = (...s) => o.addCertificationEntry && o.addCertificationEntry(...s))
+          }, " + Add More Certification ")
+        ]),
+        t("div", Di, [
+          t("div", Ai, [
+            e[27] || (e[27] = t("label", { for: "crew-notes" }, "Notes", -1)),
+            c(t("textarea", {
+              id: "crew-notes",
+              rows: "3",
+              "onUpdate:modelValue": e[11] || (e[11] = (s) => n.newCrew.notes = s)
+            }, null, 512), [
+              [y, n.newCrew.notes]
+            ])
+          ])
+        ]),
+        t("div", Ti, [
+          t("button", {
+            class: "btn btn-secondary",
+            onClick: e[12] || (e[12] = (...s) => o.handleCancelForm && o.handleCancelForm(...s))
+          }, "Cancel"),
+          t("button", {
+            class: "btn btn-primary",
+            onClick: e[13] || (e[13] = (...s) => o.handleAddCrewMember && o.handleAddCrewMember(...s))
+          }, "Add Crew Member")
+        ])
+      ])) : u("", !0)
+    ])
+  ]);
+}
+const Mi = /* @__PURE__ */ x(Hs, [["render", Pi]]), Ni = (i = {}) => ({
+  brandName: i.brandName || "OceanHelm",
+  logoIcon: i.logoIcon || "bi bi-water",
+  showLogo: i.showLogo !== !1,
+  responsive: i.responsive !== !1,
+  ...i
+}), Li = [
+  {
+    type: "link",
+    label: "Dashboard",
+    icon: "bi bi-speedometer2",
+    href: "/app/dashboard",
+    active: !0
+  },
+  {
+    type: "link",
+    label: "Activity Log",
+    icon: "bi bi-activity",
+    href: "/activity-log",
+    roles: ["owner"]
+    // Role-based visibility
+  },
+  {
+    type: "text",
+    label: "Services"
+  },
+  {
+    type: "button",
+    label: "Maintenance",
+    icon: "bi bi-tools",
+    action: "maintenance"
+  },
+  {
+    type: "dropdown",
+    label: "Crew Management",
+    icon: "bi bi-people",
+    children: [
+      {
+        label: "All Crew",
+        action: "crew-all",
+        roles: ["owner", "staff"]
+      },
+      {
+        type: "separator"
+      },
+      {
+        label: "Get Crew by Vessel",
+        action: "crew-by-vessel"
+      }
+    ]
+  },
+  {
+    type: "link",
+    label: "Inventory Management",
+    icon: "bi bi-clipboard-data",
+    href: "/app/inventory"
+  },
+  {
+    type: "link",
+    label: "Requisition Processing",
+    icon: "bi bi-calendar-check",
+    href: "/app/requisition"
+  },
+  {
+    type: "button",
+    label: "Voyage Manager",
+    icon: "fas fa-ship",
+    action: "coming-soon"
+  },
+  {
+    type: "button",
+    label: "Settings",
+    icon: "bi bi-gear",
+    action: "settings",
+    roles: ["owner", "staff"]
+  },
+  {
+    type: "button",
+    label: "Help & Support",
+    icon: "bi bi-question-circle",
+    action: "help"
+  }
+], Fi = (i, e) => !i.roles || i.roles.length === 0 ? !0 : i.roles.includes(e == null ? void 0 : e.role), Ui = {
+  install(i, e = {}) {
+    i.component("ConfigurableSidebar", H), i.component("VesselList", pe), i.component("DashHead", Ce), i.component("ActivityLogs", Bs), i.component("CrewManagement", Mi), i.component("DashHead", hs), i.provide("sidebarConfig", e);
+  }
+};
+export {
+  Bs as ActivityLogs,
+  H as ConfigurableSidebar,
+  Mi as CrewManagement,
+  Ce as DashHead,
+  hs as OceanHelmMaintenance,
+  pe as VesselList,
+  Ni as createSidebarConfig,
+  Ui as default,
+  Li as defaultMenuItems,
+  Fi as defaultPermissionChecker
+};
+//# sourceMappingURL=oceanhelm.es.js.map