@extends('layouts.client')
@section('title', 'Home')
@section('content')
<div class="client-card client-card-glow welcome-hero">
    <h1>Welcome to Web3 Derp</h1>
    <p>Trade confidently on our secure, fast, and transparent crypto platform. Explore advanced trading tools, track your portfolio, and grow your digital assets with ease.</p>
    @include('partials.crypto-coin-strip')
    <div class="feature-mini-grid">
        <div class="feature-mini"><strong>⚡</strong>Instant Trading</div>
        <div class="feature-mini"><strong>👥</strong>Community Signals</div>
        <div class="feature-mini"><strong>📈</strong>Real-Time Charts</div>
    </div>
</div>

<p class="section-label">Quick Actions</p>
<div class="action-grid">
    <a href="{{ route('client.home.deposit') }}" class="action-tile"><span class="action-tile-icon">🏦</span>Deposit</a>
    <a href="{{ route('client.home.transfer') }}" class="action-tile"><span class="action-tile-icon">↔️</span>Transfer</a>
    <a href="{{ route('client.home.withdraw') }}" class="action-tile"><span class="action-tile-icon">💵</span>Withdraw</a>
    <a href="{{ route('client.home.upgrade') }}" class="action-tile"><span class="action-tile-icon">🚀</span>Upgrade</a>
    <a href="{{ route('client.home.rewards') }}" class="action-tile"><span class="action-tile-icon">🎁</span>Rewards</a>
    <a href="{{ route('client.home.support') }}" class="action-tile action-tile--notify">
        <span class="action-tile-icon">🎧</span>Support
        <span class="notify-badge notify-badge--tile" data-support-unread-badge {{ ($supportUnreadCount ?? 0) > 0 ? '' : 'hidden' }}>{{ ($supportUnreadCount ?? 0) > 99 ? '99+' : ($supportUnreadCount ?? 0) }}</span>
    </a>
</div>

<p class="section-label">Promotions</p>
<div class="promo-card">
    <p>Upgrade to premium for up to 10% cashback on trades.</p>
    <a href="{{ route('client.home.upgrade') }}" class="client-btn client-btn-primary client-btn-sm">Upgrade Now</a>
</div>
<div class="promo-card">
    <p>Get instant bonuses for every friend that joins.</p>
    <a href="{{ route('client.home.rewards') }}" class="client-btn client-btn-primary client-btn-sm">Invite Friends</a>
</div>
<div class="promo-card">
    <p>Need help? Our team is always online for you.</p>
    <a href="{{ route('client.home.support') }}" class="client-btn client-btn-primary client-btn-sm">Contact Us</a>
</div>
@endsection