@extends('layouts.admin')
@section('title', 'Media library')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">YOUR CAMPAIGN IMAGES</div><h1>Media library<span class="gold">.</span></h1><p>View uploaded wheel images and remove the ones you no longer need.</p></div><span class="date-chip">{{ $media->total() }} images</span></div>
<div class="info-box"><strong>Keep your library tidy</strong><p>Deleting an image removes it from every wheel slot using it. Prizes, stock, and past winnings are preserved. Upload new images from Prizes &amp; odds.</p></div>
<div class="media-grid">
@forelse($media as $item)
<article class="panel media-card"><a class="media-preview" href="{{ route('admin.media.image', $item['id']) }}" target="_blank" rel="noopener" aria-label="View image {{ $item['name'] }}"><img src="{{ route('admin.media.image', $item['id']) }}" loading="lazy" alt="Uploaded wheel image"></a><div class="media-details"><strong class="media-name" title="{{ $item['name'] }}">{{ $item['name'] }}</strong><p>{{ number_format($item['size'] / 1024, 1) }} KB · {{ date('d M Y', $item['modified']) }}</p>@forelse($item['slots'] as $slot)<span class="odds-badge">{{ $slot->prize?->name ?? 'Prize' }} · slot {{ $slot->position + 1 }}</span>@empty<span class="muted">Not currently used</span>@endforelse</div><form method="post" action="{{ route('admin.media.delete', $item['id']) }}" onsubmit="return confirm('Delete this image permanently? It will also be removed from any wheel slots using it.');">@csrf @method('DELETE')<button class="button small secondary media-delete" type="submit">Delete image</button></form></article>
@empty<div class="panel"><h2>No images yet</h2><p>Your uploaded wheel images will appear here.</p><a class="button small" href="{{ route('admin.prizes') }}">Open Prizes &amp; odds</a></div>@endforelse
</div>
@if($media->hasPages())<nav class="pagination" aria-label="Media pages">@if($media->previousPageUrl())<a href="{{ $media->previousPageUrl() }}">← Previous</a>@endif<span>Page {{ $media->currentPage() }} of {{ $media->lastPage() }}</span>@if($media->nextPageUrl())<a href="{{ $media->nextPageUrl() }}">Next →</a>@endif</nav>@endif
<style>.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.media-card{padding:14px;margin:0;display:flex;flex-direction:column;gap:14px;border-radius:14px}.media-preview{height:180px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px dashed var(--line);border-radius:10px;overflow:hidden}.media-preview img{max-width:100%;max-height:100%;object-fit:contain}.media-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-details{flex:1;min-width:0}.media-details p,.media-details>.muted{font-size:11px}.media-details .odds-badge{display:inline-block;margin:3px 2px 0 0;white-space:normal}.media-delete{width:100%;justify-content:center!important;color:#be5b63!important;border-color:#be5b6355!important;border-radius:8px!important}</style>
@endsection