# Emergency Response Coordination Center

<Callout tone="danger" title="Active Critical Situation">Multiple zones reporting critical incidents. Immediate coordination required.</Callout>

<Columns>
<div>

<Card title="Overall Severity Summary">
<Chart type="donut" title="Incident Distribution by Severity">
| Severity | Count |
|---|---|
| Critical | 3 |
| High | 2 |
| Medium | 4 |
| Low | 2 |
</Chart>

<Columns>
<Stat label="Total Incidents" value="11" tone="danger" icon="warning" />
<Stat label="Critical Zones" value="3" tone="danger" icon="map-pin" />
<Stat label="People Rescued" value="1,847" tone="success" icon="lifebuoy" />
<Stat label="Casualties" value="23" tone="warning" icon="heart" />
</Columns>
</Card>

</div>
<div>

<Card title="Active Incidents by Zone">
| Zone | Incident | Severity |
|---|---|---|
| **Zone A** – North District | Flooding | <Badge tone="danger">Critical</Badge> |
| **Zone B** – East District | Structural Collapse | <Badge tone="danger">Critical</Badge> |
| **Zone C** – Central | Fire | <Badge tone="danger">Critical</Badge> |
| **Zone D** – South District | Landslide | <Badge tone="warning">High</Badge> |
| **Zone E** – West District | Gas Leak | <Badge tone="warning">High</Badge> |
| **Zone F** – Harbor | Power Outage | <Badge tone="info">Medium</Badge> |
| **Zone G** – Hills | Road Blockage | <Badge tone="info">Medium</Badge> |
| **Zone H** – Industrial | Chemical Spill | <Badge tone="info">Medium</Badge> |
| **Zone I** – Airport | Water Supply Issue | <Badge tone="info">Medium</Badge> |
| **Zone J** – Suburbs | Fallen Trees | <Badge tone="neutral">Low</Badge> |
| **Zone K** – Parks | Minor Flooding | <Badge tone="neutral">Low</Badge> |
</Card>

</div>
</Columns>

<Card title="Focus on a Zone">
<Select label="Select zone to focus" options="Zone A – North District | Zone B – East District | Zone C – Central | Zone D – South District | Zone E – West District | Zone F – Harbor | Zone G – Hills | Zone H – Industrial | Zone I – Airport | Zone J – Suburbs | Zone K – Parks" placeholder="Choose a zone" />
<Button>Focus Zone</Button>
</Card>

<Card title="Resources Available">
<Columns>
<Stat label="Vehicles" value="34" icon="truck" note="12 ambulances, 14 trucks, 8 boats" />
<Stat label="Personnel" value="156" icon="users" note="48 medical, 62 rescue, 46 support" />
<Stat label="Supplies" value="78%" icon="package" note="Water, food, blankets, medical kits" />
</Columns>
<Progress value="78" max="100" label="Supply capacity" tone="success" />
</Card>

<Card title="Shelters">
| Shelter | Zone | Capacity | Occupancy | Status |
|---|---|---|---|---|
| Central High School | C | 300 | 245 | <Badge tone="success">Open</Badge> |
| North Community Center | A | 200 | 198 | <Badge tone="warning">Near Full</Badge> |
| East Church Hall | B | 150 | 150 | <Badge tone="danger">Full</Badge> |
| South Sports Complex | D | 400 | 180 | <Badge tone="success">Open</Badge> |
| West Library | E | 100 | 45 | <Badge tone="success">Open</Badge> |
| Harbor Warehouse | F | 250 | 0 | <Badge tone="neutral">Standby</Badge> |
| Hills Lodge | G | 80 | 12 | <Badge tone="success">Open</Badge> |
| Industrial Gym | H | 180 | 60 | <Badge tone="success">Open</Badge> |
| Airport Terminal | I | 500 | 320 | <Badge tone="warning">Near Full</Badge> |
| Suburbs Hall | J | 120 | 30 | <Badge tone="success">Open</Badge> |
| Parks Pavilion | K | 60 | 0 | <Badge tone="neutral">Standby</Badge> |
</Card>

