@extends('layouts.app')
@section('title', 'Bumper Draws')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>🏆 Bumper Draws (Top Spender Prizes)</h4>
    <a href="{{ route('admin.bumper-draws.create') }}" class="btn btn-dark btn-sm">+ New Draw</a>
</div>
<table class="table bg-white">
    <thead><tr><th>Draw</th><th>Period</th><th>Qualified</th><th>Prize</th><th>Winner</th><th></th></tr></thead>
    <tbody>
    @foreach ($draws as $d)
    <tr>
        <td>{{ $d->draw_name }}</td>
        <td>{{ $d->range_start->format('d M') }} – {{ $d->range_end->format('d M Y') }}</td>
        <td>{{ $d->qualified_customers }} / {{ $d->total_unique_customers }}</td>
        <td>{{ $d->prize_name }}</td>
        <td>{{ $d->winner_name ?? '-' }}</td>
        <td><a href="{{ route('admin.bumper-draws.show', $d) }}" class="btn btn-sm btn-outline-dark">View</a></td>
    </tr>
    @endforeach
    </tbody>
</table>
@endsection