@extends('layouts.admin')
@section('title', 'Prizes & odds')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">SHAPE THE POSSIBILITIES</div><h1>Prizes & odds<span class="gold">.</span></h1><p class="muted">Give each prize its own chance to shine.</p></div><a class="button small" href="#new-prize">Add a prize +</a></div>
<div class="info-box"><strong>How chances work</strong><p>Chance = prize weight ÷ total weight of active, in-stock prizes assigned to the wheel. Sold-out, inactive, zero-weight, and unassigned prizes cannot win. Repeating a prize in several slots doesn’t increase its chance. The displayed order is shuffled for every player page.</p></div>
<div class="prize-editor-grid">@foreach($prizes as $prize)<article class="panel prize-editor"><div class="panel-heading"><h2><span class="color-dot" style="background: {{ $prize->color }}"></span>{{ $prize->name }}</h2><span class="odds-badge">{{ $totalWeight && $prize->active && $prize->stock > 0 && $assigned->contains($prize->id) ? number_format($prize->weight / $totalWeight * 100, 2) : '0.00' }}%</span></div>
<form class="stack-form" method="post" action="{{ route('admin.prizes.update', $prize) }}">@csrf @method('PUT')
<label>Prize name<input name="name" value="{{ $prize->name }}" maxlength="80" required></label><label>Description<input name="description" value="{{ $prize->description }}" maxlength="200"></label>
<div class="form-row"><label>Chance weight<input type="number" name="weight" value="{{ $prize->weight }}" min="0" max="100000" required></label><label>Slot color<input type="color" name="color" value="{{ $prize->color }}" required></label></div>
<div class="form-footer"><label class="check"><input type="checkbox" name="active" value="1" @checked($prize->active)> Active</label><button class="button small secondary" type="submit">Save prize ↗</button></div>
@if(!$assigned->contains($prize->id))<small class="muted">Not assigned to a wheel slot yet.</small>@endif</form>
<div class="prize-slot-images"><h3>Slot images</h3><p class="muted slot-upload-help">PNG, JPEG, or WebP · up to 1 MB · 16–1024 pixels per side.</p>@forelse($slots->where('prize_id', $prize->id) as $slot)@include('admin.partials.slot-image', ['slot' => $slot])@empty<p class="muted slot-upload-help">Assign this prize to a slot in <a class="gold" href="{{ route('admin.slots') }}">Wheel layout ↗</a> to upload its slot image.</p>@endforelse</div>
<div class="prize-stock"><div class="panel-heading"><h3>Prize stock</h3><span class="odds-badge">{{ $prize->stock > 0 ? number_format($prize->stock).' remaining' : 'Sold out' }}</span></div><form method="post" action="{{ route('admin.prizes.stock', $prize) }}" class="stack-form" data-preserve-scroll>@csrf<div class="form-row"><label>Add stock<input type="number" name="amount" min="1" max="1000000" required placeholder="Quantity to add"></label><label>Note (optional)<input name="note" maxlength="200" placeholder="Stock delivery"></label></div><button class="button small secondary" type="submit">Top up stock +</button></form><small class="muted">One unit is deducted for each winning result. Retries do not deduct again.</small></div>
</article>@endforeach</div>
<article class="panel" id="new-prize"><div class="panel-heading"><h2>Create a new prize</h2><span class="gold">✦</span></div><form class="stack-form" method="post" action="{{ route('admin.prizes.create') }}">@csrf
<div class="form-row"><label>Prize name<input name="name" value="{{ old('name') }}" maxlength="80" required placeholder="Your next great reward"></label><label>Description<input name="description" value="{{ old('description') }}" maxlength="200" placeholder="Tell players what awaits"></label></div>
<div class="form-row"><label>Chance weight<input type="number" name="weight" value="{{ old('weight', 10) }}" min="0" max="100000" required></label><label>Slot color<input type="color" name="color" value="{{ old('color', '#498f88') }}" required></label></div><label>Starting stock<input name="stock" type="number" min="0" max="1000000" value="{{ old('stock', 0) }}" required></label><div class="form-footer"><label class="check"><input type="checkbox" name="active" value="1" @checked(old('active', true))> Active</label><button class="button small" type="submit">Create prize +</button></div></form></article>
<article class="panel"><div class="panel-heading"><h2>Recent stock top-ups</h2></div><div class="table-wrap"><table><thead><tr><th>Prize</th><th>Added</th><th>Stock after top-up</th><th>Admin</th><th>Date</th></tr></thead><tbody>@forelse($stockUpdates as $topup)<tr><td>{{ $topup->prize_name }}</td><td>+{{ $topup->amount }}</td><td>{{ $topup->balance_after }}</td><td>{{ $topup->admin_name }}</td><td>{{ \Carbon\Carbon::parse($topup->created_at)->format('d M, H:i') }}</td></tr>@empty<tr><td colspan="5" class="empty-state">Stock top-ups will be recorded here.</td></tr>@endforelse</tbody></table></div></article>
@endsection
@push('scripts')
<script>
(() => {
    const key = 'prize-stock-scroll:' + window.location.pathname;
    try {
        const saved = JSON.parse(sessionStorage.getItem(key) || 'null');
        sessionStorage.removeItem(key);
        if (saved && Date.now() - saved.time < 60000 && Number.isFinite(saved.y)) {
            const restore = () => window.scrollTo({ top: saved.y, left: saved.x || 0, behavior: 'instant' });
            if (document.readyState === 'complete') restore();
            else window.addEventListener('load', restore, { once: true });
        }
    } catch (_) { /* Storage may be unavailable; the stock form still works. */ }
    document.querySelectorAll('form[data-preserve-scroll]').forEach(form => {
        form.addEventListener('submit', () => {
            try {
                sessionStorage.setItem(key, JSON.stringify({ x: window.scrollX, y: window.scrollY, time: Date.now() }));
            } catch (_) { /* Keep normal form submission available. */ }
        });
    });
})();
</script>
@endpush