<Card title="Evacuation Routes Status">
| Route | From → To | Status |
|---|---|---|
| Route 1 | Zone A → Central | <Badge tone="success">Clear</Badge> |
| Route 2 | Zone B → South | <Badge tone="success">Clear</Badge> |
| Route 3 | Zone C → Airport | <Badge tone="warning">Partially Blocked</Badge> |
| Route 4 | Zone D → Harbor | <Badge tone="danger">Closed</Badge> |
| Route 5 | Zone E → Suburbs | <Badge tone="success">Clear</Badge> |
| Route 6 | Zone H → Airport | <Badge tone="warning">Partially Blocked</Badge> |
</Card>

<Card title="Weather Forecast – Next 48 Hours">
<Chart type="line" title="Temperature & Precipitation" x="Hour" y="°C / mm">
| Hour | Temp °C | Precip mm |
|---|---|---|
| 0h | 18 | 2 |
| 6h | 17 | 5 |
| 12h | 19 | 8 |
| 18h | 16 | 12 |
| 24h | 15 | 15 |
| 30h | 14 | 10 |
| 36h | 16 | 6 |
| 48h | 17 | 3 |
</Chart>
<Callout tone="warning" title="Heavy Rain Expected">Peak precipitation of 15mm expected in 24 hours. Flooding risk remains high for Zones A, D and K.</Callout>
</Card>

<Card title="Volunteers on Duty">
| Volunteer | Assignment | Status |
|---|---|---|
| Sarah Chen | Shelter Management – Zone C | <Badge tone="success">Active</Badge> |
| Marcus Webb | First Aid – Zone A | <Badge tone="success">Active</Badge> |
| Elena Rodriguez | Food Distribution – Zone I | <Badge tone="success">Active</Badge> |
| David Kim | Search & Rescue – Zone B | <Badge tone="success">Active</Badge> |
| Priya Patel | Communications – HQ | <Badge tone="success">Active</Badge> |
| James O'Neil | Transport – Zone D | <Badge tone="warning">On Break</Badge> |
| Ana Silva | Supply Coordination – HQ | <Badge tone="success">Active</Badge> |
| Tom Baker | Evacuation Support – Zone E | <Badge tone="success">Active</Badge> |
</Card>

<Card title="Donations Received">
<Columns>
<Stat label="Total Donations" value="$48,200" icon="hand-heart" note="Last 48 hours" />
<Stat label="In-kind Items" value="1,250" icon="package" note="Clothing, food, water" />
</Columns>

| Category | Amount | Status |
|---|---|---|
| Monetary | $32,500 | <Badge tone="success">Allocated</Badge> |
| Food & Water | 850 units | <Badge tone="success">Distributed</Badge> |
| Clothing | 400 units | <Badge tone="warning">In Transit</Badge> |
| Medical Supplies | 120 units | <Badge tone="success">Distributed</Badge> |
| Blankets | 300 units | <Badge tone="warning">In Transit</Badge> |
</Card>

<Card title="Aid Requests Awaiting Action">
| Request ID | Zone | Item | Quantity | Priority |
|---|---|---|---|---|
| REQ-1042 | Zone A | Drinking Water | 500 L | <Badge tone="danger">Urgent</Badge> |
| REQ-1043 | Zone B | Medical Kits | 50 | <Badge tone="danger">Urgent</Badge> |
| REQ-1044 | Zone C | Fire Extinguishers | 20 | <Badge tone="warning">High</Badge> |
| REQ-1045 | Zone D | Sandbags | 1,000 | <Badge tone="warning">High</Badge> |
| REQ-1046 | Zone I | Generators | 5 | <Badge tone="info">Medium</Badge> |
| REQ-1047 | Zone G | Tow Trucks | 3 | <Badge tone="info">Medium</Badge> |
</Card>

<Card title="Communication Channels">
| Channel | Status | Notes |
|---|---|---|
| Radio (Primary) | <Badge tone="success">Operational</Badge> | All zones reachable |
| Radio (Backup) | <Badge tone="success">Operational</Badge> | Tested |
| Satellite Phone | <Badge tone="warning">Degraded</Badge> | Zone C & D intermittent |
| Cellular Network | <Badge tone="warning">Degraded</Badge> | Congested in Zones A, B |
| Internet / Email | <Badge tone="success">Operational</Badge> | Stable |
| Emergency SMS | <Badge tone="success">Operational</Badge> | Broadcasting |
| Public Address | <Badge tone="danger">Down</Badge> | Zone C – tower damaged |
| Drone Relay | <Badge tone="success">Operational</Badge> | Aerial coverage active |
</Card>

