@extends('layouts.app')
@section('title', 'Reward Game')
@section('content')
<h4 class="mb-3">🎁 Shell Game — Reward Settings</h4>

<div class="card p-4 mb-3" style="max-width:500px;">
    <form method="POST" action="{{ route('admin.shell-game.settings') }}">
        @csrf @method('PUT')
        <div class="form-check mb-2">
            <input type="checkbox" name="is_enabled" value="1" class="form-check-input" id="enabled" {{ $settings->is_enabled ? 'checked' : '' }}>
            <label class="form-check-label" for="enabled">Enable the reward game after checkout</label>
        </div>
        <div class="mb-2"><label class="form-label">Number of cards shown</label><input type="number" name="card_count" class="form-control" value="{{ $settings->card_count }}" min="3" max="20" required></div>
        <div class="mb-2"><label class="form-label">Minimum bill amount to unlock</label><input type="number" step="0.01" name="min_bill_amount" class="form-control" value="{{ $settings->min_bill_amount }}"></div>
        <div class="mb-3"><label class="form-label">Coupon validity (days)</label><input type="number" name="coupon_valid_days" class="form-control" value="{{ $settings->coupon_valid_days }}" required></div>
        <button class="btn btn-dark">Save Settings</button>
    </form>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card p-3 mb-3">
            <h6>Cards</h6>
            <p class="small text-muted">One of these is secretly the "winning" card each round.</p>
            @foreach ($cards as $c)
            <div class="d-flex justify-content-between align-items-center border-bottom py-1">
                <span>{{ $c->emoji }} {{ $c->name }}</span>
                <form method="POST" action="{{ route('admin.shell-game.cards.destroy', $c) }}" onsubmit="return confirm('Remove this card?')">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-outline-danger">✕</button>
                </form>
            </div>
            @endforeach
            <form method="POST" action="{{ route('admin.shell-game.cards.store') }}" class="d-flex gap-2 mt-2">
                @csrf
                <input name="emoji" class="form-control" style="width:70px;" placeholder="🍰" maxlength="10">
                <input name="name" class="form-control" placeholder="Card name" required>
                <button class="btn btn-sm btn-dark">Add</button>
            </form>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card p-3 mb-3">
            <h6>Reward Tiers by Attempt</h6>
            <p class="small text-muted">Reward given based on which attempt found the card. E.g. attempt 1 = best prize.</p>
            @foreach ($rewards as $r)
            <div class="d-flex justify-content-between align-items-center border-bottom py-1">
                <span>Attempt {{ $r->attempt_no }}: {{ $r->reward_text }} ({{ $r->reward_type }}{{ $r->reward_value ? ' '.$r->reward_value : '' }})</span>
                <form method="POST" action="{{ route('admin.shell-game.rewards.destroy', $r) }}" onsubmit="return confirm('Remove this reward tier?')">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-outline-danger">✕</button>
                </form>
            </div>
            @endforeach
            <form method="POST" action="{{ route('admin.shell-game.rewards.store') }}" class="mt-2">
                @csrf
                <div class="d-flex gap-2 mb-2">
                    <input type="number" name="attempt_no" class="form-control" style="width:80px;" placeholder="Attempt #" min="1" required>
                    <input name="reward_text" class="form-control" placeholder="e.g. 20% off next visit" required>
                </div>
                <div class="d-flex gap-2">
                    <select name="reward_type" class="form-select">
                        <option value="percent">Percent off (real coupon)</option>
                        <option value="fixed">Fixed amount off (real coupon)</option>
                        <option value="free_item">Free item (staff honors manually)</option>
                        <option value="text">Just a message (no coupon)</option>
                    </select>
                    <input type="number" step="0.01" name="reward_value" class="form-control" placeholder="Value">
                    <button class="btn btn-sm btn-dark">Add</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="card p-3">
    <h6>Recent Plays</h6>
    <table class="table table-sm">
        <thead><tr><th>Order</th><th>Attempts</th><th>Reward</th><th>Coupon</th></tr></thead>
        <tbody>
        @forelse ($recentSessions as $s)
        <tr>
            <td>{{ $s->order->order_number }}</td>
            <td>{{ $s->found_at_attempt }}</td>
            <td>{{ $s->reward_won }}</td>
            <td>{{ $s->coupon?->code ?? '-' }}</td>
        </tr>
        @empty
        <tr><td colspan="4" class="text-muted">No plays yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection