@extends('layouts.app')
@section('body-class', 'admin-body')
@section('content')
<style>
.admin-body .admin-shell { max-width: 1600px; grid-template-columns: 190px minmax(0,1fr); gap: 28px; padding-left: 28px; padding-right: 28px; }
.admin-body .admin-sidebar { padding-right: 20px; }
@media(max-width: 760px) { .admin-body .admin-shell { grid-template-columns: 1fr; padding-left: 16px; padding-right: 16px; } .admin-body .admin-sidebar { padding-right: 0; } }
</style>
<div class="admin-shell container" data-form-errors="{{ json_encode(array_keys($errors->messages())) }}"><aside class="admin-sidebar"><div class="eyebrow">CONTROL ROOM</div><h2>Admin studio<span class="gold">.</span></h2><nav aria-label="Admin navigation">
@foreach(['dashboard' => ['Overview', '◫'], 'prizes' => ['Prizes & odds', '✦'], 'media' => ['Media library', '▧'], 'store-branches' => ['Store Branch', '⌂'], 'receipts' => ['Receipt verification', '▤'], 'purchase-codes' => ['Purchase codes', '▤'], 'customer-form' => ['Customer form', '▤'], 'players' => ['Players', '♙'], 'preferences' => ['Setting', '⚙']] as $page => [$label, $icon])<a class="{{ request()->routeIs('admin.'.$page) ? 'active' : '' }}" href="{{ route('admin.'.$page) }}"><span>{{ $icon }}</span>{{ $label }}</a>@endforeach
@if(auth()->user()->admin_role === 'owner')<a href="{{ route('admin.administrators') }}" class="{{ request()->routeIs('admin.administrators*') ? 'active' : '' }}"><span>♧</span>Administrators</a>@endif
</nav><div class="sidebar-note"><span class="gold">✧</span><p>A good experience starts with a thoughtfully set wheel.</p><a href="{{ route('wheel') }}">View player experience ↗</a></div></aside><section class="admin-main">@yield('admin-content')</section></div>
@endsection



@push('scripts')
<script src="{{ asset('wheel/backend-scroll.js') }}" defer></script>
@endpush





@push('scripts')
<link rel="stylesheet" href="{{ asset('wheel/backend-save-state.css') }}">
<script src="{{ asset('wheel/backend-save-state.js') }}" defer></script>
@endpush