@extends('layouts.admin')
@section('title','Games')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">CHOOSE YOUR LUCKY MOMENT</div><h1>Games.</h1><p>One active game, shared receipt plays, prizes, stock and reward history.</p></div></div>
<p class="info-box">Active game: <strong>{{ $activeGame==='lucky-wheel'?'Lucky Wheel':'Lucky Gift Box' }}</strong>. Changing games does not reset remaining plays. Gift Box uses the active prizes assigned under Prizes &amp; odds / Wheel layout; box position does not change winning chances.</p>
<article class="panel"><div class="panel-heading"><h2>Lucky Wheel</h2><span>{{ $activeGame==='lucky-wheel'?'Active':'Available' }}</span></div><p>Your existing wheel, rim, images and layout settings are kept.</p><p><a href="{{ route('admin.slots') }}">Manage wheel slots ↗</a> · <a href="{{ route('admin.preferences') }}#wheel-appearance">Wheel appearance ↗</a></p><form method="post" action="{{ route('admin.games.save') }}">
@csrf
<input type="hidden" name="game" value="lucky-wheel"><button class="button small secondary" type="submit" formaction="{{ route('admin.games.preview') }}" formtarget="_blank">Preview</button> <button class="button small" name="action" value="activate">Activate Lucky Wheel</button></form></article>
<article class="panel"><div class="panel-heading"><h2>Lucky Gift Box</h2><span>{{ $activeGame==='lucky-gift-box'?'Active':'Available' }}</span></div><form class="stack-form" method="post" action="{{ route('admin.games.save') }}">
@csrf
<input type="hidden" name="game" value="lucky-gift-box">
<label>Number of boxes<select name="boxes">@foreach([3,6,9] as $count)<option value="{{ $count }}" @selected((int)old('boxes',$gift['boxes'])===$count)>{{ $count }}</option>@endforeach</select></label>
<label>Heading<input name="heading" required maxlength="100" value="{{ old('heading',$gift['heading']) }}"></label><label>Instructions<textarea name="intro" required maxlength="300">{{ old('intro',$gift['intro']) }}</textarea></label><label>Open button label<input name="button" required maxlength="60" value="{{ old('button',$gift['button']) }}"></label>
<label>Opening animation<select name="animation"><option value="gentle" @selected(old('animation',$gift['animation'])==='gentle')>Gentle</option><option value="celebratory" @selected(old('animation',$gift['animation'])==='celebratory')>Celebratory</option></select></label>
<label class="check"><input type="checkbox" name="theme_colors" value="1" @checked(old('theme_colors',$gift['theme_colors']))> Match box colours to the website theme</label><div class="form-row"><label>Custom box colour<input type="color" name="box_color" value="{{ old('box_color',$gift['box_color']) }}" required></label><label>Custom ribbon colour<input type="color" name="ribbon_color" value="{{ old('ribbon_color',$gift['ribbon_color']) }}" required></label></div><label class="check"><input type="checkbox" name="sound" value="1" @checked(old('sound',$gift['sound']))> Allow optional opening sound (customers can mute)</label>
<div style="display:flex;gap:10px;flex-wrap:wrap"><button class="button small secondary" type="submit" formaction="{{ route('admin.games.preview') }}" formtarget="_blank">Preview</button><button class="button small secondary" name="action" value="save">Save Gift Box settings</button><button class="button small" name="action" value="activate">Activate Lucky Gift Box</button></div><small>Preview uses sample rewards only. Reduced-motion preferences skip opening effects. No sound plays automatically. Settings are saved separately from Lucky Wheel.</small>
</form></article>
@endsection