@extends('layouts.tenant-admin')
@section('title', $gallery->exists ? 'تعديل معرض' : 'معرض جديد')

@section('content')
<h2 class="text-2xl font-bold mb-6">{{ $gallery->exists ? 'تعديل: '.$gallery->title : 'معرض صور جديد' }}</h2>

<form method="post" action="{{ $gallery->exists ? route('tenant.galleries.update', $gallery) : route('tenant.galleries.store') }}"
      enctype="multipart/form-data" class="bg-white p-6 rounded-lg shadow max-w-2xl space-y-4">
    @csrf
    @if ($gallery->exists) @method('PUT') @endif

    <div>
        <label class="block text-sm font-medium mb-1">عنوان المعرض</label>
        <input type="text" name="title" value="{{ old('title', $gallery->title) }}" required class="w-full border rounded p-2">
    </div>

    <div>
        <label class="block text-sm font-medium mb-1">{{ $gallery->exists ? 'إضافة صور جديدة (اختياري)' : 'الصور (يمكن اختيار عدة صور دفعة واحدة)' }}</label>
        <input type="file" name="images[]" multiple accept="image/jpeg,image/png,image/gif,image/webp" {{ $gallery->exists ? '' : 'required' }} class="w-full border rounded p-2">
    </div>

    @if ($gallery->exists && $gallery->images->count())
    <div>
        <label class="block text-sm font-medium mb-2">الصور الحالية ({{ $gallery->images->count() }})</label>
        <div class="grid grid-cols-4 gap-2">
            @foreach ($gallery->images as $image)
            <div class="relative">
                <img src="{{ Storage::url($image->image_path) }}" class="w-full h-20 object-cover rounded">
                <form action="{{ route('tenant.galleries.images.destroy', $image) }}" method="post"
                      onsubmit="return confirm('حذف هذه الصورة؟')" class="absolute top-1 left-1">
                    @csrf @method('DELETE')
                    <button class="bg-red-600 text-white text-xs w-5 h-5 rounded-full">×</button>
                </form>
            </div>
            @endforeach
        </div>
    </div>
    @endif

    <select name="status" class="w-full border rounded p-2">
        <option value="draft" @selected(old('status', $gallery->status) === 'draft')>مسودة</option>
        <option value="published" @selected(old('status', $gallery->status) === 'published')>نشر الآن</option>
    </select>

    <button type="submit" class="bg-blue-600 text-white px-5 py-2 rounded">حفظ</button>
</form>
@endsection