function MainComponent() { const [selectedTab, setSelectedTab] = useState("dashboard"); const [searchTerm, setSearchTerm] = useState(""); const [selectedCemetery, setSelectedCemetery] = useState(null); const cemeteries = [ { name: "New Road Cemetery", location: "New Road, March", spaces: { ground: 45, above: 12, columbarium: 8 } }, { name: "Wisbech General Cemetery", location: "Mount Pleasant Rd", spaces: { ground: 67, above: 15, columbarium: 23 } }, { name: "Wisbech General Cemetery", location: "Old Chapel, N End", spaces: { ground: 34, above: 8, columbarium: 12 } }, { name: "Whittlesey Cemetery", location: "Whittlesey, Peterborough PE7 1PL", spaces: { ground: 89, above: 21, columbarium: 16 } } ]; const [bookings, setBookings] = useState([]); const [formData, setFormData] = useState({ fullName: "", email: "", phone: "", address: "", deceasedName: "", dateOfBirth: "", dateOfDeath: "", serviceType: "burial", serviceDate: "", serviceTime: "", duration: "1", plotType: "traditional", paymentMethod: "card" }); const [recentInternments] = useState([ { name: "John Smith", date: "2024-01-15", paymentStatus: "received", address: "45 High Street, March", telephone: "01354 123456" }, { name: "Mary Johnson", date: "2024-01-10", paymentStatus: "outstanding", address: "12 Market Place, Wisbech", telephone: "01945 789012" }, { name: "Robert Wilson", date: "2024-01-05", paymentStatus: "received", address: "8 Station Road, Whittlesey", telephone: "01733 345678" } ]); const [inspectionData] = useState({ totalMemorials: 50000, completedThisYear: 8234, scheduledNext: 2500, areasInspected: [ "Section A", "Section B", "Section C" ], upcomingAreas: [ "Section D", "Section E" ] }); const [reportData] = useState({ inspectionSummary: { total: 5000, stable: 3500, unstable: 800, needRepair: 700 }, conditionBreakdown: { good: 60, moderate: 25, poor: 15 }, repairUrgency: { immediate: 200, sixMonths: 300, yearly: 200 }, complianceStatus: { pass: 4200, fail: 800 } }); const handleInputChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); setBookings([ ...bookings, { ...formData, id: Date.now() } ]); setFormData({ fullName: "", email: "", phone: "", address: "", deceasedName: "", dateOfBirth: "", dateOfDeath: "", serviceType: "burial", serviceDate: "", serviceTime: "", duration: "1", plotType: "traditional", paymentMethod: "card" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8fafc]", __source: { fileName: "", lineNumber: 121, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1e293b] p-4", __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-xl font-inter", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Fenland Cemetery Management"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "search", name: "search", placeholder: "Search records...", className: "px-4 py-2 rounded-lg", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-2xl", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex h-[calc(100vh-4rem)]", __source: { fileName: "", lineNumber: 143, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-64 bg-white border-r border-gray-200 p-4", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "space-y-2", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("dashboard"), className: `w-full text-left px-4 py-2 rounded-lg ${selectedTab === "dashboard" ? "bg-[#1e293b] text-white" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }), "Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("plots"), className: `w-full text-left px-4 py-2 rounded-lg ${selectedTab === "plots" ? "bg-[#1e293b] text-white" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }), "Plot Management"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("bookings"), className: `w-full text-left px-4 py-2 rounded-lg ${selectedTab === "bookings" ? "bg-[#1e293b] text-white" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }), "Bookings"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("payments"), className: `w-full text-left px-4 py-2 rounded-lg ${selectedTab === "payments" ? "bg-[#1e293b] text-white" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pound-sign mr-2", __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this }), "Payments"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("inspections"), className: `w-full text-left px-4 py-2 rounded-lg ${selectedTab === "inspections" ? "bg-[#1e293b] text-white" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clipboard-check mr-2", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }), "Safety Inspections"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTab("reports"), className: `w-full text-left px-4 py-2 rounded-lg ${selectedTab === "reports" ? "bg-[#1e293b] text-white" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar mr-2", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }), "Reports"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-6 overflow-auto", __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this }, selectedTab === "plots" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, "Cemetery Locations"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, cemeteries.map((cemetery, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-lg shadow hover:shadow-lg transition-shadow cursor-pointer", onClick: ()=>setSelectedCemetery(cemetery), __source: { fileName: "", lineNumber: 191, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, cemetery.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this }, cemetery.location), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 198, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 199, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-green-600", __source: { fileName: "", lineNumber: 200, columnNumber: 25 }, __self: this }, cemetery.spaces.ground), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 203, columnNumber: 25 }, __self: this }, "Ground Plots")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 207, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-blue-600", __source: { fileName: "", lineNumber: 208, columnNumber: 25 }, __self: this }, cemetery.spaces.above), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 211, columnNumber: 25 }, __self: this }, "Above Ground")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 215, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-purple-600", __source: { fileName: "", lineNumber: 216, columnNumber: 25 }, __self: this }, cemetery.spaces.columbarium), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 219, columnNumber: 25 }, __self: this }, "Columbarium"))))))) : selectedTab === "bookings" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, "New Booking"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white p-6 rounded-lg shadow space-y-6", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 234, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 235, columnNumber: 21 }, __self: this }, "Contact Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 238, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "fullName", placeholder: "Full Name", value: formData.fullName, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 239, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", placeholder: "Email", value: formData.email, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 246, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "phone", placeholder: "Phone", value: formData.phone, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 254, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "address", placeholder: "Address", value: formData.address, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 261, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, "Deceased Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 274, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "deceasedName", placeholder: "Name of Deceased", value: formData.deceasedName, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 275, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "dateOfBirth", type: "date", placeholder: "Date of Birth", value: formData.dateOfBirth, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 282, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "dateOfDeath", type: "date", placeholder: "Date of Death", value: formData.dateOfDeath, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 290, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, "Service Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 306, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "serviceType", value: formData.serviceType, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 307, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "burial", __source: { fileName: "", lineNumber: 313, columnNumber: 25 }, __self: this }, "Burial"), /*#__PURE__*/ React.createElement("option", { value: "cremation", __source: { fileName: "", lineNumber: 314, columnNumber: 25 }, __self: this }, "Cremation"), /*#__PURE__*/ React.createElement("option", { value: "memorial", __source: { fileName: "", lineNumber: 315, columnNumber: 25 }, __self: this }, "Memorial Service")), /*#__PURE__*/ React.createElement("input", { name: "serviceDate", type: "date", value: formData.serviceDate, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 317, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "serviceTime", type: "time", value: formData.serviceTime, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 324, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "duration", value: formData.duration, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 331, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 337, columnNumber: 25 }, __self: this }, "1 Hour"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 338, columnNumber: 25 }, __self: this }, "2 Hours"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 339, columnNumber: 25 }, __self: this }, "3 Hours")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, "Plot & Payment"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 347, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "plotType", value: formData.plotType, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 348, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "traditional", __source: { fileName: "", lineNumber: 354, columnNumber: 25 }, __self: this }, "Traditional Burial Plot"), /*#__PURE__*/ React.createElement("option", { value: "cremation", __source: { fileName: "", lineNumber: 357, columnNumber: 25 }, __self: this }, "Cremation Plot"), /*#__PURE__*/ React.createElement("option", { value: "mausoleum", __source: { fileName: "", lineNumber: 358, columnNumber: 25 }, __self: this }, "Mausoleum")), /*#__PURE__*/ React.createElement("select", { name: "paymentMethod", value: formData.paymentMethod, onChange: handleInputChange, className: "w-full px-4 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 360, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "card", __source: { fileName: "", lineNumber: 366, columnNumber: 25 }, __self: this }, "Credit/Debit Card"), /*#__PURE__*/ React.createElement("option", { value: "bank", __source: { fileName: "", lineNumber: 367, columnNumber: 25 }, __self: this }, "Bank Transfer"), /*#__PURE__*/ React.createElement("option", { value: "cash", __source: { fileName: "", lineNumber: 368, columnNumber: 25 }, __self: this }, "Cash"))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#1e293b] text-white py-2 rounded-lg hover:bg-[#334155]", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, "Submit Booking")), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mt-8", __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, "Recent Bookings"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow overflow-hidden", __source: { fileName: "", lineNumber: 382, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 383, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 385, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 386, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 389, columnNumber: 23 }, __self: this }, "Service Type"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 392, columnNumber: 23 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 395, columnNumber: 23 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 398, columnNumber: 23 }, __self: this }, "Plot Type"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 403, columnNumber: 19 }, __self: this }, bookings.map((booking)=>/*#__PURE__*/ React.createElement("tr", { key: booking.id, __source: { fileName: "", lineNumber: 405, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 406, columnNumber: 25 }, __self: this }, booking.fullName), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 407, columnNumber: 25 }, __self: this }, booking.serviceType), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 408, columnNumber: 25 }, __self: this }, booking.serviceDate), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 409, columnNumber: 25 }, __self: this }, booking.serviceTime), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 410, columnNumber: 25 }, __self: this }, booking.plotType))))))) : selectedTab === "payments" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 419, columnNumber: 15 }, __self: this }, "Recent Internments"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow overflow-hidden", __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 421, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 422, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 423, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 424, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 427, columnNumber: 23 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 430, columnNumber: 23 }, __self: this }, "Payment Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 433, columnNumber: 23 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 436, columnNumber: 23 }, __self: this }, "Telephone"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 441, columnNumber: 19 }, __self: this }, recentInternments.map((record, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 443, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 444, columnNumber: 25 }, __self: this }, record.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 447, columnNumber: 25 }, __self: this }, record.date), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 450, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${record.paymentStatus === "received" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 451, columnNumber: 27 }, __self: this }, record.paymentStatus)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 461, columnNumber: 25 }, __self: this }, record.address), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 464, columnNumber: 25 }, __self: this }, record.telephone))))))) : selectedTab === "inspections" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 474, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 475, columnNumber: 15 }, __self: this }, "Rolling Memorial Inspection Plan"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 478, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 480, columnNumber: 19 }, __self: this }, "Progress"), /*#__PURE__*/ React.createElement("div", { className: "relative pt-1", __source: { fileName: "", lineNumber: 481, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex mb-2 items-center justify-between", __source: { fileName: "", lineNumber: 482, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 483, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blue-600 bg-blue-200", __source: { fileName: "", lineNumber: 484, columnNumber: 25 }, __self: this }, Math.round(inspectionData.completedThisYear / 10000 * 100), "%"))), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden h-2 mb-4 text-xs flex rounded bg-blue-200", __source: { fileName: "", lineNumber: 492, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: `${inspectionData.completedThisYear / 10000 * 100}%` }, className: "shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500", __source: { fileName: "", lineNumber: 493, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }, inspectionData.completedThisYear, " of 10,000 inspections completed this year")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 507, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this }, "Next Scheduled"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-blue-600 mb-2", __source: { fileName: "", lineNumber: 509, columnNumber: 19 }, __self: this }, inspectionData.scheduledNext), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 512, columnNumber: 19 }, __self: this }, "Memorials to inspect next quarter")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 517, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 518, columnNumber: 19 }, __self: this }, "Areas Inspected"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 521, columnNumber: 19 }, __self: this }, inspectionData.areasInspected.map((area, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center", __source: { fileName: "", lineNumber: 523, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 mr-2", __source: { fileName: "", lineNumber: 524, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 525, columnNumber: 25 }, __self: this }, area))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 531, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 532, columnNumber: 19 }, __self: this }, "Upcoming Areas"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }, inspectionData.upcomingAreas.map((area, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center", __source: { fileName: "", lineNumber: 535, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 536, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 537, columnNumber: 25 }, __self: this }, area))))))) : selectedTab === "reports" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 545, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 546, columnNumber: 15 }, __self: this }, "Reports"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 547, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 548, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 549, columnNumber: 19 }, __self: this }, "Inspection Summary"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 552, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 553, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 554, columnNumber: 23 }, __self: this }, "Total Inspected"), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 555, columnNumber: 23 }, __self: this }, reportData.inspectionSummary.total)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 559, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 560, columnNumber: 23 }, __self: this }, "Stable"), /*#__PURE__*/ React.createElement("span", { className: "bg-green-100 text-green-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 561, columnNumber: 23 }, __self: this }, reportData.inspectionSummary.stable)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 565, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 566, columnNumber: 23 }, __self: this }, "Unstable"), /*#__PURE__*/ React.createElement("span", { className: "bg-red-100 text-red-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 567, columnNumber: 23 }, __self: this }, reportData.inspectionSummary.unstable)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 571, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 572, columnNumber: 23 }, __self: this }, "Need Repair"), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-100 text-yellow-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 573, columnNumber: 23 }, __self: this }, reportData.inspectionSummary.needRepair)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 579, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 580, columnNumber: 19 }, __self: this }, "Condition Breakdown"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 583, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-4 mb-4 overflow-hidden rounded-full bg-gray-200", __source: { fileName: "", lineNumber: 584, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: `${reportData.conditionBreakdown.good}%` }, className: "bg-green-500", __source: { fileName: "", lineNumber: 585, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { style: { width: `${reportData.conditionBreakdown.moderate}%` }, className: "bg-yellow-500", __source: { fileName: "", lineNumber: 591, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { style: { width: `${reportData.conditionBreakdown.poor}%` }, className: "bg-red-500", __source: { fileName: "", lineNumber: 597, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-2 text-sm", __source: { fileName: "", lineNumber: 604, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 605, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-green-500", __source: { fileName: "", lineNumber: 606, columnNumber: 25 }, __self: this }, reportData.conditionBreakdown.good, "%"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 609, columnNumber: 25 }, __self: this }, "Good")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 611, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-yellow-500", __source: { fileName: "", lineNumber: 612, columnNumber: 25 }, __self: this }, reportData.conditionBreakdown.moderate, "%"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 615, columnNumber: 25 }, __self: this }, "Moderate")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 617, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-red-500", __source: { fileName: "", lineNumber: 618, columnNumber: 25 }, __self: this }, reportData.conditionBreakdown.poor, "%"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 621, columnNumber: 25 }, __self: this }, "Poor"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 627, columnNumber: 19 }, __self: this }, "Repair Urgency"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 629, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 630, columnNumber: 23 }, __self: this }, "Immediate"), /*#__PURE__*/ React.createElement("span", { className: "bg-red-100 text-red-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 631, columnNumber: 23 }, __self: this }, reportData.repairUrgency.immediate)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 635, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 636, columnNumber: 23 }, __self: this }, "Within 6 Months"), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-100 text-yellow-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 637, columnNumber: 23 }, __self: this }, reportData.repairUrgency.sixMonths)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 641, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 642, columnNumber: 23 }, __self: this }, "Within 1 Year"), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 643, columnNumber: 23 }, __self: this }, reportData.repairUrgency.yearly)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 650, columnNumber: 19 }, __self: this }, "Compliance Status"), /*#__PURE__*/ React.createElement("div", { className: "relative pt-1", __source: { fileName: "", lineNumber: 653, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex mb-2 items-center justify-between", __source: { fileName: "", lineNumber: 654, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 655, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-green-600 bg-green-200", __source: { fileName: "", lineNumber: 656, columnNumber: 25 }, __self: this }, Math.round(reportData.complianceStatus.pass / (reportData.complianceStatus.pass + reportData.complianceStatus.fail) * 100), "%"))), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden h-2 mb-4 text-xs flex rounded bg-gray-200", __source: { fileName: "", lineNumber: 667, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: `${reportData.complianceStatus.pass / (reportData.complianceStatus.pass + reportData.complianceStatus.fail) * 100}%` }, className: "shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-green-500", __source: { fileName: "", lineNumber: 668, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 675, columnNumber: 21 }, __self: this }, reportData.complianceStatus.pass, " of", " ", reportData.complianceStatus.pass + reportData.complianceStatus.fail, " ", "memorials pass compliance"))))) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 686, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 687, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 688, columnNumber: 17 }, __self: this }, "Recent Bookings"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 690, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 691, columnNumber: 21 }, __self: this }, "Today's Services"), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 692, columnNumber: 21 }, __self: this }, "3")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 696, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 697, columnNumber: 21 }, __self: this }, "Pending Bookings"), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-100 text-yellow-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 698, columnNumber: 21 }, __self: this }, "7")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 704, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 705, columnNumber: 17 }, __self: this }, "Plot Availability"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 709, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 710, columnNumber: 21 }, __self: this }, "Available Plots"), /*#__PURE__*/ React.createElement("span", { className: "bg-green-100 text-green-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 711, columnNumber: 21 }, __self: this }, "124")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 715, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 716, columnNumber: 21 }, __self: this }, "Reserved Plots"), /*#__PURE__*/ React.createElement("span", { className: "bg-purple-100 text-purple-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 717, columnNumber: 21 }, __self: this }, "45")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 723, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 724, columnNumber: 17 }, __self: this }, "Inspection Status"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 727, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 728, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 729, columnNumber: 21 }, __self: this }, "Pending Inspections"), /*#__PURE__*/ React.createElement("span", { className: "bg-red-100 text-red-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 730, columnNumber: 21 }, __self: this }, "189")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 734, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 735, columnNumber: 21 }, __self: this }, "Completed This Month"), /*#__PURE__*/ React.createElement("span", { className: "bg-green-100 text-green-800 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 736, columnNumber: 21 }, __self: this }, "67")))))))); }