@extends('layouts.admin')
@section('title', 'Wheel layout')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">EVERY PRIZE HAS ITS PLACE</div><h1>Wheel layout<span class="gold">.</span></h1><p class="muted">Choose the prize displayed in each of the eight slots.</p></div></div>
<div class="info-box"><strong>The player wheel is randomly arranged.</strong><p>This screen defines the eight prize-and-image slots. Each player page shuffles their displayed order. Images travel with their slots, and prize chances stay the same. A prize can appear in more than one slot.</p></div>
<form method="post" action="{{ route('admin.slots.update') }}">@csrf @method('PUT')
<div class="slot-grid">@foreach($slots as $slot)<label class="panel slot-editor"><span class="slot-number">{{ str_pad($slot->position + 1, 2, '0', STR_PAD_LEFT) }}</span><span class="slot-label">SLOT {{ $slot->position + 1 }}</span><select name="slots[{{ $slot->position }}]" required>@foreach($prizes as $prize)<option value="{{ $prize->id }}" @selected(old('slots.'.$slot->position, $slot->prize_id) == $prize->id)>{{ $prize->name }}{{ !$prize->active || !$prize->weight ? ' (cannot win)' : '' }}</option>@endforeach</select></label>@endforeach</div>
<div class="panel form-footer"><label class="check"><input type="checkbox" name="enabled" value="1" @checked(old('enabled', $enabled))> Wheel open for play</label><button class="button" type="submit">Save wheel layout ↗</button></div></form>
<p class="muted">Upload or change images in the matching prize cards on <a class="gold" href="{{ route('admin.prizes') }}">Prizes & odds ↗</a>.</p>
@endsection