@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 prizes assigned to the wheel. A weight of 0 or an inactive prize cannot win. Repeating a prize in several slots doesn’t increase its chance. Unassigned prizes have a 0% chance.</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 && $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>
</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><div class="form-footer"><label class="check"><input type="checkbox" name="active" value="1" checked> Active</label><button class="button small" type="submit">Create prize +</button></div></form></article>
@endsection