@extends('layouts.tenant-admin')
@section('title', 'معارض الصور')

@section('content')
<div class="flex justify-between items-center mb-6">
    <h2 class="text-2xl font-bold">معارض الصور</h2>
    <a href="{{ route('tenant.galleries.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded">+ معرض جديد</a>
</div>

<div class="grid grid-cols-4 gap-4">
    @forelse ($galleries as $gallery)
    <div class="bg-white rounded-lg shadow p-3">
        <div class="h-32 bg-gray-100 rounded mb-2 overflow-hidden">
            @if ($gallery->cover_image)
                <img src="{{ Storage::url($gallery->cover_image) }}" class="w-full h-full object-cover">
            @endif
        </div>
        <h3 class="font-semibold text-sm truncate">{{ $gallery->title }}</h3>
        <p class="text-xs text-gray-500 mb-2">{{ $gallery->images_count }} صورة — {{ $gallery->status === 'published' ? 'منشور' : 'مسودة' }}</p>
        <div class="flex justify-between text-sm">
            <a href="{{ route('tenant.galleries.edit', $gallery) }}" class="text-blue-600 hover:underline">تعديل</a>
            <form action="{{ route('tenant.galleries.destroy', $gallery) }}" method="post" onsubmit="return confirm('متأكد تبي تحذف هذا المعرض؟')">
                @csrf @method('DELETE')
                <button class="text-red-600 hover:underline">حذف</button>
            </form>
        </div>
    </div>
    @empty
    <p class="text-gray-500 col-span-4">لا توجد معارض بعد.</p>
    @endforelse
</div>

<div class="mt-6">{{ $galleries->links() }}</div>
@endsection