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

@section('title', 'Daily Rewards')
@section('meta_description', 'Complete daily Web3 tasks, community activities, and simple challenges to earn digital rewards.')

@section('content')
    <section class="{{ auth()->check() ? '' : 'public-section' }}" style="{{ auth()->check() ? '' : 'padding-top: 150px' }}">
        <div class="page-head"><div><div class="eyebrow">Daily rewards</div><h1>Complete tasks. Collect rewards.</h1><p class="muted">Check in, join community activities, and complete simple challenges to grow your balance.</p></div></div>
        <div class="grid grid-3">
            @forelse ($tasks as $task)
                @php
                    $completion = $completions->get($task->id);
                @endphp
                <article class="card">
                    <div class="actions" style="justify-content: space-between"><span class="pill">{{ str_replace('_', ' ', $task->frequency) }}</span>@if ($completion)<x-status :value="$completion->status" />@endif</div>
                    <h3 style="font-size: 21px; margin: 22px 0 8px">{{ $task->title }}</h3>
                    <p class="muted">{{ $task->description }}</p>
                    <div class="metric-value">+{{ rtrim(rtrim($task->reward_amount, '0'), '.') }} <small>{{ $task->rewardAsset->symbol }}</small></div>

                    @guest
                        <button class="btn btn-primary" data-wallet-action>Connect to Complete</button>
                    @else
                        @if (! $completion || in_array($task->frequency, ['daily', 'weekly', 'repeatable'], true))
                            <form method="post" enctype="multipart/form-data" action="{{ route('tasks.submit', $task) }}" class="form-grid">
                                @csrf
                                @if ($task->proof_required)
                                    <div class="field full"><label>Completion proof</label><textarea class="input" name="proof_text" placeholder="Link or brief proof details"></textarea><input class="input" type="file" name="proof"></div>
                                @endif
                                <div class="field full"><button class="btn btn-primary">{{ $task->external_url ? 'Submit Completion' : 'Complete Task' }}</button></div>
                            </form>
                        @else
                            <p class="pill completed">Completed</p>
                        @endif
                    @endguest

                    @if ($task->external_url)<a class="btn btn-small" style="margin-top: 10px" href="{{ $task->external_url }}" target="_blank" rel="noopener noreferrer">Open Task ↗</a>@endif
                </article>
            @empty
                <x-empty title="No tasks available" text="Check back soon for new ways to earn." />
            @endforelse
        </div>
        <div class="pagination">{{ $tasks->links() }}</div>
    </section>
@endsection