@extends('layouts.app')
@section('title', 'Bumper Draw')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>{{ $bumperDraw->draw_name }}</h4>
    @if (! $bumperDraw->winner_customer_id)
    <form method="POST" action="{{ route('admin.bumper-draws.draw-winner', $bumperDraw) }}" onsubmit="return confirm('Randomly draw a winner from the qualified pool? This cannot be undone.')">
        @csrf
        <button class="btn btn-success">🎲 Draw Winner</button>
    </form>
    @endif
</div>

@if ($bumperDraw->winner_name)
<div class="alert alert-success">
    <strong>Winner: {{ $bumperDraw->winner_name }}</strong> ({{ $bumperDraw->winner_phone }}) —
    spent {{ number_format($bumperDraw->winner_total_amount, 2) }} across {{ $bumperDraw->winner_total_count }} visits.
    Drawn {{ $bumperDraw->drawn_at->format('d M Y h:i A') }}.
</div>
@endif

<p class="text-muted">
    {{ $bumperDraw->range_start->format('d M Y') }} – {{ $bumperDraw->range_end->format('d M Y') }} ·
    {{ $bumperDraw->qualified_customers }} of {{ $bumperDraw->total_unique_customers }} customers qualified
    ({{ $bumperDraw->top_percent }}% threshold, {{ strtoupper($bumperDraw->qualification_mode) }} rule)
</p>

<table class="table bg-white table-sm">
    <thead><tr><th>Customer</th><th>Total Spend</th><th>Visits</th><th>Avg Bill</th><th>Rank (Spend)</th><th>Rank (Visits)</th></tr></thead>
    <tbody>
    @forelse ($qualified as $q)
    <tr class="{{ $q->customer_id == $bumperDraw->winner_customer_id ? 'table-success' : '' }}">
        <td>{{ $q->customer->name ?? $q->customer->phone }}</td>
        <td>{{ number_format($q->total_amount, 2) }}</td>
        <td>{{ $q->total_count }}</td>
        <td>{{ number_format($q->average_bill, 2) }}</td>
        <td>#{{ $q->rank_amount }}</td>
        <td>#{{ $q->rank_count }}</td>
    </tr>
    @empty
    <tr><td colspan="6" class="text-muted">No qualified customers.</td></tr>
    @endforelse
    </tbody>
</table>
@endsection