@extends('admin.layout')
@section('title', 'Daily Challenges')
@section('subtitle', $challenges->total() . ' total')

@section('content')
<div class="flex justify-end mb-4">
    <a href="{{ route('admin.challenges.create') }}" class="bg-slate-900 text-white px-4 py-2 rounded-md text-sm">+ New Challenge</a>
</div>

<div class="bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 border-b text-xs uppercase text-slate-500">
            <tr>
                <th class="text-left px-4 py-3">Date</th>
                <th class="text-left px-4 py-3">Category</th>
                <th class="text-right px-4 py-3">Questions</th>
                <th class="text-right px-4 py-3">Bonus XP</th>
                <th class="text-right px-4 py-3">Bonus Coins</th>
                <th class="text-right px-4 py-3">Entries</th>
                <th class="px-4 py-3"></th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @forelse ($challenges as $c)
                <tr class="hover:bg-slate-50">
                    <td class="px-4 py-3 font-medium">{{ $c->challenge_date->format('M j, Y') }}</td>
                    <td class="px-4 py-3">{{ $c->category->label ?? '—' }}</td>
                    <td class="px-4 py-3 text-right">{{ count($c->question_ids ?? []) }}</td>
                    <td class="px-4 py-3 text-right">{{ $c->bonus_xp }}</td>
                    <td class="px-4 py-3 text-right">{{ $c->bonus_coins }}</td>
                    <td class="px-4 py-3 text-right">{{ $c->entries_count }}</td>
                    <td class="px-4 py-3 text-right whitespace-nowrap">
                        <a href="{{ route('admin.challenges.edit', $c) }}" class="text-blue-600 text-sm hover:underline">Edit</a>
                        <form method="POST" action="{{ route('admin.challenges.destroy', $c) }}" class="inline ml-2" onsubmit="return confirm('Delete?')">
                            @csrf @method('DELETE')
                            <button class="text-red-600 text-sm hover:underline">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="px-4 py-8 text-center text-slate-500">No daily challenges yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">{{ $challenges->links() }}</div>
@endsection