# E-commerce operations desk

<Card title="Today's snapshot" subtitle="Live as of 9:41 AM">
<Columns>
<Stat label="Orders placed today" value="184" change="+12 vs yesterday" icon="shopping-bag" />
<Stat label="Revenue today" value="$24,860" change="+8.2% vs yesterday" icon="currency-circle-dollar" />
<Stat label="Average order value" value="$135.11" change="+1.4% vs yesterday" icon="chart-line" />
<Stat label="Refund rate this month" value="3.4%" change="down 0.2 pts vs last month" icon="arrow-counter-clockwise" />
</Columns>
</Card>

<Card title="Order volume across the past four weeks" subtitle="Orders placed per week">
<Chart type="bar" x="Week ending" y="Orders">
| Week ending | Orders |
|---|---|
| Aug 25 | 1245 |
| Sep 1 | 1378 |
| Sep 8 | 1512 |
| Sep 15 | 1684 |
</Chart>
</Card>

<Card title="Recent orders" subtitle="Narrow by status or search by customer name">
<Form name="order-filters">
<Columns>
<Input label="Search by customer name" name="customer-search" type="search" placeholder="e.g. Ava Johnson" />
<Select label="Status" name="status-filter" placeholder="Filter status" options="All statuses | Pending payment | Paid | Fulfilled | Refunded" />
</Columns>
<Button>Apply filters</Button>
</Form>

| Order ID | Customer | Total | Status | Action |
|---|---|---|---|---|
| #10482 | Elena Martinez | $129.00 | <Badge tone="info">Paid</Badge> | <Button size="small">Mark fulfilled</Button> |
| #10481 | Marcus Chen | $72.50 | <Badge tone="warning">Pending payment</Badge> | — |
| #10480 | Sofia Reyes | $210.00 | <Badge tone="success">Fulfilled</Badge> | — |
| #10479 | Liam O'Connor | $45.99 | <Badge tone="danger">Refunded</Badge> | — |
| #10478 | Ava Johnson | $189.20 | <Badge tone="info">Paid</Badge> | <Button size="small">Mark fulfilled</Button> |
| #10477 | Noah Williams | $98.00 | <Badge tone="info">Paid</Badge> | <Button size="small">Mark fulfilled</Button> |

Showing 6 of 184 orders placed today.
</Card>