Incident ID:${incident.incident_id}

Date/Time:${dt}

Priority Level:${incident.priority_level}

Incident Type:${incident.incident_type}

Location:${incident.location}

${incident.grid_reference ? `

Grid Reference:${incident.grid_reference}

` : ""} ${incident.reference_number ? `

Reference Number:${incident.reference_number}

` : ""} ${incident.team_member_name || incident.user_code ? `

Responding Team Member:${incident.user_code ? `[${incident.user_code}] ` : ""}${incident.team_member_name || "Unknown"}

` : ""}

Status:${incident.status || "N/A"}

DESCRIPTION:

${incident.description.replace(/\n/g, "
")}

${incident.evidence_images && incident.evidence_images.length > 0 ? `

EVIDENCE PHOTOS (${incident.evidence_images.length}):
${incident.evidence_images.map((url) => `

`).join("")}

` : ""}

Report Created: ${created}

`); printWindow.document.close(); printWindow.focus(); setTimeout(() => { printWindow.print(); }, 250); }; // virtual:/apps/web/src/components/Dashboard/IncidentsSection.jsx function IncidentsSection() { const { incidents, loading, error, success, submitIncident, timeFilter, setTimeFilter } = useIncidents(); const [upload, { loading: uploadLoading }] = useUpload(); const [selectedFiles, setSelectedFiles] = (0, import_react11.useState)([]); const [uploadedUrls, setUploadedUrls] = (0, import_react11.useState)([]); const [uploadError, setUploadError] = (0, import_react11.useState)(null); const [daysFilter, setDaysFilter] = (0, import_react11.useState)(7); const [useInternalRef, setUseInternalRef] = (0, import_react11.useState)(false); const [internalRef, setInternalRef] = (0, import_react11.useState)(""); const [focusIncidentId, setFocusIncidentId] = (0, import_react11.useState)(null); (0, import_react11.useEffect)(() => { const readHash = () => { if (typeof window === "undefined") return; const h = window.location.hash || ""; if (h.startsWith("#incident-")) { const id = h.replace("#incident-", "").trim(); setFocusIncidentId(id || null); } else { setFocusIncidentId(null); } }; readHash(); window.addEventListener("hashchange", readHash); return () => window.removeEventListener("hashchange", readHash); }, []); (0, import_react11.useEffect)(() => { if (!focusIncidentId) return; const el = document.getElementById(`incident-${focusIncidentId}`); if (el) { el.scrollIntoView({ behavior: "smooth", block: "start" }); } }, [focusIncidentId, incidents]); const handleFileSelect = (e) => { const files = Array.from(e.target.files || []); setSelectedFiles((prev) => [...prev, ...files]); }; const removeFile = (index) => { setSelectedFiles((prev) => prev.filter((_, i) => i !== index)); }; const handleSubmit = async (e) => { e.preventDefault(); setUploadError(null); const urls = []; for (const file of selectedFiles) { const result = await upload({ file }); if (result.error) { setUploadError(result.error); return; } urls.push(result.url); } const formData = new FormData(e.target); const allImages = [...uploadedUrls, ...urls]; const submitted = await submitIncident(formData, allImages); if (submitted) { e.target.reset(); setSelectedFiles([]); setUploadedUrls([]); setUseInternalRef(false); setInternalRef(""); } }; const filteredIncidents = incidents.filter((incident) => { const incidentDate = new Date(incident.incident_datetime); const cutoffDate = /* @__PURE__ */ new Date(); cutoffDate.setDate(cutoffDate.getDate() - daysFilter); return incidentDate >= cutoffDate; }); return /* @__PURE__ */ React.createElement("div", { className: "space-y-6 text-white font-mono" }, /* @__PURE__ */ React.createElement(IncidentHeader, null), /* @__PURE__ */ React.createElement( IncidentForm, { error, uploadError, success, loading, uploadLoading, selectedFiles, onFileSelect: handleFileSelect, onRemoveFile: removeFile, onSubmit: handleSubmit, useInternalRef, internalRef, onUseInternalRefChange: setUseInternalRef, onInternalRefChange: setInternalRef } ), /* @__PURE__ */ React.createElement( IncidentsList, { incidents: filteredIncidents, loading, daysFilter, onDaysFilterChange: setDaysFilter, onDownload: downloadIncident, onPrint: printIncident, focusIncidentId } ), /* @__PURE__ */ React.createElement(ArchiveInfo, null)); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection.jsx init_injected_globals(); var import_react36 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/useShiftReportForm.js init_injected_globals(); var import_react12 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/constants.js init_injected_globals(); var CONDITION_OPTIONS = ["good", "average", "needs improvement"]; var ENGAGEMENT_OPTIONS = ["low", "medium", "high"]; var PARK_AREAS = [ { label: "Wildflower BENTGRASS Park", prefix: "wildflower_bentgrass" }, { label: "Sky Village URSA MAJOR/BOREALIS Park(s)", prefix: "sky_village_ursa" }, { label: "Mountain View CHARLES YOUNG Park", prefix: "mountain_view_charles" }, { label: "Alamar CALABARI MINE Park", prefix: "alamar_calabari" }, { label: "Oasis Park(s)", prefix: "oasis_parks" }, { label: "Loma Verde Park(s)", prefix: "loma_verde" }, { label: "Vail Parke EXPEDITION Park", prefix: "vail_expedition" }, { label: "Monument View Way GRAYJAY Park", prefix: "monument_grayjay" }, { label: "Silver Ridge COMMON AREAS", prefix: "silver_ridge_common" }, { label: "Pedemonte Park", prefix: "pedemonte_park" } ]; var INITIAL_FORM_STATE = { team_member_name: "", shift_time: "", shift_date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0], silver_ridge_parking_enforcement: false, spreadsheets_attached: false, citations_left: 0, engagement_level: "", max_people_hours_1_3: 0, max_people_hours_4_6: 0, max_people_hours_7_8: 0, special_event: false, special_event_people_count: 0, wildflower_bentgrass_time: "", wildflower_bentgrass_condition: "", sky_village_ursa_time: "", sky_village_ursa_condition: "", mountain_view_charles_time: "", mountain_view_charles_condition: "", alamar_calabari_time: "", alamar_calabari_condition: "", oasis_parks_time: "", oasis_parks_condition: "", loma_verde_time: "", loma_verde_condition: "", vail_expedition_time: "", vail_expedition_condition: "", monument_grayjay_time: "", monument_grayjay_condition: "", silver_ridge_common_time: "", silver_ridge_common_condition: "", pedemonte_park_time: "", pedemonte_park_condition: "", pedemonte_people_count: 0, park_visitors_other_parks: 0, diamond_park_condition: "", diamond_park_explanation: "", park_closed_on_time: false, verbal_interaction: false, hoa_rules_enforcement: false, hoa_compliance_achieved: false, sheriff_called: false, hoa_called: false, reference_number: "", hoa_personnel_contacted: "", incident_report_submitted: false, after_hour_alarm_response: false, team_member_signature: "" }; // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/useShiftReportForm.js function useShiftReportForm(user) { const [formData, setFormData] = (0, import_react12.useState)({ ...INITIAL_FORM_STATE, team_member_name: user?.name || "", team_member_signature: user?.name || "" }); const [loading, setLoading] = (0, import_react12.useState)(false); const [error, setError] = (0, import_react12.useState)(null); const [success, setSuccess] = (0, import_react12.useState)(null); const handleInputChange = (field, value) => { setFormData((prev) => ({ ...prev, [field]: value })); }; const resetForm = () => { setFormData({ ...INITIAL_FORM_STATE, team_member_name: user?.name || "", team_member_signature: user?.name || "" }); }; const handleSubmit = async (e, onSuccess) => { e.preventDefault(); try { setLoading(true); setError(null); setSuccess(null); const response = await fetch("/api/comprehensive-shift-reports", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error( `When submitting shift report, the response was [${response.status}] ${response.statusText}` ); } const result = await response.json(); setSuccess( "Shift report submitted for approval! You will be notified once it's reviewed by administration." ); resetForm(); if (result && onSuccess) { onSuccess(); } } catch (error2) { console.error(error2); setError("Could not submit shift report"); } finally { setLoading(false); } }; return { formData, loading, error, success, handleInputChange, handleSubmit }; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/usePastReports.js init_injected_globals(); var import_react13 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/utils.js init_injected_globals(); var getDateRange = (timeFilter) => { const now = /* @__PURE__ */ new Date(); const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); switch (timeFilter.period) { case "today": return { start: today.toISOString().split("T")[0], end: today.toISOString().split("T")[0] }; case "yesterday": const yesterday = new Date(today); yesterday.setDate(yesterday.getDate() - 1); return { start: yesterday.toISOString().split("T")[0], end: yesterday.toISOString().split("T")[0] }; case "last7days": const week = new Date(today); week.setDate(week.getDate() - 7); return { start: week.toISOString().split("T")[0], end: today.toISOString().split("T")[0] }; case "last30days": const month = new Date(today); month.setDate(month.getDate() - 30); return { start: month.toISOString().split("T")[0], end: today.toISOString().split("T")[0] }; case "custom": return { start: timeFilter.startDate, end: timeFilter.endDate }; default: return { start: today.toISOString().split("T")[0], end: today.toISOString().split("T")[0] }; } }; var buildReportsUrl = (dateRange) => { let url = "/api/comprehensive-shift-reports?limit=100"; if (dateRange.start) { if (dateRange.start === dateRange.end) { url += `&shift_date=${dateRange.start}`; } else { url += `&start_date=${dateRange.start}&end_date=${dateRange.end}`; } } return url; }; // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/usePastReports.js function usePastReports() { const [pastReports, setPastReports] = (0, import_react13.useState)([]); const [loadingReports, setLoadingReports] = (0, import_react13.useState)(false); const [timeFilter, setTimeFilter] = (0, import_react13.useState)({ period: "last7days", startDate: null, endDate: null }); const loadPastReports = async () => { try { setLoadingReports(true); const dateRange = getDateRange(timeFilter); const url = buildReportsUrl(dateRange); const response = await fetch(url); if (!response.ok) { throw new Error(`Failed to load reports: ${response.statusText}`); } const result = await response.json(); setPastReports(result.data || []); } catch (error) { console.error("Error loading past reports:", error); } finally { setLoadingReports(false); } }; (0, import_react13.useEffect)(() => { loadPastReports(); }, [timeFilter]); return { pastReports, loadingReports, timeFilter, setTimeFilter, loadPastReports }; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/ShiftReportHeader.jsx init_injected_globals(); var import_react14 = __toESM(require_react()); var import_lucide_react12 = __toESM(require_lucide_react()); function ShiftReportHeader({ userRole }) { return /* @__PURE__ */ import_react14.default.createElement("div", { className: "bg-slate-800 border-l-4 border-yellow-500 p-6" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-3 mb-2" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react12.FileText, { className: "w-8 h-8 text-yellow-400" }), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("h2", { className: "text-4xl font-black text-white tracking-wide" }, "SHIFT REPORT"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-slate-400 text-sm" }, "Comprehensive shift reporting -", " ", userRole === "admin" ? "Administrative Access" : "Team Member Access")))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/DateRangeFilter.jsx init_injected_globals(); var import_react15 = __toESM(require_react()); var import_lucide_react13 = __toESM(require_lucide_react()); function DateRangeFilter({ timeFilter, setTimeFilter }) { return /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react13.Calendar, { className: "w-5 h-5 text-yellow-400" }), /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-black text-white tracking-wide" }, "VIEW PAST REPORTS - DATE FILTER")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-6 gap-3" }, /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "today" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "today" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "TODAY" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "yesterday" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "yesterday" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "YESTERDAY" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "last7days" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "last7days" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "LAST 7 DAYS" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "last30days" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "last30days" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "LAST 30 DAYS" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setTimeFilter({ ...timeFilter, period: "custom" }), className: `px-4 py-2 font-mono text-sm border transition-colors ${timeFilter.period === "custom" ? "bg-yellow-600 border-yellow-500 text-white" : "bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600"}` }, "CUSTOM" )), timeFilter.period === "custom" && /* @__PURE__ */ import_react15.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 mt-3" }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "START DATE"), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "date", value: timeFilter.startDate || "", onChange: (e) => setTimeFilter({ ...timeFilter, startDate: e.target.value }), className: "w-full px-3 py-2 bg-slate-700 border border-slate-600 text-white font-mono focus:outline-none focus:border-yellow-500" } )), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "END DATE"), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "date", value: timeFilter.endDate || "", onChange: (e) => setTimeFilter({ ...timeFilter, endDate: e.target.value }), className: "w-full px-3 py-2 bg-slate-700 border border-slate-600 text-white font-mono focus:outline-none focus:border-yellow-500" } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/PastReportsList.jsx init_injected_globals(); var import_react16 = __toESM(require_react()); var import_lucide_react14 = __toESM(require_lucide_react()); function PastReportsList({ pastReports, loadingReports, onSelect, selectedReportId }) { return /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-6 print:bg-white print:text-black print:border-gray-200" }, /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide flex items-center gap-2 print:text-black" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react14.Eye, { className: "w-5 h-5 text-yellow-400 print:text-yellow-700" }), "PAST SHIFT REPORTS (", pastReports.length, ")"), loadingReports ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-400 font-mono print:text-gray-600" }, "LOADING SHIFT REPORTS...")) : pastReports.length > 0 ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-3" }, pastReports.map((report) => { const isSelected = selectedReportId === report.id; const name = report.team_member_name || report.user_name || "Unknown"; const label = report.user_code ? `[${report.user_code}] ${name}` : name; return /* @__PURE__ */ import_react16.default.createElement( "div", { key: report.id, className: `bg-slate-700 border p-4 transition-colors ${isSelected ? "border-yellow-500 bg-slate-600" : "border-slate-600 hover:bg-slate-650"} print:bg-white print:text-black print:border-gray-300` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-start justify-between mb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-white font-bold print:text-black" }, label), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-400 text-sm print:text-gray-700" }, report.shift_time, " \u2022", " ", new Date(report.shift_date).toLocaleDateString())), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react16.default.createElement( "span", { className: `text-xs font-bold font-mono px-2 py-1 border ${report.approval_status === "approved" ? "text-green-400 border-green-600 bg-green-900/30" : report.approval_status === "rejected" ? "text-red-400 border-red-600 bg-red-900/30" : "text-orange-400 border-orange-600 bg-orange-900/30"} print:text-black print:bg-yellow-100 print:border-yellow-300` }, (report.approval_status || "pending").toUpperCase() ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => onSelect && onSelect(report), className: `px-3 py-1 text-xs font-semibold rounded border transition-colors ${isSelected ? "bg-yellow-500 border-yellow-400 text-slate-900" : "bg-slate-800 border-slate-600 text-slate-200 hover:bg-slate-700"} print:bg-white print:text-black print:border-gray-300`, "aria-label": "View report" }, isSelected ? "VIEWING" : "VIEW" ))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3 text-sm" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "ENGAGEMENT:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.engagement_level || "N/A")), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "SILVER RIDGE:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.silver_ridge_parking_enforcement ? "\u2713 Yes" : "\u2717 No")), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "PARK CLOSED:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.park_closed_on_time ? "\u2713 Yes" : "\u2717 No")), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-slate-500 print:text-gray-600" }, "CITATIONS LEFT:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-slate-300 print:text-black" }, report.citations_left || 0))) ); })) : /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-center py-8 text-slate-500 font-mono print:text-gray-700" }, "NO SHIFT REPORTS FOUND")); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer.jsx init_injected_globals(); var import_react26 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/useReportData.js init_injected_globals(); function normalizeShiftType(shiftTime) { if (!shiftTime) return null; const s = String(shiftTime).trim(); const lower = s.toLowerCase(); if (lower === "day shift") return "Day Shift"; if (lower === "night shift") return "Night Shift"; if (lower === "unassigned shift") return "Unassigned Shift"; if (lower === "special assignment") return "Special Assignment"; return s; } function useReportData(shiftDate, shiftTime) { const shiftType = normalizeShiftType(shiftTime); const { data: activitiesData, isLoading: loadingActivities } = useQuery({ queryKey: ["report-activities", shiftDate, shiftType], enabled: !!shiftDate, queryFn: async () => { const params = new URLSearchParams(); params.set("shift_date", String(shiftDate)); if (shiftType) params.set("shift_type", String(shiftType)); params.set("limit", "500"); const resp = await fetch(`/api/activities?${params.toString()}`); if (!resp.ok) { throw new Error( `Failed to load activities: [${resp.status}] ${resp.statusText}` ); } return resp.json(); } }); const { data: incidentsData, isLoading: loadingIncidents } = useQuery({ queryKey: ["report-incidents", shiftDate, shiftType], enabled: !!shiftDate, queryFn: async () => { const params = new URLSearchParams(); params.set("shift_date", String(shiftDate)); if (shiftType) params.set("shift_type", String(shiftType)); params.set("limit", "500"); const resp = await fetch(`/api/incidents?${params.toString()}`); if (!resp.ok) { throw new Error( `Failed to load incidents: [${resp.status}] ${resp.statusText}` ); } return resp.json(); } }); const { data: tasksData, isLoading: loadingTasks } = useQuery({ queryKey: ["report-tasks", shiftDate, shiftType], enabled: !!shiftDate, queryFn: async () => { const params = new URLSearchParams(); params.set("completed_tasks", "true"); params.set("shift_date", String(shiftDate)); if (shiftType) params.set("shift_type", String(shiftType)); const resp = await fetch(`/api/activities?${params.toString()}`); if (!resp.ok) { throw new Error( `Failed to load tasks: [${resp.status}] ${resp.statusText}` ); } return resp.json(); } }); const activities = activitiesData?.data || []; const incidents = incidentsData?.data || []; const tasks = tasksData?.tasks || (tasksData?.completedTasks || []).map((n) => ({ task_name: n })); return { activities, incidents, tasks, loadingActivities, loadingIncidents, loadingTasks }; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ReportHeader.jsx init_injected_globals(); var import_react17 = __toESM(require_react()); var import_lucide_react15 = __toESM(require_lucide_react()); function ReportHeader({ report, onPrint, onDownloadCsv, onDownloadJson }) { return /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-6 border-b border-slate-700 flex items-center justify-between w-full print:border-gray-200" }, /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-2xl font-black text-white tracking-wide flex items-center gap-2 print:text-black" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react15.FileText, { className: "w-6 h-6 text-yellow-400 print:text-yellow-700" }), "SHIFT REPORT"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-slate-400 text-sm mt-1 print:text-gray-700" }, new Date(report.shift_date).toLocaleDateString(), " \u2022", " ", report.shift_time)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react17.default.createElement( "button", { type: "button", onClick: () => onPrint?.(), className: "px-3 py-2 bg-slate-700 hover:bg-slate-600 text-white rounded border border-slate-600 flex items-center gap-2 print:bg-white print:text-black print:border-gray-300" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react15.Printer, { className: "w-4 h-4" }), " Print" ), /* @__PURE__ */ import_react17.default.createElement( "button", { type: "button", onClick: () => onDownloadCsv?.(), className: "px-3 py-2 bg-slate-700 hover:bg-slate-600 text-white rounded border border-slate-600 flex items-center gap-2 print:bg-white print:text-black print:border-gray-300" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react15.Download, { className: "w-4 h-4" }), " CSV" ), /* @__PURE__ */ import_react17.default.createElement( "button", { type: "button", onClick: () => onDownloadJson?.(), className: "px-3 py-2 bg-slate-700 hover:bg-slate-600 text-white rounded border border-slate-600 flex items-center gap-2 print:bg-white print:text-black print:border-gray-300" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react15.Download, { className: "w-4 h-4" }), " JSON" ))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ReportSummary.jsx init_injected_globals(); var import_react18 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/utils.js init_injected_globals(); function boolText(v) { return v ? "Yes" : "No"; } function safeNum(v) { const n = parseInt(v, 10); return Number.isFinite(n) ? n : 0; } function escapeForCsv(val) { if (val === null || val === void 0) return ""; const s = String(val).replace(/"/g, '""'); return /[",\n]/.test(s) ? `"${s}"` : s; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ReportSummary.jsx function Field({ label, value }) { return /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-xs text-slate-400 print:text-gray-600" }, label), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-slate-200 print:text-black" }, value)); } function ReportSummary({ report }) { return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react18.default.createElement( Field, { label: "Team Member", value: `${report.user_code ? `[${report.user_code}] ` : ""}${report.team_member_name || report.user_name || "Unknown"}` } ), /* @__PURE__ */ import_react18.default.createElement(Field, { label: "Shift Time", value: report.shift_time }), /* @__PURE__ */ import_react18.default.createElement( Field, { label: "Date", value: new Date(report.shift_date).toLocaleDateString() } )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react18.default.createElement( Field, { label: "Engagement Level", value: report.engagement_level || "N/A" } ), /* @__PURE__ */ import_react18.default.createElement(Field, { label: "Citations Left", value: safeNum(report.citations_left) }), /* @__PURE__ */ import_react18.default.createElement( Field, { label: "Park Closed On Time", value: boolText(report.park_closed_on_time) } )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react18.default.createElement( Field, { label: "Silver Ridge Parking", value: boolText(report.silver_ridge_parking_enforcement) } ), /* @__PURE__ */ import_react18.default.createElement( Field, { label: "Spreadsheets Attached", value: boolText(report.spreadsheets_attached) } ), /* @__PURE__ */ import_react18.default.createElement(Field, { label: "Special Event", value: boolText(report.special_event) }))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ParksSnapshot.jsx init_injected_globals(); var import_react19 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/constants.js init_injected_globals(); var areaRows = [ { label: "Wildflower BENTGRASS Park", prefix: "wildflower_bentgrass" }, { label: "Sky Village URSA MAJOR/BOREALIS Park(s)", prefix: "sky_village_ursa" }, { label: "Mountain View CHARLES YOUNG Park", prefix: "mountain_view_charles" }, { label: "Alamar CALABARI MINE Park", prefix: "alamar_calabari" }, { label: "Oasis Park(s)", prefix: "oasis_parks" }, { label: "Loma Verde Park(s)", prefix: "loma_verde" }, { label: "Vail Parke EXPEDITION Park", prefix: "vail_expedition" }, { label: "Monument View Way GRAYJAY Park", prefix: "monument_grayjay" }, { label: "Silver Ridge COMMON AREAS", prefix: "silver_ridge_common" }, { label: "Pedemonte Park", prefix: "pedemonte_park" } ]; var ROCKING_K_MEDALLION_URL = "https://raw.createusercontent.com/2e61cfed-14c0-45ac-9944-dedbc4ca01c7/"; // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ParksSnapshot.jsx function ParksSnapshot({ report }) { return /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-slate-300 font-semibold mb-2 print:text-black" }, "Parks Snapshot"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3" }, areaRows.map((area) => /* @__PURE__ */ import_react19.default.createElement( "div", { key: area.prefix, className: "bg-slate-700/40 rounded p-3 text-sm print:bg-white print:border print:border-gray-200" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-slate-400 print:text-gray-700" }, area.label), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-slate-200 flex gap-3 mt-1 print:text-black" }, /* @__PURE__ */ import_react19.default.createElement("span", null, "Time: ", report[`${area.prefix}_time`] || "\u2014"), /* @__PURE__ */ import_react19.default.createElement("span", null, "Condition: ", report[`${area.prefix}_condition`] || "\u2014")) )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/DiamondParkSection.jsx init_injected_globals(); var import_react20 = __toESM(require_react()); function DiamondParkSection({ report }) { if (!report.diamond_park_condition && !report.diamond_park_explanation) { return null; } return /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "text-slate-300 font-semibold mb-2 print:text-black" }, "Diamond Community Park"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "bg-slate-700/40 rounded p-3 text-sm print:bg-white print:border print:border-gray-200" }, /* @__PURE__ */ import_react20.default.createElement("div", null, "Condition: ", report.diamond_park_condition || "\u2014"), report.diamond_park_explanation ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 text-slate-300 print:text-black" }, report.diamond_park_explanation) : null)); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ActivitiesList.jsx init_injected_globals(); var import_react21 = __toESM(require_react()); function ActivitiesList({ activities, loading }) { return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-300 font-semibold mb-2 print:text-black" }, "Activities (", activities.length, ")"), loading ? /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-400 text-sm print:text-gray-700" }, "Loading activities\u2026") : activities.length === 0 ? /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-500 text-sm print:text-gray-700" }, "No activities for this shift.") : /* @__PURE__ */ import_react21.default.createElement("div", { className: "space-y-2" }, activities.map((a) => { const postedAt = a.created_at ? new Date(a.created_at).toLocaleString() : a.activity_datetime ? new Date(a.activity_datetime).toLocaleString() : ""; return /* @__PURE__ */ import_react21.default.createElement( "div", { key: a.id, className: "bg-slate-700/40 rounded p-3 text-sm print:bg-white print:border print:border-gray-200" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-1" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-200 font-semibold print:text-black" }, a.activity_type), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-400 text-xs print:text-gray-700" }, postedAt)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-300 mt-1 print:text-black" }, a.description || "\u2014"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-slate-400 text-xs mt-1 print:text-gray-700" }, a.location || "", " ", a.grid_reference ? `\u2022 ${a.grid_reference}` : "", " ", a.user_code ? `\u2022 [${a.user_code}]` : "") ); }))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/RoutineActivitiesList.jsx init_injected_globals(); var import_react22 = __toESM(require_react()); function RoutineActivitiesList({ routineActivities, loading }) { const list = routineActivities || []; return /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-300 font-semibold mb-2 print:text-black" }, "Routine Activities (", list.length, ")"), loading ? /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-400 text-sm print:text-gray-700" }, "Loading routine activities\u2026") : list.length === 0 ? /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-500 text-sm print:text-gray-700" }, "No routine activities for this shift.") : /* @__PURE__ */ import_react22.default.createElement("div", { className: "space-y-2" }, list.map((a) => { const postedAt = a.created_at ? new Date(a.created_at).toLocaleString() : a.activity_datetime ? new Date(a.activity_datetime).toLocaleString() : ""; return /* @__PURE__ */ import_react22.default.createElement( "div", { key: `routine-${a.id}`, className: "bg-slate-700/40 rounded p-3 text-sm print:bg-white print:border print:border-gray-200" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-1" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-200 font-semibold print:text-black" }, a.location || "Routine Activity"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-400 text-xs print:text-gray-700" }, postedAt)), /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-300 mt-1 print:text-black" }, a.description || "\u2014"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "text-slate-400 text-xs mt-1 print:text-gray-700" }, a.location || "", " ", a.grid_reference ? `\u2022 ${a.grid_reference}` : "", " ", a.user_code ? `\u2022 [${a.user_code}]` : "") ); }))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/IncidentsList.jsx init_injected_globals(); var import_react23 = __toESM(require_react()); function IncidentsList2({ incidents, loading }) { return /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-300 font-semibold mb-2 print:text-black" }, "Incidents (", incidents.length, ")"), loading ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-400 text-sm print:text-gray-700" }, "Loading incidents\u2026") : incidents.length === 0 ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-500 text-sm print:text-gray-700" }, "No incidents for this shift.") : /* @__PURE__ */ import_react23.default.createElement("div", { className: "space-y-2" }, incidents.map((i) => /* @__PURE__ */ import_react23.default.createElement( "div", { key: i.id, className: "bg-slate-700/40 rounded p-3 text-sm print:bg-white print:border print:border-gray-200" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-1" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-200 font-semibold print:text-black" }, i.incident_type, " ", i.incident_id ? `\u2022 ${i.incident_id}` : ""), /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-400 text-xs print:text-gray-700" }, i.incident_datetime ? new Date(i.incident_datetime).toLocaleString() : "")), /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-300 mt-1 print:text-black" }, i.description || "\u2014"), /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-slate-400 text-xs mt-1 print:text-gray-700" }, i.priority_level ? `Priority ${i.priority_level}` : "", " ", i.location ? `\u2022 ${i.location}` : "", " ", i.grid_reference ? `\u2022 ${i.grid_reference}` : "", " ", i.status ? `\u2022 ${i.status}` : "", " ", i.user_code ? `\u2022 [${i.user_code}]` : "") )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/TasksList.jsx init_injected_globals(); var import_react24 = __toESM(require_react()); function TasksList({ tasks, loading }) { return /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-slate-300 font-semibold mb-2 print:text-black" }, "Tasks Completed (", tasks.length, ")"), loading ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-slate-400 text-sm print:text-gray-700" }, "Loading tasks\u2026") : tasks.length === 0 ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-slate-500 text-sm print:text-gray-700" }, "No tasks recorded for this shift.") : /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-2" }, tasks.map((t, idx) => /* @__PURE__ */ import_react24.default.createElement( "div", { key: `${t.task_name || idx}-${t.completed_at || idx}`, className: "bg-slate-700/40 rounded p-3 text-sm print:bg-white print:border print:border-gray-200" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-1" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-slate-200 font-semibold print:text-black" }, t.task_name), /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-slate-400 text-xs print:text-gray-700" }, t.completed_at ? new Date(t.completed_at).toLocaleString() : "")), /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-slate-400 text-xs mt-1 print:text-gray-700" }, t.completed_by ? `By ${t.completed_by}` : "") )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/ApprovalStatus.jsx init_injected_globals(); var import_react25 = __toESM(require_react()); function ApprovalStatus({ report }) { return /* @__PURE__ */ import_react25.default.createElement("div", { className: "text-sm text-slate-400 print:text-gray-700" }, "Status: ", (report.approval_status || "pending").toUpperCase(), report.approved_by && report.approved_at ? ` \u2022 Approved by ${report.approved_by} on ${new Date(report.approved_at).toLocaleString()}` : ""); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/buildPrintableHtml.js init_injected_globals(); function buildPrintableHtml(report, activities, incidents, tasks, { includeCompletedTasks = true, includeRoutineActivities = true } = {}) { const dateStr = new Date(report.shift_date).toLocaleDateString(); const rows = areaRows.map((a) => { const t = report[`${a.prefix}_time`] || "\u2014"; const c = report[`${a.prefix}_condition`] || "\u2014"; return `${a.label}${t}${c}`; }).join(""); const routineActivities = (activities || []).filter( (a) => a.activity_type === "ROUTINE_ACTIVITY" ); const printableActivities = includeRoutineActivities ? (activities || []).filter((a) => a.activity_type !== "ROUTINE_ACTIVITY") : activities || []; const activityRows = printableActivities.map((a) => { const postedAt = a.created_at ? new Date(a.created_at).toLocaleString() : a.activity_datetime ? new Date(a.activity_datetime).toLocaleString() : ""; const whereBits = [ a.location || "", a.grid_reference || "", a.user_code ? `[${a.user_code}]` : "" ].filter(Boolean).join(" \u2022 "); return `${postedAt}${a.activity_type || ""}${whereBits}${(a.description || "").replace(/`; }).join(""); const incidentRows = (incidents || []).map((i) => { const when = i.incident_datetime ? new Date(i.incident_datetime).toLocaleString() : ""; const meta = [ i.priority_level ? `Priority ${i.priority_level}` : "", i.status || "" ].filter(Boolean).join(" \u2022 "); const whereBits = [ i.location || "", i.grid_reference || "", i.user_code ? `[${i.user_code}]` : "" ].filter(Boolean).join(" \u2022 "); return `${when}${i.incident_type || ""}${i.incident_id ? ` \u2022 ${i.incident_id}` : ""}${whereBits}${(i.description || "").replace(/${meta}`; }).join(""); const routineRows = routineActivities.map((a) => { const when = a.created_at ? new Date(a.created_at).toLocaleString() : a.activity_datetime ? new Date(a.activity_datetime).toLocaleString() : ""; const where = [ a.location || "", a.grid_reference || "", a.user_code ? `[${a.user_code}]` : "" ].filter(Boolean).join(" \u2022 "); return `${when}${where}${(a.description || "").replace(/`; }).join(""); const taskRows = (tasks || []).map((t) => { const when = t.completed_at ? new Date(t.completed_at).toLocaleString() : ""; return `${when}${t.task_name || ""}${t.completed_by || ""}`; }).join(""); const diamondSection = report.diamond_park_condition || report.diamond_park_explanation ? `

Diamond Community Park

${report.diamond_park_explanation ? `` : ""}

Condition	${report.diamond_park_condition \|\| "\u2014"}
Explanation	${report.diamond_park_explanation.replace(/

` : ""; const routineSectionHtml = includeRoutineActivities ? `

Routine Activities (${routineActivities.length})

${routineRows || ''}

When	Where	Notes
None

` : ""; const tasksSectionHtml = includeCompletedTasks ? `

Tasks Completed (${(tasks || []).length})

${taskRows || ''}

When	Task	By
None

` : ""; return ` Shift Report ${dateStr}

Summary

Engagement	${report.engagement_level \|\| "N/A"}
Citations Left	${safeNum(report.citations_left)}
Park Closed On Time	${boolText(report.park_closed_on_time)}
Silver Ridge Parking	${boolText(report.silver_ridge_parking_enforcement)}
Spreadsheets Attached	${boolText(report.spreadsheets_attached)}
Special Event	${boolText(report.special_event)}

Parks Snapshot

${rows}

Park	Time	Condition

${diamondSection} ${routineSectionHtml}

Activities (${printableActivities.length})

${activityRows || ''}

When	Type	Where	Details
None

Incidents (${(incidents || []).length})

${incidentRows || ''}

When	Incident	Where	Details	Meta
None

${tasksSectionHtml}

Printed on ${(/* @__PURE__ */ new Date()).toLocaleString()}

`; } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer/downloadHandlers.js init_injected_globals(); function isLikelyIos() { if (typeof navigator === "undefined") return false; const ua = navigator.userAgent || ""; return /iPad|iPhone|iPod/i.test(ua); } function triggerBrowserDownload({ blob, fileName, mimeType }) { const url = URL.createObjectURL( blob instanceof Blob ? blob : new Blob([blob], { type: mimeType }) ); if (isLikelyIos()) { const win = window.open(url, "_blank"); if (!win) { alert( "Download was blocked by your browser. Please allow pop-ups for this site and try again." ); } setTimeout(() => URL.revokeObjectURL(url), 1e4); return; } const a = document.createElement("a"); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); } function handleDownloadJson({ report, activities, incidents, tasks, routineActivities, includeCompletedTasks, includeRoutineActivities }) { try { const payload = { report, activities, incidents, includeRoutineActivities: !!includeRoutineActivities, includeCompletedTasks: !!includeCompletedTasks }; if (includeRoutineActivities) { payload.routine_activities = routineActivities || []; } if (includeCompletedTasks) { payload.tasks = tasks || []; } const datePart = report.shift_date || (/* @__PURE__ */ new Date()).toISOString().slice(0, 10); const fileName = `shift-report-${datePart}-${(report.shift_time || "").replace(/\s+/g, "-")}.json`; triggerBrowserDownload({ blob: new Blob([JSON.stringify(payload, null, 2)], { type: "application/json" }), fileName, mimeType: "application/json" }); } catch (e) { console.error("Download JSON failed", e); alert("Could not download JSON"); } } function handleDownloadCsv({ report, activities, incidents, tasks, routineActivities, includeCompletedTasks, includeRoutineActivities }) { try { const esc = escapeForCsv; const lines = []; lines.push(["section", "key", "value"].join(",")); const summaryPairs = [ ["shift", "date", new Date(report.shift_date).toLocaleDateString()], ["shift", "time", report.shift_time], [ "shift", "team_member", `${report.user_code ? `[${report.user_code}] ` : ""}${report.team_member_name || report.user_name || "Unknown"}` ], ["summary", "engagement_level", report.engagement_level || "N/A"], ["summary", "citations_left", safeNum(report.citations_left)], ["summary", "park_closed_on_time", boolText(report.park_closed_on_time)], [ "summary", "silver_ridge_parking_enforcement", boolText(report.silver_ridge_parking_enforcement) ], [ "summary", "spreadsheets_attached", boolText(report.spreadsheets_attached) ], ["summary", "special_event", boolText(report.special_event)], [ "include", "routine_activities", includeRoutineActivities ? "yes" : "no" ], ["include", "completed_tasks", includeCompletedTasks ? "yes" : "no"] ]; for (const [section, key, value] of summaryPairs) { lines.push([esc(section), esc(key), esc(value)].join(",")); } lines.push(""); if (includeRoutineActivities) { const routine = routineActivities || []; lines.push( [ "routine_activities", "posted_at", "location", "grid", "description", "user_code" ].join(",") ); for (const a of routine) { const postedAt = a.created_at ? new Date(a.created_at).toLocaleString() : a.activity_datetime ? new Date(a.activity_datetime).toLocaleString() : ""; lines.push( [ esc("routine_activities"), esc(postedAt), esc(a.location || ""), esc(a.grid_reference || ""), esc(a.description || ""), esc(a.user_code || "") ].join(",") ); } lines.push(""); } lines.push( [ "activities", "posted_at", "type", "location", "grid", "description", "user_code" ].join(",") ); for (const a of activities) { const postedAt = a.created_at ? new Date(a.created_at).toLocaleString() : a.activity_datetime ? new Date(a.activity_datetime).toLocaleString() : ""; lines.push( [ esc("activities"), esc(postedAt), esc(a.activity_type), esc(a.location || ""), esc(a.grid_reference || ""), esc(a.description || ""), esc(a.user_code || "") ].join(",") ); } lines.push(""); lines.push( [ "incidents", "datetime", "type", "priority", "location", "grid", "description", "status", "incident_id", "user_code" ].join(",") ); for (const i of incidents) { lines.push( [ esc("incidents"), esc( i.incident_datetime ? new Date(i.incident_datetime).toLocaleString() : "" ), esc(i.incident_type || ""), esc(i.priority_level || ""), esc(i.location || ""), esc(i.grid_reference || ""), esc(i.description || ""), esc(i.status || ""), esc(i.incident_id || ""), esc(i.user_code || "") ].join(",") ); } lines.push(""); if (includeCompletedTasks) { lines.push( ["tasks", "completed_at", "task_name", "completed_by"].join(",") ); for (const t of tasks || []) { lines.push( [ esc("tasks"), esc( t.completed_at ? new Date(t.completed_at).toLocaleString() : "" ), esc(t.task_name || ""), esc(t.completed_by || "") ].join(",") ); } } const csv = lines.join("\n"); const datePart = report.shift_date || (/* @__PURE__ */ new Date()).toISOString().slice(0, 10); const fileName = `shift-report-${datePart}-${(report.shift_time || "").replace(/\s+/g, "-")}.csv`; triggerBrowserDownload({ blob: new Blob([csv], { type: "text/csv;charset=utf-8" }), fileName, mimeType: "text/csv;charset=utf-8" }); } catch (e) { console.error("Download CSV failed", e); alert("Could not download CSV"); } } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SelectedReportViewer.jsx function SelectedReportViewer({ report }) { const [includeCompletedTasks, setIncludeCompletedTasks] = (0, import_react26.useState)(true); const [includeRoutineActivities, setIncludeRoutineActivities] = (0, import_react26.useState)(true); const shiftDate = report?.shift_date || null; const shiftTime = report?.shift_time || null; const { activities, incidents, tasks, loadingActivities, loadingIncidents, loadingTasks } = useReportData(shiftDate, shiftTime); const routineActivities = (0, import_react26.useMemo)(() => { return (activities || []).filter( (a) => a.activity_type === "ROUTINE_ACTIVITY" ); }, [activities]); const displayActivities = (0, import_react26.useMemo)(() => { if (!includeRoutineActivities) return activities; return (activities || []).filter( (a) => a.activity_type !== "ROUTINE_ACTIVITY" ); }, [activities, includeRoutineActivities]); const printableHtml = (0, import_react26.useMemo)(() => { if (!report) return ""; return buildPrintableHtml(report, activities, incidents, tasks, { includeCompletedTasks, includeRoutineActivities }); }, [ report, activities, incidents, tasks, includeCompletedTasks, includeRoutineActivities ]); if (!report) { return /* @__PURE__ */ import_react26.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-6 text-slate-400 print:bg-white print:text-black print:border-gray-200" }, "Select a report above to view details here."); } const handlePrint = () => { try { if (typeof window === "undefined") return; const html = printableHtml || ""; if (!html) { alert("The printable report is still loading. Try again in a moment."); return; } const win = window.open("", "_blank"); if (!win) { alert( "Print preview was blocked by your browser. Please allow pop-ups for this site and try again." ); return; } win.document.open(); win.document.write(html); win.document.close(); const tryPrint = () => { try { win.focus(); win.print(); } catch (e) { console.error("Print failed", e); alert( "Could not open print preview. Please allow pop-ups for this site." ); } }; win.onload = () => { setTimeout(tryPrint, 150); }; setTimeout(tryPrint, 400); } catch (e) { console.error("Print failed", e); alert( "Could not open print preview. Please allow pop-ups for this site." ); } }; const onDownloadJson = () => handleDownloadJson({ report, activities: displayActivities, incidents, tasks, routineActivities, includeCompletedTasks, includeRoutineActivities }); const onDownloadCsv = () => handleDownloadCsv({ report, activities: displayActivities, incidents, tasks, routineActivities, includeCompletedTasks, includeRoutineActivities }); return /* @__PURE__ */ import_react26.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded-lg overflow-hidden print:bg-white print:text-black print:border-gray-200" }, /* @__PURE__ */ import_react26.default.createElement( ReportHeader, { report, onPrint: handlePrint, onDownloadCsv, onDownloadJson } ), /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 py-3 border-b border-slate-700 bg-slate-800/40 print:hidden" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "text-slate-300 text-sm font-semibold" }, "Add to this shift report"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "mt-2 flex flex-col md:flex-row gap-3" }, /* @__PURE__ */ import_react26.default.createElement("label", { className: "flex items-center gap-2 text-sm text-slate-200" }, /* @__PURE__ */ import_react26.default.createElement( "input", { type: "checkbox", checked: includeCompletedTasks, onChange: (e) => setIncludeCompletedTasks(e.target.checked), className: "h-4 w-4" } ), "Add completed tasks"), /* @__PURE__ */ import_react26.default.createElement("label", { className: "flex items-center gap-2 text-sm text-slate-200" }, /* @__PURE__ */ import_react26.default.createElement( "input", { type: "checkbox", checked: includeRoutineActivities, onChange: (e) => setIncludeRoutineActivities(e.target.checked), className: "h-4 w-4" } ), "Add routine activities")), /* @__PURE__ */ import_react26.default.createElement("div", { className: "mt-2 text-xs text-slate-400" }, "These choices also apply to Print / CSV / JSON.")), /* @__PURE__ */ import_react26.default.createElement("div", { className: "p-6 space-y-6 text-white print:text-black" }, /* @__PURE__ */ import_react26.default.createElement(ReportSummary, { report }), /* @__PURE__ */ import_react26.default.createElement(ParksSnapshot, { report }), /* @__PURE__ */ import_react26.default.createElement(DiamondParkSection, { report }), includeRoutineActivities ? /* @__PURE__ */ import_react26.default.createElement( RoutineActivitiesList, { routineActivities, loading: loadingActivities } ) : null, /* @__PURE__ */ import_react26.default.createElement( ActivitiesList, { activities: displayActivities, loading: loadingActivities } ), /* @__PURE__ */ import_react26.default.createElement(IncidentsList2, { incidents, loading: loadingIncidents }), includeCompletedTasks ? /* @__PURE__ */ import_react26.default.createElement(TasksList, { tasks, loading: loadingTasks }) : null, /* @__PURE__ */ import_react26.default.createElement(ApprovalStatus, { report }))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/AlertMessages.jsx init_injected_globals(); var import_react27 = __toESM(require_react()); var import_lucide_react16 = __toESM(require_lucide_react()); function AlertMessages({ error, success }) { if (!error && !success) return null; return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, error && /* @__PURE__ */ import_react27.default.createElement("div", { className: "bg-red-900 border border-red-700 text-red-400 px-4 py-3 rounded font-mono" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react27.default.createElement(import_lucide_react16.AlertTriangle, { size: 20 }), "ERROR: ", error)), success && /* @__PURE__ */ import_react27.default.createElement("div", { className: "bg-green-900 border border-green-700 text-green-400 px-4 py-3 rounded font-mono" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react27.default.createElement(import_lucide_react16.CheckCircle, { size: 20 }), "SUCCESS: ", success))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/BasicInformationSection.jsx init_injected_globals(); var import_react28 = __toESM(require_react()); function BasicInformationSection({ formData, handleInputChange }) { return /* @__PURE__ */ import_react28.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react28.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "BASIC INFORMATION"), /* @__PURE__ */ import_react28.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "TEAM MEMBER ON SHIFT *"), /* @__PURE__ */ import_react28.default.createElement( "input", { type: "text", value: formData.team_member_name, onChange: (e) => handleInputChange("team_member_name", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500", required: true } )), /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "SHIFT TIME *"), /* @__PURE__ */ import_react28.default.createElement( "select", { value: formData.shift_time || "", onChange: (e) => handleInputChange("shift_time", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500", required: true }, /* @__PURE__ */ import_react28.default.createElement("option", { value: "", disabled: true }, "Select shift time"), /* @__PURE__ */ import_react28.default.createElement("option", { value: "Day Shift" }, "Day Shift"), /* @__PURE__ */ import_react28.default.createElement("option", { value: "Night Shift" }, "Night Shift"), /* @__PURE__ */ import_react28.default.createElement("option", { value: "Unassigned Shift" }, "Unassigned Shift"), /* @__PURE__ */ import_react28.default.createElement("option", { value: "Special Assignment" }, "Special Assignment") )), /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "DATE *"), /* @__PURE__ */ import_react28.default.createElement( "input", { type: "date", value: formData.shift_date, onChange: (e) => handleInputChange("shift_date", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500", required: true } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SilverRidgeEngagementSection.jsx init_injected_globals(); var import_react29 = __toESM(require_react()); function SilverRidgeEngagementSection({ formData, handleInputChange }) { return /* @__PURE__ */ import_react29.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react29.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "SILVER RIDGE"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4" }, /* @__PURE__ */ import_react29.default.createElement("div", null, /* @__PURE__ */ import_react29.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "SILVER RIDGE PARKING ENFORCEMENT"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react29.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react29.default.createElement( "input", { type: "checkbox", checked: formData.silver_ridge_parking_enforcement, onChange: (e) => handleInputChange( "silver_ridge_parking_enforcement", e.target.checked ), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react29.default.createElement("span", { className: "font-mono" }, "COMPLETED")))), /* @__PURE__ */ import_react29.default.createElement("div", null, /* @__PURE__ */ import_react29.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "SPREADSHEETS ATTACHED"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react29.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react29.default.createElement( "input", { type: "checkbox", checked: formData.spreadsheets_attached, onChange: (e) => handleInputChange("spreadsheets_attached", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react29.default.createElement("span", { className: "font-mono" }, "YES")))), /* @__PURE__ */ import_react29.default.createElement("div", null, /* @__PURE__ */ import_react29.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "CITATIONS LEFT (QUANTITY)"), /* @__PURE__ */ import_react29.default.createElement( "input", { type: "number", min: "0", value: formData.citations_left, onChange: (e) => handleInputChange("citations_left", parseInt(e.target.value) || 0), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" } )), /* @__PURE__ */ import_react29.default.createElement("div", null, /* @__PURE__ */ import_react29.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "ENGAGEMENT LEVEL"), /* @__PURE__ */ import_react29.default.createElement( "select", { value: formData.engagement_level, onChange: (e) => handleInputChange("engagement_level", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" }, /* @__PURE__ */ import_react29.default.createElement("option", { value: "" }, "SELECT LEVEL"), ENGAGEMENT_OPTIONS.map((option) => /* @__PURE__ */ import_react29.default.createElement("option", { key: option, value: option }, option.toUpperCase())) )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/MaxPeopleSection.jsx init_injected_globals(); var import_react30 = __toESM(require_react()); function MaxPeopleSection({ formData, handleInputChange }) { return /* @__PURE__ */ import_react30.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react30.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "MAX PEOPLE IN DCP PER TIME BLOCK"), /* @__PURE__ */ import_react30.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react30.default.createElement("div", null, /* @__PURE__ */ import_react30.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "HOURS 1-3"), /* @__PURE__ */ import_react30.default.createElement( "input", { type: "number", min: "0", value: formData.max_people_hours_1_3, onChange: (e) => handleInputChange( "max_people_hours_1_3", parseInt(e.target.value) || 0 ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" } )), /* @__PURE__ */ import_react30.default.createElement("div", null, /* @__PURE__ */ import_react30.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "HOURS 4-6"), /* @__PURE__ */ import_react30.default.createElement( "input", { type: "number", min: "0", value: formData.max_people_hours_4_6, onChange: (e) => handleInputChange( "max_people_hours_4_6", parseInt(e.target.value) || 0 ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" } )), /* @__PURE__ */ import_react30.default.createElement("div", null, /* @__PURE__ */ import_react30.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "HOURS 7-8"), /* @__PURE__ */ import_react30.default.createElement( "input", { type: "number", min: "0", value: formData.max_people_hours_7_8, onChange: (e) => handleInputChange( "max_people_hours_7_8", parseInt(e.target.value) || 0 ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SpecialEventSection.jsx init_injected_globals(); var import_react31 = __toESM(require_react()); function SpecialEventSection({ formData, handleInputChange }) { return /* @__PURE__ */ import_react31.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react31.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "SPECIAL EVENT"), /* @__PURE__ */ import_react31.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react31.default.createElement("div", null, /* @__PURE__ */ import_react31.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "SPECIAL EVENT"), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react31.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react31.default.createElement( "input", { type: "checkbox", checked: formData.special_event, onChange: (e) => handleInputChange("special_event", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react31.default.createElement("span", { className: "font-mono" }, "YES")))), /* @__PURE__ */ import_react31.default.createElement("div", null, /* @__PURE__ */ import_react31.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "NUMBER OF PEOPLE (IF SPECIAL EVENT)"), /* @__PURE__ */ import_react31.default.createElement( "input", { type: "number", min: "0", value: formData.special_event_people_count, onChange: (e) => handleInputChange( "special_event_people_count", parseInt(e.target.value) || 0 ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500", disabled: !formData.special_event } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/PatrolAreasSection.jsx init_injected_globals(); var import_react32 = __toESM(require_react()); function PatrolAreasSection({ formData, handleInputChange }) { return /* @__PURE__ */ import_react32.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react32.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "PATROL AREAS AND PARK CONDITIONS"), /* @__PURE__ */ import_react32.default.createElement("div", { className: "space-y-4" }, PARK_AREAS.map((park) => /* @__PURE__ */ import_react32.default.createElement( "div", { key: park.prefix, className: "grid grid-cols-1 md:grid-cols-3 gap-4 p-4 bg-slate-700 border border-slate-600 rounded" }, /* @__PURE__ */ import_react32.default.createElement("div", null, /* @__PURE__ */ import_react32.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, park.label.toUpperCase(), " - TIME OF CHECK-UP"), /* @__PURE__ */ import_react32.default.createElement( "input", { type: "text", placeholder: "e.g., 14:30", value: formData[`${park.prefix}_time`], onChange: (e) => handleInputChange(`${park.prefix}_time`, e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono placeholder-slate-500 focus:outline-none focus:border-blue-500" } )), /* @__PURE__ */ import_react32.default.createElement("div", null, /* @__PURE__ */ import_react32.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "CONDITION"), /* @__PURE__ */ import_react32.default.createElement( "select", { value: formData[`${park.prefix}_condition`], onChange: (e) => handleInputChange(`${park.prefix}_condition`, e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" }, /* @__PURE__ */ import_react32.default.createElement("option", { value: "" }, "SELECT CONDITION"), CONDITION_OPTIONS.map((condition) => /* @__PURE__ */ import_react32.default.createElement("option", { key: condition, value: condition }, condition.toUpperCase())) )), park.prefix === "pedemonte_park" && /* @__PURE__ */ import_react32.default.createElement("div", null, /* @__PURE__ */ import_react32.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "NUMBER OF PEOPLE"), /* @__PURE__ */ import_react32.default.createElement( "input", { type: "number", min: "0", value: formData.pedemonte_people_count, onChange: (e) => handleInputChange( "pedemonte_people_count", parseInt(e.target.value) || 0 ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" } )) ))), /* @__PURE__ */ import_react32.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ import_react32.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "PARK VISITORS AT ALL OTHER PARKS (QUANTITY)"), /* @__PURE__ */ import_react32.default.createElement( "input", { type: "number", min: "0", value: formData.park_visitors_other_parks, onChange: (e) => handleInputChange( "park_visitors_other_parks", parseInt(e.target.value) || 0 ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" } ))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/DiamondParkSection.jsx init_injected_globals(); var import_react33 = __toESM(require_react()); function DiamondParkSection2({ formData, handleInputChange }) { return /* @__PURE__ */ import_react33.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react33.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "DIAMOND COMMUNITY PARK"), /* @__PURE__ */ import_react33.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "GROUNDS/FACILITIES CONDITION"), /* @__PURE__ */ import_react33.default.createElement( "select", { value: formData.diamond_park_condition, onChange: (e) => handleInputChange("diamond_park_condition", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono focus:outline-none focus:border-blue-500" }, /* @__PURE__ */ import_react33.default.createElement("option", { value: "" }, "SELECT CONDITION"), CONDITION_OPTIONS.map((condition) => /* @__PURE__ */ import_react33.default.createElement("option", { key: condition, value: condition }, condition.toUpperCase())) )), /* @__PURE__ */ import_react33.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ import_react33.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "EXPLANATION"), /* @__PURE__ */ import_react33.default.createElement( "textarea", { rows: 3, value: formData.diamond_park_explanation, onChange: (e) => handleInputChange("diamond_park_explanation", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono placeholder-slate-500 focus:outline-none focus:border-blue-500 resize-none", placeholder: "EXPLAIN CONDITIONS, ISSUES, OR OBSERVATIONS..." } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/CommunityEngagementSection.jsx init_injected_globals(); var import_react34 = __toESM(require_react()); function CommunityEngagementSection({ formData, handleInputChange }) { return /* @__PURE__ */ import_react34.default.createElement("div", { className: "bg-slate-800 border border-slate-700 rounded p-6" }, /* @__PURE__ */ import_react34.default.createElement("h3", { className: "text-xl font-black text-white mb-4 tracking-wide" }, "COMMUNITY ENGAGEMENT"), /* @__PURE__ */ import_react34.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.park_closed_on_time, onChange: (e) => handleInputChange("park_closed_on_time", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "PARK CLOSED AND CLEARED ON TIME")), /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.verbal_interaction, onChange: (e) => handleInputChange("verbal_interaction", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "VERBAL INTERACTION WITH INDIVIDUALS")), /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.hoa_rules_enforcement, onChange: (e) => handleInputChange("hoa_rules_enforcement", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "ENFORCEMENT OF HOA RULES"))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.after_hour_alarm_response, onChange: (e) => handleInputChange("after_hour_alarm_response", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "AFTER HOUR ALARM RESPONSE"))), formData.hoa_rules_enforcement && /* @__PURE__ */ import_react34.default.createElement("div", { className: "bg-slate-700 border border-slate-600 p-4 rounded space-y-4" }, /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.hoa_compliance_achieved, onChange: (e) => handleInputChange("hoa_compliance_achieved", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "COMPLIANCE WITH HOA RULES ACHIEVED")), /* @__PURE__ */ import_react34.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.sheriff_called, onChange: (e) => handleInputChange("sheriff_called", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "SHERIFF'S DEPT. CALLED")), /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.hoa_called, onChange: (e) => handleInputChange("hoa_called", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "HOA CALLED"))), (formData.sheriff_called || formData.hoa_called) && /* @__PURE__ */ import_react34.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "911 REFERENCE NUMBER"), /* @__PURE__ */ import_react34.default.createElement( "input", { type: "text", value: formData.reference_number, onChange: (e) => handleInputChange("reference_number", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono placeholder-slate-500 focus:outline-none focus:border-blue-500", placeholder: "ENTER REFERENCE NUMBER" } )), /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "HOA PERSONNEL CONTACTED"), /* @__PURE__ */ import_react34.default.createElement( "input", { type: "text", value: formData.hoa_personnel_contacted, onChange: (e) => handleInputChange( "hoa_personnel_contacted", e.target.value ), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono placeholder-slate-500 focus:outline-none focus:border-blue-500", placeholder: "NAME OF HOA PERSONNEL" } )))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react34.default.createElement("label", { className: "flex items-center gap-2 text-slate-300" }, /* @__PURE__ */ import_react34.default.createElement( "input", { type: "checkbox", checked: formData.incident_report_submitted, onChange: (e) => handleInputChange("incident_report_submitted", e.target.checked), className: "rounded border-slate-600 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ import_react34.default.createElement("span", { className: "font-mono text-sm" }, "SUBMITTED AN INCIDENT REPORT"))), /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("label", { className: "block text-xs text-slate-400 mb-2 tracking-wide" }, "NAME AND TEAM MEMBER DIGITAL SIGNATURE"), /* @__PURE__ */ import_react34.default.createElement( "input", { type: "text", value: formData.team_member_signature, onChange: (e) => handleInputChange("team_member_signature", e.target.value), className: "w-full bg-slate-700 border border-slate-600 px-3 py-2 text-white font-mono placeholder-slate-500 focus:outline-none focus:border-blue-500", placeholder: "TYPE YOUR NAME AS DIGITAL SIGNATURE" } )))); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection/SubmitButton.jsx init_injected_globals(); var import_react35 = __toESM(require_react()); var import_lucide_react17 = __toESM(require_lucide_react()); function SubmitButton({ loading }) { return /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ import_react35.default.createElement( "button", { type: "submit", disabled: loading, className: "bg-yellow-600 hover:bg-yellow-700 disabled:opacity-50 text-white px-8 py-3 rounded border border-yellow-500 font-black tracking-wide transition-colors flex items-center gap-2 font-mono" }, /* @__PURE__ */ import_react35.default.createElement(import_lucide_react17.Send, { size: 20 }), loading ? "SENDING..." : "SEND FOR APPROVAL" )); } // virtual:/apps/web/src/components/Dashboard/ShiftReportSection.jsx function ShiftReportSection({ userRole }) { const { data: user } = useUser_default(); const { pastReports, loadingReports, timeFilter, setTimeFilter, loadPastReports } = usePastReports(); const { formData, loading, error, success, handleInputChange, handleSubmit } = useShiftReportForm(user); const onSubmit = (e) => { handleSubmit(e, loadPastReports); }; const [selectedReport, setSelectedReport] = (0, import_react36.useState)(null); (0, import_react36.useEffect)(() => { if (pastReports && pastReports.length > 0) { setSelectedReport((prev) => { if (prev && pastReports.some((r) => r.id === prev.id)) return prev; return pastReports[0]; }); } else { setSelectedReport(null); } }, [pastReports]); return /* @__PURE__ */ import_react36.default.createElement("div", { className: "space-y-6 text-white font-mono" }, /* @__PURE__ */ import_react36.default.createElement(ShiftReportHeader, { userRole }), /* @__PURE__ */ import_react36.default.createElement(DateRangeFilter, { timeFilter, setTimeFilter }), /* @__PURE__ */ import_react36.default.createElement( PastReportsList, { pastReports, loadingReports, onSelect: setSelectedReport, selectedReportId: selectedReport?.id } ), /* @__PURE__ */ import_react36.default.createElement(SelectedReportViewer, { report: selectedReport }), /* @__PURE__ */ import_react36.default.createElement(AlertMessages, { error, success }), /* @__PURE__ */ import_react36.default.createElement("form", { onSubmit, className: "space-y-8" }, /* @__PURE__ */ import_react36.default.createElement( BasicInformationSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement( SilverRidgeEngagementSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement( MaxPeopleSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement( SpecialEventSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement( PatrolAreasSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement( DiamondParkSection2, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement( CommunityEngagementSection, { formData, handleInputChange } ), /* @__PURE__ */ import_react36.default.createElement(SubmitButton, { loading }))); } // virtual:/apps/web/src/components/Dashboard/MessagesSection.jsx init_injected_globals(); var import_react37 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection.jsx init_injected_globals(); var import_react52 = __toESM(require_react()); var import_lucide_react30 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection.jsx init_injected_globals(); var import_react49 = __toESM(require_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/useApprovals.js init_injected_globals(); var import_react38 = __toESM(require_react()); function useApprovals() { const [loading, setLoading] = (0, import_react38.useState)(true); const [error, setError] = (0, import_react38.useState)(null); const [pendingApprovals, setPendingApprovals] = (0, import_react38.useState)({ activities: [], incidents: [], shift_reports: [] }); const [processingApproval, setProcessingApproval] = (0, import_react38.useState)(null); const [expandedId, setExpandedId] = (0, import_react38.useState)(null); const loadPendingApprovals = async () => { try { setLoading(true); setError(null); console.log("\u{1F50D} Loading pending approvals from frontend..."); const response = await fetch("/api/approvals"); console.log( "\u{1F4E1} Approvals API response status:", response.status, response.statusText ); if (!response.ok) { const errorText = await response.text(); console.error("\u274C Approvals API error response:", errorText); let errorMessage = `API Error [${response.status}]: ${response.statusText}`; try { const errorData = JSON.parse(errorText); if (errorData.details) { errorMessage += ` - ${errorData.details}`; } if (errorData.stack) { console.error("\u274C Error stack from API:", errorData.stack); } } catch (e) { errorMessage += ` - ${errorText}`; } throw new Error(errorMessage); } const result = await response.json(); console.log("\u2705 Approvals loaded:", result.data); const data = result.data || {}; setPendingApprovals({ activities: Array.isArray(data.activities) ? data.activities : [], incidents: Array.isArray(data.incidents) ? data.incidents : [], shift_reports: Array.isArray(data.shift_reports) ? data.shift_reports : [] }); } catch (error2) { console.error("\u274C Error loading pending approvals:", error2); setError(error2.message || "Failed to load pending approvals"); setPendingApprovals({ activities: [], incidents: [], shift_reports: [] }); } finally { setLoading(false); } }; const handleApproval = async (type, id, action) => { try { setProcessingApproval(`${type}-${id}`); setError(null); const response = await fetch("/api/approvals", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ type, id, action }) }); if (!response.ok) { throw new Error(`Failed to ${action} ${type}: ${response.statusText}`); } await loadPendingApprovals(); if (expandedId === id) { setExpandedId(null); } } catch (error2) { console.error("Error processing approval:", error2); setError(`Failed to ${action} ${type}`); } finally { setProcessingApproval(null); } }; (0, import_react38.useEffect)(() => { loadPendingApprovals(); }, []); const totalPending = (pendingApprovals?.activities?.length || 0) + (pendingApprovals?.incidents?.length || 0) + (pendingApprovals?.shift_reports?.length || 0); return { loading, error, pendingApprovals, processingApproval, expandedId, setExpandedId, handleApproval, totalPending }; } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ApprovalsHeader.jsx init_injected_globals(); var import_react39 = __toESM(require_react()); var import_lucide_react18 = __toESM(require_lucide_react()); function ApprovalsHeader({ totalPending }) { return /* @__PURE__ */ import_react39.default.createElement("div", { className: "bg-slate-800 border-l-4 border-orange-500 p-6" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react39.default.createElement(import_lucide_react18.UserCheck, { className: "w-8 h-8 text-orange-400" }), /* @__PURE__ */ import_react39.default.createElement("div", null, /* @__PURE__ */ import_react39.default.createElement("h2", { className: "text-4xl font-black text-white tracking-wide" }, "PENDING APPROVALS"), /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center space-x-4 text-sm mt-2" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "w-2 h-2 bg-orange-400 rounded-full animate-pulse" }), /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-slate-400 font-medium" }, totalPending, " ITEMS PENDING REVIEW"))))))); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ErrorMessage.jsx init_injected_globals(); var import_react40 = __toESM(require_react()); var import_lucide_react19 = __toESM(require_lucide_react()); function ErrorMessage({ error }) { if (!error) return null; return /* @__PURE__ */ import_react40.default.createElement("div", { className: "bg-red-900 border border-red-700 text-red-400 px-4 py-3 rounded font-mono" }, /* @__PURE__ */ import_react40.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react40.default.createElement(import_lucide_react19.AlertTriangle, { size: 20 }), "ERROR: ", error)); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/EmptyState.jsx init_injected_globals(); var import_react41 = __toESM(require_react()); var import_lucide_react20 = __toESM(require_lucide_react()); function EmptyState() { return /* @__PURE__ */ import_react41.default.createElement("div", { className: "bg-slate-800 border border-slate-700 p-6 rounded text-center" }, /* @__PURE__ */ import_react41.default.createElement(import_lucide_react20.CheckCircle, { className: "w-12 h-12 text-green-400 mx-auto mb-4" }), /* @__PURE__ */ import_react41.default.createElement("h3", { className: "text-xl font-black text-white mb-2" }, "ALL CAUGHT UP!"), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-slate-400" }, "No pending approvals at this time.")); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/LoadingState.jsx init_injected_globals(); var import_react42 = __toESM(require_react()); var import_lucide_react21 = __toESM(require_lucide_react()); function LoadingState() { return /* @__PURE__ */ import_react42.default.createElement("div", { className: "space-y-6 text-white font-mono" }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "bg-slate-800 border-l-4 border-orange-500 p-6" }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react42.default.createElement(import_lucide_react21.UserCheck, { className: "w-8 h-8 text-orange-400" }), /* @__PURE__ */ import_react42.default.createElement("h2", { className: "text-4xl font-black text-white tracking-wide" }, "PENDING APPROVALS"))), /* @__PURE__ */ import_react42.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "text-slate-400 font-mono" }, "LOADING APPROVAL QUEUE..."))); } // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ShiftReportsList.jsx init_injected_globals(); var import_react44 = __toESM(require_react()); var import_lucide_react23 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/ShiftReportItem.jsx init_injected_globals(); var import_react43 = __toESM(require_react()); var import_lucide_react22 = __toESM(require_lucide_react()); // virtual:/apps/web/src/components/Dashboard/AdminSection/ApprovalsSection/shiftReportUtils.js init_injected_globals(); var buildPrintableHtml2 = (report) => { const headerName = report.team_member_name || report.user_name || "Unknown"; const dateText = report.shift_date ? new Date(report.shift_date).toLocaleDateString() : ""; const items = [ ["Team Member", headerName], ["Date", dateText], ["Shift Time", report.shift_time || ""], ["Engagement", report.engagement_level || ""], ["Park Visitors", report.park_visitors || ""], [ "Silver Ridge Parking Enforcement", report.silver_ridge_parking_enforcement === true ? "Yes" : report.silver_ridge_parking_enforcement === false ? "No" : "" ], [ "After Hours Alarm Response", report.after_hour_alarm_response === true ? "Yes" : report.after_hour_alarm_response === false ? "No" : "" ], [ "Special Event", report.special_event ? "Yes" : report.special_event === false ? "No" : "" ], ["Special Event People Count", report.special_event_people_count ?? ""], ["Max People (1-3)", report.max_people_hours_1_3 ?? ""], ["Max People (4-6)", report.max_people_hours_4_6 ?? ""], ["Max People (7-8)", report.max_people_hours_7_8 ?? ""] ]; const parkPairs = [ [ "wildflower_bentgrass_time", "wildflower_bentgrass_condition", "Wildflower/Bentgrass" ], ["sky_village_ursa_time", "sky_village_ursa_condition", "Sky Village/Ursa"], [ "mountain_view_charles_time", "mountain_view_charles_condition", "Mountain View/Charles" ], ["alamar_calabari_time", "alamar_calabari_condition", "Alamar/Calabari"], ["oasis_parks_time", "oasis_parks_condition", "Oasis Parks"], ["loma_verde_time", "loma_verde_condition", "Loma Verde"], ["vail_expedition_time", "vail_expedition_condition", "Vail Expedition"], ["monument_grayjay_time", "monument_grayjay_condition", "Monument/Grayjay"], [ "silver_ridge_common_time", "silver_ridge_common_condition", "Silver Ridge Common" ], ["pedemonte_park_time", "pedemonte_park_condition", "Pedemonte Park"] ]; const visibleParks = parkPairs.map(([tKey, cKey, label]) => ({ label, time: report[tKey], condition: report[cKey] })).filter((p) => p.time || p.condition); const summaryBlock = report.summary ? `

SUMMARY

${String(
      report.summary
    ).replace(/&/g, "&").replace(//g, ">")}

` : ""; const detailsRows = items.filter(([, v]) => v !== void 0 && v !== null && v !== "").map( ([label, value]) => `${label}${String( value )}` ).join(""); const parksRows = visibleParks.map( (p) => `

${p.label}

${p.time ? `

Time: ${p.time}

` : ""}${p.condition ? `

Condition: ${p.condition}

` : ""}

` ).join(""); return `Shift Report ${report.id || ""}

SHIFT REPORT

ID: ${report.id || ""}

${summaryBlock}

DETAILS

${detailsRows}

${parksRows ? `

PARK CHECKS

${parksRows}

` : ""}

IN-FIELD ACTIVITY LOG