@extends('layouts.public')

@section('content')
    <section class="hero">
        <div class="hero-copy">
            <div class="eyebrow">Your daily Web3 rewards hub</div>
            <h1>{{ config('branding.hero_title') ?: 'Mine. Complete tasks. Earn crypto.' }}</h1>
            <p class="muted">{{ config('branding.hero_description') ?: 'Discover simple ways to earn digital rewards every day. Start mining, complete rewarding tasks, and claim the latest airdrops from one place.' }}</p>
            <div class="actions">
                @auth
                    <a class="btn btn-primary" href="{{ route('mining.index') }}">Start Earning →</a>
                @else
                    <button class="btn btn-primary" data-wallet-action>Connect & Start Earning</button>
                @endauth
                <a class="btn" href="#earn">Explore Rewards</a>
            </div>
        </div>
        <div class="hero-art" aria-hidden="true"><div class="orbit"><div class="core">{{ mb_strtoupper(mb_substr(config('app.name'), 0, 1)) }}</div></div></div>
    </section>

    <section class="public-section" id="earn">
        <div class="section-head"><div><div class="eyebrow">Three ways to earn</div><h2>Pick your next reward.</h2></div></div>
        <div class="grid {{ config('referrals.enabled') ? 'grid-4' : 'grid-3' }}">
            <article class="card"><div class="eyebrow">Mine</div><h3>Start earning in a tap</h3><p class="muted">Choose an available coin, start a session, and watch your rewards grow.</p><a class="btn btn-primary" href="#mine">Explore Mining</a></article>
            <article class="card"><div class="eyebrow">Daily Rewards</div><h3>Turn actions into rewards</h3><p class="muted">Complete check-ins, community activities, and simple daily challenges.</p><a class="btn btn-primary" href="{{ auth()->check() ? route('tasks.index') : route('tasks.public') }}">View Tasks</a></article>
            <article class="card"><div class="eyebrow">Airdrops</div><h3>Claim featured drops</h3><p class="muted">Discover active campaigns and claim rewards you are eligible for.</p><a class="btn btn-primary" href="{{ auth()->check() ? route('airdrops.index') : route('airdrops.public') }}">Browse Airdrops</a></article>
            @if (config('referrals.enabled'))<article class="card"><div class="eyebrow">Referrals</div><h3>Invite friends. Earn more.</h3><p class="muted">Share your personal referral link and earn a reward when a new user joins.</p>@auth<a class="btn btn-primary" href="{{ route('referrals.index') }}">Invite Friends</a>@else<button class="btn btn-primary" data-wallet-action>Start Referring</button>@endauth</article>@endif
        </div>
    </section>

    <section class="public-section" id="mine">
        <div class="section-head"><div><div class="eyebrow">Mining opportunities</div><h2>Choose a coin and start earning.</h2></div><span class="pill active">● Available now</span></div>
        <div class="grid grid-3">
            @forelse ($mining as $config)
                <article class="card">
                    <div class="asset"><x-asset-icon :asset="$config->asset" /><div><strong>{{ $config->asset->name }}</strong><div class="subtle">{{ $config->asset->symbol }}</div></div></div>
                    <div class="metric-value">{{ rtrim(rtrim($config->rate, '0'), '.') }} <small>{{ $config->asset->symbol }}/{{ $config->rate_unit }}</small></div>
                    <p class="muted">Start a mining session and collect rewards at your own pace.</p>
                    @auth<a class="btn btn-primary" href="{{ route('mining.index') }}">Start Mining</a>@else<button class="btn btn-primary" data-wallet-action>Start Mining</button>@endauth
                </article>
            @empty
                <x-empty title="New mining opportunities are coming soon" />
            @endforelse
        </div>
    </section>

    @if ($tasks->isNotEmpty())
        <section class="public-section">
            <div class="section-head"><div><div class="eyebrow">Daily rewards</div><h2>Complete simple tasks. Get rewarded.</h2></div><a class="btn" href="{{ auth()->check() ? route('tasks.index') : route('tasks.public') }}">See All Tasks</a></div>
            <div class="grid grid-3">@foreach ($tasks as $task)<article class="card"><span class="pill active">+{{ rtrim(rtrim($task->reward_amount, '0'), '.') }} {{ $task->rewardAsset->symbol }}</span><h3>{{ $task->title }}</h3><p class="muted">{{ $task->description }}</p></article>@endforeach</div>
        </section>
    @endif

    @if ($airdrops->isNotEmpty())
        <section class="public-section">
            <div class="section-head"><div><div class="eyebrow">Featured airdrops</div><h2>Fresh rewards are in the air.</h2></div><a class="btn" href="{{ auth()->check() ? route('airdrops.index') : route('airdrops.public') }}">View All Airdrops</a></div>
            <div class="grid grid-3">@foreach ($airdrops as $airdrop)<article class="card"><div class="asset"><x-asset-icon :asset="$airdrop->asset" /><strong>{{ $airdrop->name }}</strong></div><div class="metric-value">{{ rtrim(rtrim($airdrop->reward_amount, '0'), '.') }} <small>{{ $airdrop->asset->symbol }}</small></div><p class="muted">{{ $airdrop->description }}</p></article>@endforeach</div>
        </section>
    @endif

    <section class="public-section"><div class="card" style="padding: clamp(28px, 5vw, 64px)"><div class="grid grid-2"><div><div class="eyebrow">One rewarding experience</div><h2>Everything you earn, together.</h2></div><div><p class="muted">Track mining rewards, task bonuses, airdrops, and your available balances from one simple dashboard.</p><div class="actions">@auth<a class="btn btn-primary" href="{{ route('dashboard') }}">Open Dashboard</a>@else<button class="btn btn-primary" data-wallet-action>Connect Wallet</button>@endauth</div></div></div></div></section>
@endsection