@extends('layouts.app')
@section('title', 'New Bumper Draw')
@section('content')
<h4 class="mb-3">New Bumper Draw</h4>
<div class="card p-4" style="max-width:500px;">
<form method="POST" action="{{ route('admin.bumper-draws.store') }}">
    @csrf
    <div class="mb-2"><label class="form-label">Draw Name</label><input name="draw_name" class="form-control" placeholder="e.g. August 2026 Loyalty Draw" required></div>
    <div class="mb-2"><label class="form-label">Period Start</label><input type="date" name="range_start" class="form-control" required></div>
    <div class="mb-2"><label class="form-label">Period End</label><input type="date" name="range_end" class="form-control" required></div>
    <div class="mb-2">
        <label class="form-label">Top % of customers qualify</label>
        <input type="number" step="0.01" name="top_percent" class="form-control" value="40" required>
    </div>
    <div class="mb-2">
        <label class="form-label">Qualification Rule</label>
        <select name="qualification_mode" class="form-select">
            <option value="and">Must rank top% in BOTH total spend AND visit count</option>
            <option value="or">Ranks top% in EITHER total spend OR visit count</option>
        </select>
    </div>
    <div class="mb-2"><label class="form-label">Prize</label><input name="prize_name" class="form-control" placeholder="e.g. Free dinner for two"></div>
    <div class="mb-3"><label class="form-label">Notes</label><textarea name="notes" class="form-control"></textarea></div>
    <button class="btn btn-dark">Compute Qualifiers</button>
</form>
</div>
@endsection