import{ArrowRight,CalendarDays,Download,MapPin,MessageSquare,MoreHorizontal,ShieldAlert,Ticket,WalletCards}from"lucide-react";import{DashboardShell}from"../../../components/dashboard-shell";
export default function BuyerDashboard(){return <DashboardShell role="Buyer" title="Good evening, James"><section className="dash-content"><div className="welcome-strip"><div><span>NEXT UP · 41 DAYS</span><h2>Neon Harbor Festival</h2><p><CalendarDays size={15}/> September 19, 2026 · 6:30 PM <MapPin size={15}/> Pacific Amphitheatre</p><div><a href="/event/neon-harbor-festival">View event <ArrowRight size={16}/></a><a href="/messages"><MessageSquare size={16}/> Message seller</a></div></div><div className="ticket-qr"><div className="fake-qr">EPT<br/>A12</div><span><Ticket size={16}/> 2 mobile tickets</span></div></div><div className="buyer-stat-grid"><article><span><Ticket/></span><div><small>Upcoming tickets</small><b>4</b></div></article><article><span><WalletCards/></span><div><small>Orders this year</small><b>7</b></div></article><article><span><MessageSquare/></span><div><small>Unread messages</small><b>3</b></div></article><article><span><ShieldAlert/></span><div><small>Open reports</small><b>1</b></div></article></div><div className="dash-section" id="tickets"><div className="dash-section-head"><div><h2>My tickets</h2><p>Active and upcoming event access</p></div><a href="/discover">Find another event <ArrowRight size={16}/></a></div><div className="ticket-list"><article><span className="ticket-list-date"><b>19</b>SEP</span><div><b>Neon Harbor Festival</b><small>2 × General Admission · Order EPT-48291</small></div><span className="status success">Ready</span><button><Download size={17}/> Tickets</button><button aria-label="More"><MoreHorizontal size={18}/></button></article><article><span className="ticket-list-date orange"><b>02</b>OCT</span><div><b>Courtside Legends</b><small>2 × Lower Bowl · Order EPT-47508</small></div><span className="status success">Ready</span><button><Download size={17}/> Tickets</button><button aria-label="More"><MoreHorizontal size={18}/></button></article></div></div><div className="dash-grid-two"><section className="dash-section"><div className="dash-section-head"><div><h2>Recent orders</h2><p>Receipts and payment status</p></div><a href="#orders">View all</a></div><table className="clean-table"><tbody><tr><td><b>EPT-48291</b><small>Aug 8, 2026</small></td><td>Neon Harbor</td><td><b>$107.52</b></td><td><span className="status success">Paid</span></td></tr><tr><td><b>EPT-47508</b><small>Jul 29, 2026</small></td><td>Courtside Legends</td><td><b>$165.76</b></td><td><span className="status success">Paid</span></td></tr></tbody></table></section><section className="dash-section"><div className="dash-section-head"><div><h2>Need help?</h2><p>Buyer protection is built in.</p></div></div><div className="support-card"><ShieldAlert size={27}/><div><b>Report a problem</b><p>Ticket not delivered, event changed, refund issue, invalid entry or seller concern.</p><a href="/help">Start a report <ArrowRight size={15}/></a></div></div></section></div></section></DashboardShell>}
