@extends('layouts.admin')
@section('title', 'Edit gallery item')
@section('page_heading', 'Edit gallery media')
@section('content')
<a href="{{ route('admin.gallery.index') }}" class="text-link">← Back to gallery</a><h2>Make this media item informative.</h2>
<div class="gallery-edit-preview">@if($item->media_type==='video')<video preload="metadata" controls playsinline><source src="{{ $item->media_url }}">Video playback unavailable.</video>@else<img src="{{ $item->media_url }}" alt="{{ $item->alt_text ?: $item->title }}">@endif</div>
<form class="admin-form" action="{{ route('admin.gallery.update', $item) }}" method="post" enctype="multipart/form-data">@csrf @method('PUT')
<div class="form-field"><label for="title">Media title *</label><input id="title" name="title" class="form-input" maxlength="160" required value="{{ old('title',$item->title) }}"></div>
<div class="form-field"><label for="alt_text">Image description for accessibility</label><input id="alt_text" name="alt_text" class="form-input" maxlength="200" value="{{ old('alt_text',$item->alt_text) }}"><small>Describe what appears in the photograph, not its file name. Videos use a visible title.</small></div>
<div class="form-field"><label for="caption">Caption or product details</label><textarea id="caption" name="caption" class="form-input" maxlength="1500" rows="5">{{ old('caption',$item->caption) }}</textarea></div>
<div class="form-grid"><div class="form-field"><label for="product_id">Related product</label><select class="form-input" name="product_id" id="product_id"><option value="">General stone collection</option>@foreach($products as $product)<option value="{{ $product->id }}" @selected((string)old('product_id',$item->product_id)===(string)$product->id)>{{ $product->title }}</option>@endforeach</select></div><div class="form-field"><label for="sort_order">Sort order</label><input class="form-input" name="sort_order" id="sort_order" type="number" min="-1000" max="1000" value="{{ old('sort_order',$item->sort_order) }}"></div></div>
<div class="form-field"><label for="published">Visibility</label><select class="form-input" name="published" id="published"><option value="0" @selected((string)old('published',(int)$item->published)==='0')>Draft</option><option value="1" @selected((string)old('published',(int)$item->published)==='1')>Published</option></select></div>
<div class="form-field">
    <label for="replacement">Replace image or video</label>
    <input class="form-input" type="file" name="replacement" id="replacement" accept=".jpg,.jpeg,.png,.webp,.mp4,.webm,.mov">
    <p class="form-help">Optional. Maximum 50 MB. The previous upload is retained for recovery.</p>
    @error('replacement')<div class="form-error">{{ $message }}</div>@enderror
</div>
<div class="admin-buttons"><button class="button button-dark" type="submit">Save media details ↗</button><a class="button button-outline" href="{{ route('admin.gallery.index') }}">Cancel</a></div></form>
@endsection