import{AlertCircle,ArrowRight,BadgeCheck,ChevronRight,CircleDollarSign,Eye,MessageSquare,Plus,Ticket,TrendingUp,Users,WalletCards}from"lucide-react";import{DashboardShell}from"../../../components/dashboard-shell";
export default function SellerDashboard(){return <DashboardShell role="Seller" title="Seller overview"><section className="dash-content"><div className="seller-action-banner"><div><span className="icon-warn"><AlertCircle/></span><div><b>Complete payout verification</b><p>You can keep creating drafts, but events cannot go live until Stripe onboarding is complete.</p></div></div><button>Continue with Stripe <ArrowRight size={16}/></button></div><div className="kpi-grid"><article><span>Gross sales</span><b>$18,540.00</b><small className="positive"><TrendingUp size={14}/> 24.2% vs last month</small></article><article><span>Tickets sold</span><b>347</b><small>Across 3 live events</small></article><article><span>Net seller earnings</span><b>$14,687.00</b><small>After fees, refunds & reserve</small></article><article><span>Next transfer</span><b>$4,280.00</b><small>Eligible Aug 29, 2026</small></article></div><div className="dash-grid-main"><section className="dash-section sales-overview"><div className="dash-section-head"><div><h2>Sales overview</h2><p>Gross ticket sales in USD</p></div><select><option>Last 30 days</option></select></div><div className="chart-total"><b>$18,540</b><span>+$3,614 from prior period</span></div><div className="line-chart"><svg viewBox="0 0 700 190" preserveAspectRatio="none"><defs><linearGradient id="area" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stopColor="#6d50f5" stopOpacity=".3"/><stop offset="1" stopColor="#6d50f5" stopOpacity="0"/></linearGradient></defs><path d="M0,165 C60,155 75,130 130,142 S210,100 265,112 S325,45 380,80 S455,102 505,55 S610,75 700,20 L700,190 L0,190Z" fill="url(#area)"/><path d="M0,165 C60,155 75,130 130,142 S210,100 265,112 S325,45 380,80 S455,102 505,55 S610,75 700,20" fill="none" stroke="#6d50f5" strokeWidth="4"/></svg></div></section><section className="dash-section payout-panel" id="payouts"><div className="dash-section-head"><div><h2>Payout balance</h2><p>Securely managed with Stripe Connect</p></div><WalletCards/></div><div className="payout-balance"><small>Available after reserve</small><b>$14,687.00</b></div><div className="payout-bars"><div><span>Pending sales</span><b>$8,214</b></div><div><span>Reserve</span><b>$1,200</b></div><div><span>Scheduled</span><b>$4,280</b></div></div><div className="bank-mask"><span>•••• 4821</span><div><b>Chase checking</b><small>USD · Verification pending</small></div><button>Manage in Stripe</button></div></section></div><section className="dash-section" id="events"><div className="dash-section-head"><div><h2>Your events</h2><p>Performance, inventory and publication status</p></div><a className="small-primary" href="/sell"><Plus size={15}/> Create event</a></div><div className="seller-event-table"><div className="table-head"><span>Event</span><span>Status</span><span>Sold</span><span>Gross sales</span><span>Messages</span><span/></div>{[{day:"19",mon:"SEP",name:"Neon Harbor Festival",status:"Live",sold:"284 / 450",sales:"$13,842",msgs:"7"},{day:"02",mon:"OCT",name:"Courtside Legends",status:"In review",sold:"0 / 600",sales:"$0",msgs:"—"},{day:"11",mon:"OCT",name:"Taste of the Coast",status:"Draft",sold:"0 / 500",sales:"$0",msgs:"—"}].map(r=><div className="table-row" key={r.name}><span className="event-cell"><i><b>{r.day}</b>{r.mon}</i><span><b>{r.name}</b><small>Orange County, CA</small></span></span><span><i className={`status ${r.status==="Live"?"success":r.status==="In review"?"warning":"neutral"}`}>{r.status}</i></span><span><b>{r.sold}</b></span><span><b>{r.sales}</b></span><span>{r.msgs!=="—"?<i className="message-count"><MessageSquare size={14}/>{r.msgs}</i>:"—"}</span><span><button><Eye size={16}/></button><button><ChevronRight size={16}/></button></span></div>)}</div></section><div className="seller-bottom-grid"><section className="dash-section"><div className="dash-section-head"><div><h2>Seller health</h2><p>Signals visible to your team</p></div><BadgeCheck className="green-icon"/></div><div className="health-grid"><span><BadgeCheck/><b>Account approved</b><small>Marketplace review complete</small></span><span><CircleDollarSign/><b>4.8% refund rate</b><small>Within normal range</small></span><span><Users/><b>96% check-in</b><small>Last completed event</small></span><span><Ticket/><b>0 invalid tickets</b><small>No access disputes</small></span></div></section><section className="dash-section"><div className="dash-section-head"><div><h2>Support request</h2><p>Private line to super admin</p></div></div><div className="request-preview"><span>SUP-1042</span><b>Payout reserve question</b><small>Awaiting admin · Updated 42m ago</small><a href="/seller-support">Open request <ArrowRight size={15}/></a></div></section></div></section></DashboardShell>}
