@extends(auth()->check() ? 'layouts.app' : 'layouts.public')

@section('title', 'Airdrops')
@section('meta_description', 'Discover active and upcoming crypto airdrops, check campaign rewards, and claim available tokens.')

@section('content')
    <section
        class="{{ auth()->check() ? '' : 'public-section' }}"
        style="{{ auth()->check() ? '' : 'padding-top: 150px' }}"
    >
        <div class="page-head">
            <div>
                <div class="eyebrow">Curated campaigns</div>
                <h1>Claim what’s in the air.</h1>
                <p class="muted">Transparent allocations, eligibility rules, and claim states.</p>
            </div>
        </div>

        <div class="grid grid-3">
            @forelse ($campaigns as $campaign)
                @php
                    $claim = $claims->get($campaign->id);
                @endphp

                <article class="card">
                    <div class="actions" style="justify-content: space-between">
                        <div class="asset">
                            <x-asset-icon :asset="$campaign->asset" />
                            <strong>{{ $campaign->asset->symbol }}</strong>
                        </div>
                        <x-status :value="$campaign->status" />
                    </div>

                    <h3 style="font-size: 22px; margin: 24px 0 8px">{{ $campaign->name }}</h3>
                    <p class="muted">{{ $campaign->description }}</p>
                    <div class="metric-value">
                        {{ rtrim(rtrim($campaign->reward_amount, '0'), '.') }}
                        <small>{{ $campaign->asset->symbol }}</small>
                    </div>
                    <p class="subtle">
                        {{ rtrim(rtrim($campaign->claimed_allocation, '0'), '.') }} of
                        {{ rtrim(rtrim($campaign->total_allocation, '0'), '.') }} claimed ·
                        Ends {{ $campaign->ends_at->diffForHumans() }}
                    </p>

                    @if ($claim)
                        <x-status :value="$claim->status" />
                    @elseif (auth()->check() && $campaign->status === 'active')
                        <form method="post" action="{{ route('airdrops.claim', $campaign) }}">
                            @csrf

                            @if ($campaign->proof_required)
                                <textarea class="input" name="proof" placeholder="Eligibility proof"></textarea>
                            @endif

                            <button class="btn btn-primary" style="margin-top: 10px">Claim airdrop</button>
                        </form>
                    @elseif (! auth()->check())
                        <button class="btn btn-primary" data-wallet-action>Connect to claim</button>
                    @endif
                </article>
            @empty
                <x-empty title="No active airdrops" />
            @endforelse
        </div>

        <div class="pagination">{{ $campaigns->links() }}</div>
    </section>
@endsection