# Delivery Tracking

**Package #PKG-789456** · <Badge tone="info">In Transit</Badge>

<Card title="Current Location" subtitle="Last scanned 12 minutes ago">
<Columns>
<Stat label="Facility" value="Memphis Sorting Center" icon="building" />
<Stat label="Status" value="Out for Delivery" icon="truck" />
</Columns>
<Progress value="75" max="100" label="Delivery Progress" tone="info" />
</Card>

<Card title="Delivery Timeline">
<Steps>
<Step title="Order Placed" status="done" subtitle="Jun 12, 2024 · 10:30 AM" />
<Step title="Picked Up" status="done" subtitle="Jun 13, 2024 · 8:15 AM" />
<Step title="In Transit" status="done" subtitle="Jun 13–15 · Memphis, TN" />
<Step title="Out for Delivery" status="current" subtitle="Today · Estimated 2:00–5:00 PM" />
<Step title="Delivered" status="todo" subtitle="Pending" />
</Steps>
</Card>

<Card title="Estimated Delivery">
<Columns>
<Stat label="Date" value="Today, June 15" icon="calendar" change="By end of day" tone="success" />
<Stat label="Window" value="2:00 PM – 5:00 PM" icon="clock" />
</Columns>
<Callout tone="info" title="Delivery Instructions">Leave at front door if no answer. Signature not required.</Callout>
</Card>

<Card title="Report a Problem">
<Form name="delivery-issue">
<Select label="Issue Type" placeholder="Select an issue" options="Package not delivered | Damaged package | Wrong address | Missing items | Driver behavior | Other" required="true" />
<TextArea label="Details" placeholder="Describe the problem (optional)" rows="3" hint="Include any tracking details or photos if available" />
<Button variant="primary" icon="flag">Submit Report</Button>
<Button variant="secondary">Cancel</Button>
</Form>
</Card>