@extends('layouts.admin')
@section('title','Gallery Manager')
@section('content')
<div class="grid lg:grid-cols-3 gap-6">
    {{-- Upload Form --}}
    <div class="admin-card p-6">
        <h3 class="font-playfair text-cream text-lg font-semibold mb-5">Upload Image</h3>
        <form method="POST" action="{{ route('admin.gallery.store') }}" enctype="multipart/form-data" class="space-y-4">
            @csrf
            <div>
                <label class="form-label">Image *</label>
                <input type="file" name="image" accept="image/*" required class="form-input text-xs">
                @error('image')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="form-label">Gallery Category</label>
                <select name="gallery_category_id" class="form-input">
                    <option value="">Uncategorized</option>
                    @foreach($galleryCategories as $gc)
                    <option value="{{ $gc->id }}">{{ $gc->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="form-label">Title</label>
                <input type="text" name="title" value="{{ old('title') }}" class="form-input">
            </div>
            <div>
                <label class="form-label">Type</label>
                <select name="type" class="form-input">
                    <option value="image">Image</option>
                    <option value="video">Video</option>
                </select>
            </div>
            <div>
                <label class="form-label">Sort Order</label>
                <input type="number" name="sort_order" value="0" class="form-input">
            </div>
            <div class="flex gap-4">
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_featured" value="1" class="accent-gold w-4 h-4">
                    <span class="text-cream/70 text-sm">Featured</span>
                </label>
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_instagram" value="1" class="accent-gold w-4 h-4">
                    <span class="text-cream/70 text-sm">Instagram</span>
                </label>
            </div>
            <button type="submit" class="btn-primary w-full justify-center py-3">
                <i class="fas fa-upload"></i>Upload
            </button>
        </form>
    </div>

    {{-- Gallery Grid --}}
    <div class="lg:col-span-2">
        <div class="grid grid-cols-2 sm:grid-cols-3 gap-4">
            @forelse($galleries as $item)
            <div class="group relative rounded-xl overflow-hidden border border-gold/10 hover:border-gold/30 transition-colors">
                <img src="{{ $item->image_url }}" alt="{{ $item->title }}" class="w-full h-36 object-cover">
                <div class="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col items-center justify-center gap-2">
                    @if($item->is_featured)<span class="badge badge-blue text-xs">Featured</span>@endif
                    @if($item->is_instagram)<span class="badge badge-yellow text-xs">Instagram</span>@endif
                    <form method="POST" action="{{ route('admin.gallery.destroy', $item) }}" onsubmit="return confirm('Delete?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="w-8 h-8 rounded-lg bg-red-500/80 text-white flex items-center justify-center text-xs hover:bg-red-600 transition-colors">
                            <i class="fas fa-trash"></i>
                        </button>
                    </form>
                </div>
                @if($item->title)
                <div class="p-2 bg-dg/90">
                    <p class="text-cream/70 text-xs truncate">{{ $item->title }}</p>
                </div>
                @endif
            </div>
            @empty
            <div class="col-span-3 text-center py-12 text-cream/40">No gallery items yet.</div>
            @endforelse
        </div>
        <div class="mt-4">{{ $galleries->links() }}</div>
    </div>
</div>
@endsection