<Card title="Roads Closed">
| Road | Zone | Closure Reason | Est. Reopening |
|---|---|---|---|
| Highway 5 (km 12–18) | A | Flooding | 48 hours |
| Bridge 7 | B | Structural damage | 72 hours |
| Main Street | C | Fire operations | 24 hours |
| Mountain Pass Rd | D | Landslide | 36 hours |
| Harbor Access Rd | F | Power lines down | 12 hours |
| Industrial Blvd | H | Chemical spill | 24 hours |
| Airport Link | I | Water accumulation | 6 hours |
</Card>

<Card title="Nearby Hospitals – Available Beds">
| Hospital | Zone | Total Beds | Free Beds | Status |
|---|---|---|---|---|
| Central Medical Center | C | 250 | 45 | <Badge tone="warning">Limited</Badge> |
| North General Hospital | A | 180 | 12 | <Badge tone="danger">Critical</Badge> |
| East Riverside Hospital | B | 200 | 28 | <Badge tone="warning">Limited</Badge> |
| South Hills Medical | D | 150 | 60 | <Badge tone="success">Available</Badge> |
| West County Hospital | E | 120 | 75 | <Badge tone="success">Available</Badge> |
| Harbor Medical Center | F | 300 | 120 | <Badge tone="success">Available</Badge> |
| Airport Clinic | I | 50 | 20 | <Badge tone="warning">Limited</Badge> |
</Card>

<Card title="Open Tasks">
| Task ID | Description | Assignee | Due |
|---|---|---|---|
| T-101 | Deploy pumps to Zone A | Fire Unit 2 | 2 hrs |
| T-102 | Evacuate Zone B residents | Rescue Team 1 | 4 hrs |
| T-103 | Contain fire perimeter | Fire Unit 1 | 3 hrs |
| T-104 | Clear Route 4 | Engineering Crew | 6 hrs |
| T-105 | Distribute water to shelters | Logistics Team | 1 hr |
| T-106 | Set up backup comms in Zone C | Comms Unit | 5 hrs |
| T-107 | Assess chemical spill | Hazmat Team | 3 hrs |
| T-108 | Restore power to Zone F | Utility Crew | 8 hrs |
</Card>

<Card title="Request More Resources">
<Form name="resource-request">
<Select label="Resource type" options="Water | Food | Medical Supplies | Blankets | Generators | Vehicles | Personnel | Sandbags | Fuel | Communication Equipment" placeholder="Select resource type" />
<Input label="Quantity" type="number" placeholder="e.g., 500" />
<Select label="Priority" options="Urgent | High | Medium | Low" placeholder="Select priority" />
<Select label="Destination zone" options="Zone A – North District | Zone B – East District | Zone C – Central | Zone D – South District | Zone E – West District | Zone F – Harbor | Zone G – Hills | Zone H – Industrial | Zone I – Airport | Zone J – Suburbs | Zone K – Parks" placeholder="Select zone" />
<Button>Submit Request</Button>
</Form>
</Card>

<Card title="Broadcast Update">
<Form name="broadcast">
<TextArea label="Message" placeholder="Type the update to broadcast to all zones and the public…" rows="4" />
<Select label="Audience" options="All Zones | Public | Emergency Personnel | Shelter Managers | Volunteers" placeholder="Select audience" />
<Button>Broadcast</Button>
<Button variant="secondary">Preview</Button>
</Form>
</Card>

<Card title="File Situation Report">
<Form name="sitrep">
<Input label="Report title" placeholder="e.g., SITREP 12 – Evening Update" />
<Select label="Zone" options="All Zones | Zone A – North District | Zone B – East District | Zone C – Central | Zone D – South District | Zone E – West District | Zone F – Harbor | Zone G – Hills | Zone H – Industrial | Zone I – Airport | Zone J – Suburbs | Zone K – Parks" placeholder="Select zone or all" />
<TextArea label="Situation summary" placeholder="Describe current situation, actions taken, and needs…" rows="5" />
<Input label="Reported by" placeholder="Name and role" />
<Button>Submit Report</Button>
</Form>
</Card>

<FollowUps>
- Show detailed resource allocation for Zone A
- List all volunteers available for reassignment
- Compare shelter occupancy trends over the last 24 hours
- Generate a printable situation report
</FollowUps>