@extends('layouts.admin')
@section('title', 'Stone gallery')
@section('page_heading', 'Stone & product gallery')
@section('content')
<span class="eyebrow">Photos and video</span><h2>Build your visual product collection.</h2>
<p class="admin-intro">Upload up to 12 images and/or video clips together. Images may be JPG, PNG or WebP; videos MP4, WebM or MOV. Each file can be up to 50 MB. Assign a product, set a shared caption, then edit each file's individual details and publication status.</p>
<form class="admin-form admin-form-wide" action="{{ route('admin.gallery.store') }}" method="post" enctype="multipart/form-data">@csrf
<div class="form-field"><label for="media">Upload photos and videos *</label><input class="form-input" id="media" name="media[]" type="file" accept="image/jpeg,image/png,image/webp,video/mp4,video/webm,video/quicktime" multiple required><p class="form-help">Select multiple files at once. For large batches, check your hosting's `upload_max_filesize` and `post_max_size` settings.</p>@error('media')<span class="form-error">{{ $message }}</span>@enderror</div>
<div class="form-grid"><div class="form-field"><label for="product_id">Related product (optional)</label><select class="form-input" id="product_id" name="product_id"><option value="">General stone collection</option>@foreach($products as $product)<option value="{{ $product->id }}" @selected((string)old('product_id')===(string)$product->id)>{{ $product->title }}</option>@endforeach</select></div><div class="form-field"><label for="published">Publication</label><select class="form-input" id="published" name="published"><option value="0" @selected((string)old('published','0')==='0')>Draft (private)</option><option value="1" @selected((string)old('published','0')==='1')>Published (public gallery)</option></select></div></div>
<div class="form-field"><label for="caption">Shared description (can be changed per item later)</label><textarea class="form-input" id="caption" name="caption" rows="3" maxlength="1500">{{ old('caption') }}</textarea></div><button class="button button-dark" type="submit">Upload gallery items ↗</button></form>
<div class="admin-panel"><div class="admin-toolbar"><h3>Uploaded gallery collection</h3><a class="text-link" href="{{ route('gallery') }}" target="_blank" rel="noopener">View public gallery ↗</a></div><div class="admin-gallery-grid">@forelse($items as $item)<article class="admin-gallery-card">@if($item->media_type==='video')<video preload="metadata" controls playsinline><source src="{{ $item->media_url }}">Video preview unavailable.</video>@else<img src="{{ $item->media_url }}" alt="{{ $item->alt_text ?: $item->title }}" loading="lazy">@endif<div><span class="card-kicker">{{ $item->product?->title ?: 'General stone' }} · {{ $item->media_type }}</span><h4>{{ $item->title }}</h4><p class="status {{ $item->published ? '' : 'draft' }}">{{ $item->published ? 'Public' : 'Draft' }}</p><div class="actions"><a href="{{ route('admin.gallery.edit', $item) }}">Edit</a><form method="post" action="{{ route('admin.gallery.destroy', $item) }}">@csrf @method('DELETE')<button type="submit">Remove</button></form></div></div></article>@empty<p>No media uploaded yet. Use the form above to add your real stone photographs and short videos.</p>@endforelse</div>{{ $items->links() }}</div>
@endsection