@extends('layouts.nova')

@php
    $memberPhotoBreadcrumbs = collect([
        (object) ['name' => 'Members', 'url' => route('creators.top')],
        (object) ['name' => $page_title ?? 'Member Photos', 'url' => route('members.photos')],
    ]);
    $memberPhotoItems = collect(method_exists($artworks ?? null, 'items') ? $artworks->items() : ($artworks ?? []));
    $memberPhotoGallery = $memberPhotoItems->map(fn ($art) => [
        'id' => $art->id ?? null,
        'name' => $art->name ?? $art->title ?? 'Artwork',
        'slug' => $art->slug ?? \Illuminate\Support\Str::slug($art->name ?? $art->title ?? 'artwork'),
        'url' => $art->url ?? ((isset($art->id) && $art->id) ? '/art/' . $art->id . '/' . ($art->slug ?? \Illuminate\Support\Str::slug($art->name ?? $art->title ?? 'artwork')) : '#'),
        'thumb' => $art->thumb ?? $art->thumb_url ?? null,
        'thumb_url' => $art->thumb_url ?? $art->thumb ?? null,
        'thumb_srcset' => $art->thumb_srcset ?? null,
        'uname' => $art->uname ?? $art->author ?? '',
        'username' => $art->username ?? $art->uname ?? '',
        'avatar_url' => $art->avatar_url ?? null,
        'content_type_name' => $art->content_type_name ?? '',
        'content_type_slug' => $art->content_type_slug ?? '',
        'category_name' => $art->category_name ?? '',
        'category_slug' => $art->category_slug ?? '',
        'width' => $art->width ?? null,
        'height' => $art->height ?? null,
        'published_at' => !empty($art->published_at)
            ? (method_exists($art->published_at, 'toIsoString') ? $art->published_at->toIsoString() : (string) $art->published_at)
            : null,
    ]);
    $memberPhotosNextPageUrl = method_exists($artworks ?? null, 'nextPageUrl') ? $artworks->nextPageUrl() : null;
@endphp

@section('content')

<x-nova-page-header
    section="Members"
    :title="$page_title ?? 'Member Photos'"
    icon="fa-images"
    :breadcrumbs="$memberPhotoBreadcrumbs"
    description="Artwork submitted by the Skinbase community, presented in the shared Nova gallery feed."
    headerClass="pb-6"
>
    <x-slot name="actions">
        <span class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium bg-sky-500/10 text-sky-200 ring-1 ring-sky-400/25">
            <span class="w-1.5 h-1.5 rounded-full bg-sky-300"></span>
            Community uploads
        </span>
    </x-slot>
</x-nova-page-header>

{{-- ── Artwork grid ── --}}
<div class="px-6 pb-16 md:px-10">
    @if ($memberPhotoGallery->isNotEmpty())
        <div
            data-react-masonry-gallery
            data-artworks='@json($memberPhotoGallery)'
            data-gallery-type="member-photos"
            @if ($memberPhotosNextPageUrl) data-next-page-url="{{ $memberPhotosNextPageUrl }}" @endif
            data-limit="{{ method_exists($artworks ?? null, 'perPage') ? $artworks->perPage() : $memberPhotoGallery->count() }}"
            class="min-h-32"
        ></div>
    @else
        <div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
            <p class="text-white/40 text-sm">No artworks found.</p>
        </div>
    @endif
</div>

@endsection

@push('scripts')
@vite('resources/js/entry-masonry-gallery.jsx')
@endpush