@php
    use App\Models\TaskAdClaim;

    $statusMeta = [
        TaskAdClaim::STATUS_PENDING => ['label' => 'চলমান', 'class' => 'border-info/50 bg-info/10 text-info'],
        TaskAdClaim::STATUS_CLAIMED => ['label' => 'সম্পন্ন', 'class' => 'border-success/50 bg-success/10 text-success'],
        TaskAdClaim::STATUS_EXPIRED => ['label' => 'মেয়াদোত্তীর্ণ', 'class' => 'border-danger/50 bg-danger/10 text-danger'],
    ];
@endphp

<x-layouts.admin title="বিজ্ঞাপন দাবি">
    <div class="flex flex-wrap items-center justify-between gap-3">
        <div>
            <h2 class="text-xl font-bold">বিজ্ঞাপন দাবির হিসাব</h2>
            <p class="mt-1 text-sm text-ink-muted">ব্যবহারকারীদের বিজ্ঞাপন সেশন ও সফল দাবি পর্যবেক্ষণ করুন।</p>
        </div>

        <a href="{{ route('admin.tasks.index') }}" class="inline-flex items-center gap-1.5 rounded-xl border border-line bg-surface-raised px-4 py-2.5 text-sm font-semibold text-ink hover:border-gold-deep">
            <x-icon name="arrow-left" class="h-4 w-4"/> স্লট তালিকা
        </a>
    </div>

    <div class="mt-4 grid grid-cols-3 gap-3">
        <div class="rounded-2xl border border-line bg-surface p-4">
            <p class="text-xs text-ink-muted">আজকের দাবি</p>
            <p class="mt-1 text-xl font-bold text-gold">{{ number_format($summary['claimedToday']) }}</p>
        </div>
        <div class="rounded-2xl border border-line bg-surface p-4">
            <p class="text-xs text-ink-muted">চলমান সেশন</p>
            <p class="mt-1 text-xl font-bold text-info">{{ number_format($summary['pending']) }}</p>
        </div>
        <div class="rounded-2xl border border-line bg-surface p-4">
            <p class="text-xs text-ink-muted">সর্বমোট</p>
            <p class="mt-1 text-xl font-bold">{{ number_format($summary['total']) }}</p>
        </div>
    </div>

    <form method="GET" action="{{ route('admin.task-claims.index') }}" class="mt-4 grid grid-cols-1 gap-2 rounded-2xl border border-line bg-surface p-3 sm:grid-cols-[1fr_1fr_auto]">
        <div>
            <label for="task_id" class="sr-only">স্লট</label>
            <select id="task_id" name="task_id" class="field-input">
                <option value="">সব স্লট</option>
                @foreach ($tasks as $task)
                    <option value="{{ $task->id }}" @selected((string) request('task_id') === (string) $task->id)>{{ $task->title }}</option>
                @endforeach
            </select>
        </div>

        <div>
            <label for="status" class="sr-only">অবস্থা</label>
            <select id="status" name="status" class="field-input">
                <option value="">সব অবস্থা</option>
                <option value="{{ TaskAdClaim::STATUS_PENDING }}" @selected(request('status') === TaskAdClaim::STATUS_PENDING)>চলমান</option>
                <option value="{{ TaskAdClaim::STATUS_CLAIMED }}" @selected(request('status') === TaskAdClaim::STATUS_CLAIMED)>সম্পন্ন</option>
                <option value="{{ TaskAdClaim::STATUS_EXPIRED }}" @selected(request('status') === TaskAdClaim::STATUS_EXPIRED)>মেয়াদোত্তীর্ণ</option>
            </select>
        </div>

        <button type="submit" class="btn-primary sm:w-auto sm:px-5">ফিল্টার</button>
    </form>

    @if ($claims->isEmpty())
        <div class="mt-4">
            <x-empty-state icon="ads" title="কোনো দাবি পাওয়া যায়নি" message="ব্যবহারকারীরা বিজ্ঞাপন দেখলে এখানে দেখা যাবে।"/>
        </div>
    @else
        <div class="mt-4 overflow-x-auto rounded-2xl border border-line bg-surface">
            <table class="min-w-full divide-y divide-line text-sm">
                <thead class="bg-bg-deep text-left text-xs uppercase tracking-wide text-ink-muted">
                    <tr>
                        <th class="px-4 py-3 font-semibold">রেফারেন্স</th>
                        <th class="px-4 py-3 font-semibold">ব্যবহারকারী</th>
                        <th class="px-4 py-3 font-semibold">স্লট</th>
                        <th class="px-4 py-3 font-semibold">রিওয়ার্ড</th>
                        <th class="px-4 py-3 font-semibold">অবস্থা</th>
                        <th class="px-4 py-3 font-semibold">দাবির সময়</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-line">
                    @foreach ($claims as $claim)
                        @php $meta = $statusMeta[$claim->status] ?? $statusMeta[TaskAdClaim::STATUS_PENDING]; @endphp
                        <tr class="hover:bg-surface-raised/60">
                            <td class="px-4 py-3 font-mono text-xs text-ink-muted">{{ $claim->reference }}</td>
                            <td class="px-4 py-3">
                                <p class="font-semibold">{{ $claim->user?->name ?? 'অজানা' }}</p>
                                <p class="text-xs text-ink-muted">{{ $claim->user?->username }}</p>
                            </td>
                            <td class="px-4 py-3 text-ink-muted">{{ $claim->task?->title ?? '—' }}</td>
                            <td class="px-4 py-3 font-semibold text-gold">৳ {{ number_format((float) $claim->reward_amount, 2) }}</td>
                            <td class="px-4 py-3"><span class="badge {{ $meta['class'] }}">{{ $meta['label'] }}</span></td>
                            <td class="px-4 py-3 text-ink-muted">{{ $claim->claimed_at?->format('d/m/Y H:i') ?? '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @include('admin.partials.pagination', ['paginator' => $claims])
    @endif
</x-layouts.admin>