+
+
7-Day Forecast
+
+ AI-Powered
+
+
+
+ {predictions.map((prediction, index) => (
+
+
+
+
{prediction.area}
+
+ {prediction.riskLevel} Risk
+
+
+
+
+
+ Predicted Crime:
+ {prediction.crimeType}
+
+
+ Confidence:
+ {prediction.confidence}
+
+
+ Trend:
+
+ {prediction.trend}
+ {prediction.trend === "Increasing" &&
+
+
+
+ ))}
+
+
+ Predictions based on historical data, weather patterns, and local events
+
+
+
+
+
4.2m
+
Average Response Time
+
+
+
+
+
+
+
+
+
Priority 1 (Emergency)
+
+ 3.2 min avg
+
+
+
+
+
+
+
Priority 2 (Urgent)
+
+ 5.8 min avg
+
+
+
+
+
+
+
Priority 3 (Standard)
+
+ 12.5 min avg
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Response time by incident type (minutes)
+
+
+ We value your input! Share your thoughts, concerns, or suggestions to help us better serve the community.
+
+
+
+
+ Feedback Type
+
+
+
+
+ Suggestion
+ Concern
+ Compliment
+ Question
+
+
+
+
+
+ Your Message
+
+
+
+
+
+ I would like to be contacted about my feedback
+
+
+
+
+
+
+
+
+
+
+ Crime Trends
+ By Neighborhood
+
+
+
+
+
+ 3 Months
+ 6 Months
+ 1 Year
+
+
+
+
+
+
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Data source: City Police Department. Last updated: April 24, 2023
+
+
(null)
+
+ const toggleFAQ = (index: number) => {
+ setOpenIndex(openIndex === index ? null : index)
+ }
+
+ return (
+
+ {faqs.map((faq, index) => (
+
+
toggleFAQ(index)}
+ >
+ {faq.question}
+
+ {openIndex === index &&
{faq.answer}
}
+
+ ))}
+
+
View All FAQs
+
+ {groups.map((group, index) => (
+
+
+
+
+
+
{group.name}
+
Coordinator: {group.coordinator}
+
+
+ {group.members} members
+
+
+
+
+
+ ))}
+
+
Start or Join a Group
+
+
+ Use this form to report non-emergency incidents. For emergencies, please call 911.
+
+
+
+
+ Incident Type
+
+
+
+
+ Theft/Burglary
+ Vandalism
+ Suspicious Activity
+ Noise Complaint
+ Other
+
+
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+
+
+
+ {resources.map((resource, index) => (
+
+
+
+
+
+
{resource.name}
+
{resource.category}
+
+
+
+
+
+ ))}
+
+
View Full Directory
+
+ {categories.map((category) => (
+
+
+
+
+
{category.name}
+
+
+
+ {category.tips.map((tip, index) => (
+
+ {tip}
+
+ ))}
+
+
+ ))}
+
+
View All Safety Tips
+
+
+
+
+
+
+ {assignees.map((officer) => (
+
+
+
+
+
+
+
{officer.name}
+
+ {officer.status}
+
+
+
+
+ {officer.role} • Badge #{officer.badge}
+
+
+
+ ))}
+
+
+ Assign Personnel
+
+
+
Case Documents ({documents.length})
+ Upload Document
+
+
+
+ {documents.map((doc) => (
+
+
+
+
+
+
+
{doc.name}
+ {doc.type}
+
+
+
+ {doc.size}
+ Uploaded: {doc.uploadDate}
+ By: {doc.uploadedBy}
+
+
+
+
+
+
+ ))}
+
+
+
+
Evidence Items ({evidenceItems.length})
+ Add Evidence
+
+
+
+ {evidenceItems.map((item) => (
+
+
+
+
+
+
+
{item.id}
+ {item.type}
+
+ {item.status}
+
+
+
+
{item.description}
+
+
+ Collected: {item.dateCollected}
+ Location: {item.location}
+
+
+
+
View Details
+
+ ))}
+
+
+
+
+
Case #{caseId}
+
+ {status}
+
+
+
+
+
{title}
+
+
+
+
+
+
+
+
+
+ Update Status
+ Export Case
+
+
+
+
Case Notes
+
+
+
+
+ {notes.map((note) => (
+
+
+
+
+
{note.author}
+
({note.role})
+
{note.timestamp}
+
+
+
{note.content}
+
+ ))}
+
+
+
+ {relatedCases.map((case_) => (
+
+
+
+
Case #{case_.id}
+
+ {case_.status}
+
+
+
+
{case_.title}
+
+
+ {case_.date}
+ {case_.relationship}
+
+
+
+
+
+ ))}
+
+
+ Link Related Case
+
+
+
Case Timeline
+ Add Event
+
+
+
+ {timelineEvents.map((event, index) => (
+
+ {/* Timeline connector */}
+ {index < timelineEvents.length - 1 && (
+
+ )}
+
+ {/* Timeline dot */}
+
+
+
+
+
+
{event.date}
+
{event.time}
+
+
+
+
{event.title}
+
{event.description}
+
+ Added by {event.user} ({event.role})
+
+
+
+
+ ))}
+
+
+
+
Witnesses & Interviews ({witnesses.length})
+ Add Witness
+
+
+
+ {witnesses.map((witness) => (
+
+
+
+
+
+
+
{witness.name}
+ {witness.type}
+
+ {witness.status}
+
+
+
+
+ ID: {witness.id}
+ Contact: {witness.contactInfo}
+ Reliability: {witness.reliability}
+ {witness.interviewDate !== "Pending" && Interviewed: {witness.interviewDate} }
+
+
+
{witness.notes}
+
+
+
+ {witness.status === "Interviewed" ? "View Statement" : "Schedule Interview"}
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Related Cases
+
+
+
+
+
+
+
Recent Activity
+ View All
+
+
+ {custodyEvents.map((item) => (
+
+
+
Evidence #{item.evidenceId}
+
+ {item.events.length} transfers
+
+
+
+
+ {item.events.map((event, index) => (
+
+
+ {event.action === "Collected" || event.action === "Checked Out" ? (
+
+ ) : (
+
+ )}
+
+
+
+
+ {event.action}
+ by {event.by}
+ {event.to && to {event.to} }
+
+
+
+
+
+
+ ))}
+
+
+ ))}
+
+ {digitalItems.map((item) => (
+
+
+
+
+
+
+
{item.id}
+ {item.format}
+
+
+
{item.description}
+
+
+ Case: {item.case}
+ {item.size}
+
+
+
+
+
+
+ ))}
+
+
Upload Digital Evidence
+
+ {cases.map((case_) => (
+
+
+
+
+
+
+
Case #{case_.id}
+
{case_.title}
+
+
+
+ {case_.evidenceCount} items
+
+
+
+
+ {case_.recentItems.map((item) => (
+
+ {item.id} ({item.type})
+
+ ))}
+
+ {case_.evidenceCount > case_.recentItems.length && (
+
+ +{case_.evidenceCount - case_.recentItems.length} more
+
+ )}
+
+
+ ))}
+
+
View All Cases
+
+
+
+ All
+ Physical
+ Digital
+
+
+
+
+
+
+ {evidenceItems.map((item) => (
+
+
+
+
+
+
+
{item.id}
+ {item.type}
+
+ {item.status}
+
+
+
+
{item.description}
+
+
+ Case: {item.case}
+ Collected: {item.dateCollected}
+ Location: {item.location}
+
+
+
+
View Details
+
+ ))}
+
+
+ {disposalItems.map((item) => (
+
+
+
+
+
+
{item.id}
+ {item.type}
+
+
+
+ Case: {item.case}
+ Method: {item.disposalType}
+
+
+
+ Scheduled: {item.scheduledDate}
+
+ {item.status}
+
+
+
+
+
Review
+
+ ))}
+
+
Schedule Disposal
+
+
+
Evidence Management
+
Track, analyze, and manage physical and digital evidence
+
+
+
+
+ Items: 1,245
+
+
+ Processing: 32
+
+
+
Log New Evidence
+
+
+
+
+
+
+
+ Evidence Type
+
+
+
+
+ All Types
+ Weapon
+ DNA Sample
+ Document
+ Photograph
+ Clothing
+
+
+
+
+
+ Status
+
+
+
+
+ Any Status
+ Processing
+ Analyzed
+ Stored
+ Scheduled for Disposal
+
+
+
+
+
+
Search Evidence
+
+
Recent searches: EV-4523, CR-7823, "knife", "blood sample"
+
+
+
+ All
+ Processing
+ Completed
+
+
Submit to Lab
+
+
+
+ {labItems.map((item) => (
+
+
+
+
+
+
+
{item.id}
+ {item.type}
+
+ {item.priority}
+
+
+
+
{item.description}
+
+
+
+ Analysis Progress
+ {item.progress}%
+
+
+
+
+
+ Case: {item.case}
+ Submitted: {item.submittedDate}
+ Est. Completion: {item.estimatedCompletion}
+
+
+
+
View Results
+
+ ))}
+
+
+ {locations.map((location) => (
+
+
+
+
+
+
{location.name}
+
Security: {location.securityLevel}
+
+
+
0.9
+ ? "bg-red-100 text-red-800 ml-auto"
+ : location.items / location.capacity > 0.7
+ ? "bg-yellow-100 text-yellow-800 ml-auto"
+ : "bg-green-100 text-green-800 ml-auto"
+ }
+ >
+ {location.items}/{location.capacity} items
+
+
+
+
0.9
+ ? "bg-red-500"
+ : location.items / location.capacity > 0.7
+ ? "bg-yellow-500"
+ : "bg-green-500"
+ }
+ />
+
+ ))}
+
+
Manage Locations
+
+
+
+
+
+
+
+
Officer Management
+
Personnel, scheduling, and department resources
+
+
+
+
+ On Duty: 18
+
+
+ Off Duty: 12
+
+
+
Add Officer
+
+
+ {equipment.map((item, index) => (
+
+
+
+
+
+
+
{item.type}
+ #{item.id}
+
+
+
Assigned to: {item.assignedTo}
+
+
+
+ {item.status}
+
+
+ ))}
+
+
Manage Equipment
+
+
+
+ All
+ Pending
+ Approved
+
+
New Report
+
+
+
+ {reports.map((report) => (
+
+
+
+
+
+
+
{report.title}
+ #{report.id}
+
+ {report.status}
+
+
+
+
+ Officer: {report.officer}
+ Date: {report.date}
+ Location: {report.location}
+
+
+
+
View
+
+ ))}
+
+
+ {leaveRequests.map((request, index) => (
+
+
+
+
+
+
+
{request.officer}
+
+ {request.status}
+
+
+
+
+ {request.type} • {request.dates}
+
+
+
Requested: {request.requestDate}
+
+
+ ))}
+
+
Request Leave
+
+
+
+
Avg. Case Clearance
+
68%
+
+
+
+
+
+
Avg. Response Time
+
4.2m
+
+
+
+
+
+
+
+
+
+
+ {topPerformers.map((performer, index) => (
+
+
+ {performer.name}
+
+ {performer.metric}: {performer.value}%
+
+
+
+
+ ))}
+
+
+
+
+
+
+ All
+
+
+ On Duty
+
+
+ Off Duty
+
+
+
+
+
+
+
+ {officers.map((officer) => (
+
+
+
+
+
+
+
{officer.name}
+
+ {officer.status}
+
+
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+ Week of April 24-30, 2023
+
+
+
+
+
+
+
+
+
+
Officer
+ {days.map((day, i) => (
+
+ {day}
+
+ ))}
+
+
+ {officers.map((officer) => (
+
+
{officer.name}
+ {days.map((day, dayIndex) => {
+ const shiftIndex = schedule[officer.id]?.[dayIndex]
+ const shift = shifts[shiftIndex]
+
+ return (
+
+ {shift ? (
+
{shift.time.split(" ")[0]}
+ ) : (
+
Off
+ )}
+
+ )
+ })}
+
+ ))}
+
+
+
+ {shifts.map((shift) => (
+
+ ))}
+
+
+ {units.map((unit, index) => (
+
+
+
+
+
+
+
{unit.name}
+
+ {unit.status}
+
+
+
+
+
+
+
Lead: {unit.lead}
+
+
+
+
Details
+
+ ))}
+
+
View All Units
+
+ {trainings.map((training, index) => (
+
+
+
{training.name}
+
+ {training.status}
+
+
+
+
+
+
Due: {training.dueDate}
+
+ ))}
+
+
View All Trainings
+
+
+
+
+
+
+
+
+
+ All
+
+
+ Critical
+
+
+ High
+
+
+ Medium
+
+
+
Showing {incidents.length} active incidents
+
+
+
+ {incidents.map((incident) => (
+
+
+
+
+
+
{incident.type}
+ #{incident.id}
+
+ {incident.priority}
+
+
+ {incident.status}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Update
+
+ Details
+
+
+
+ ))}
+
+
+
+
Recent Communications
+
+ Channel: Main Dispatch
+
+
+
+ {communications.map((comm) => (
+
+
+
+ {comm.type === "Radio" ?
+
+
+ {comm.from}
+ • {comm.time}
+
+
+
+ {comm.priority}
+
+
+
+
{comm.message}
+
+ ))}
+
+
+
+
+
Resource Dispatch Center
+
Emergency response coordination and unit management
+
+
+
+
+ Active Units: 18/24
+
+
+
+
+
+
+
+
+
+
+
+ Available Units
+
+
+ On Scene
+
+
+ Responding
+
+
+ Incidents
+
+
+
+
+
+
+
+ All Units
+ Patrol Units
+ Traffic Units
+ K-9 Units
+ Medical Units
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Real-Time Dispatch Map
+
Last updated: Just now
+
+
+
+
+
+
Coverage Analysis
+
+
+ Downtown District
+
+ Good
+
+
+
+ West Side
+
+ Limited
+
+
+
+ North Area
+
+ Understaffed
+
+
+
+
+
+
+
Response Zones
+
+
+ Zone 1 (Downtown)
+ 4 units
+
+
+ Zone 2 (West)
+ 2 units
+
+
+ Zone 3 (North)
+ 1 unit
+
+
+ Zone 4 (East)
+ 3 units
+
+
+
+
+
+
+
Recently Closed
+
View All
+
+
+ {closedIncidents.map((incident) => (
+
+
+
+
+
+
+
+ {incident.type}
+ #{incident.id}
+
+
{incident.location}
+
+
+
+ {incident.resolution}
+
+
+
+
+
+
+
Units: {incident.units.join(", ")}
+
+
+ ))}
+
+
+
Pending Calls: {queuedCalls.length}
+
+ Avg Wait: 9m 15s
+
+
+
+ {queuedCalls.map((call) => (
+
+
+
+
{call.type}
+
+ {call.priority}
+
+
+
+
+
+
+
+
+
+
+
+
+ ))}
+
+ {resources.map((resource) => (
+
+
+
+
+
+
+
{resource.type}
+
+
+
0.5
+ ? "bg-green-100 text-green-800 ml-auto"
+ : resource.available / resource.total > 0.25
+ ? "bg-yellow-100 text-yellow-800 ml-auto"
+ : "bg-red-100 text-red-800 ml-auto"
+ }
+ >
+ {resource.available}/{resource.total} Available
+
+
+
+
0.5
+ ? "bg-green-500"
+ : resource.available / resource.total > 0.25
+ ? "bg-yellow-500"
+ : "bg-red-500"
+ }
+ />
+
+ ))}
+
+
+
+
4.2m
+
Average Response Time
+
+
+
+
+
+
+
+
+
Priority 1 (Critical)
+
+ 3.2 min avg
+
+
+
+
+
+
+
Priority 2 (High)
+
+ 5.8 min avg
+
+
+
+
+
+
+
Priority 3 (Medium)
+
+ 8.5 min avg
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {label} Priority
+
+ Avg. Response Time:
+ {payload[0].value} minutes
+
+
+ }>
+
+ )
+ }
+
+ return null
+}
diff --git a/sigap-website/app/(pages)/(admin)/dashboard/crime-management/resource-dispatch/_components/shift-schedule.tsx b/sigap-website/app/(pages)/(admin)/dashboard/crime-management/resource-dispatch/_components/shift-schedule.tsx
new file mode 100644
index 0000000..a36983c
--- /dev/null
+++ b/sigap-website/app/(pages)/(admin)/dashboard/crime-management/resource-dispatch/_components/shift-schedule.tsx
@@ -0,0 +1,80 @@
+import { Badge } from "@/app/_components/ui/badge"
+import { Calendar, Clock } from "lucide-react"
+
+export default function ShiftSchedule() {
+ const currentShift = {
+ name: "Day Shift",
+ hours: "7:00 AM - 3:00 PM",
+ supervisor: "Sgt. Parker",
+ officers: 18,
+ status: "Active",
+ }
+
+ const upcomingShift = {
+ name: "Evening Shift",
+ hours: "3:00 PM - 11:00 PM",
+ supervisor: "Sgt. Rodriguez",
+ officers: 16,
+ status: "Upcoming",
+ }
+
+ return (
+
+
+
+ Current Schedule
+
+
April 24, 2023
+
+
+
+
+
{currentShift.name}
+
+ {currentShift.status}
+
+
+
+
+
+ {currentShift.hours}
+
+
+ Supervisor:
+ {currentShift.supervisor}
+
+
+ Officers on duty:
+ {currentShift.officers}
+
+
+
+
+
+
+
{upcomingShift.name}
+
+ {upcomingShift.status}
+
+
+
+
+
+ {upcomingShift.hours}
+
+
+ Supervisor:
+ {upcomingShift.supervisor}
+
+
+ Officers scheduled:
+ {upcomingShift.officers}
+
+
+
+
+
+
+
+ {units.map((unit) => (
+
+
+
+
+
+
+
{unit.id}
+
+
+
+
+
{unit.location}
+
+
+
+ {unit.status}
+
+
+ ))}
+
+
+
View All Units
+
+
+
+
+
+
+
+
}
+ )
+}
+
+type ChartContextProps = {
+ config: ChartConfig
+}
+
+const ChartContext = React.createContext(null)
+
+function useChart() {
+ const context = React.useContext(ChartContext)
+
+ if (!context) {
+ throw new Error("useChart must be used within a
+
+
+ {children}
+
+
+
+ )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+ const colorConfig = Object.entries(config).filter(
+ ([, config]) => config.theme || config.color
+ )
+
+ if (!colorConfig.length) {
+ return null
+ }
+
+ return (
+