@extends('layouts.nova')

@section('content')

{{-- ── Hero header ── --}}
<div class="px-6 pt-10 pb-6 md:px-10">
    <div>
        <p class="text-xs font-semibold uppercase tracking-widest text-white/30 mb-1">Members</p>
        <h1 class="text-3xl font-bold text-white leading-tight">{{ $page_title ?? 'Member Photos' }}</h1>
        <p class="mt-1 text-sm text-white/50">Artwork submitted by the Skinbase community.</p>
    </div>
</div>

{{-- ── Artwork grid ── --}}
<div class="px-6 pb-16 md:px-10">
    @php $items = is_object($artworks) && method_exists($artworks, 'toArray') ? $artworks : collect($artworks ?? []); @endphp

    @if (!empty($artworks) && (is_countable($artworks) ? count($artworks) > 0 : true))
        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 gap-4 md:gap-5">
            @foreach ($artworks as $art)
                @php
                    $card = (object)[
                        'id'            => $art->id ?? null,
                        'name'          => $art->name ?? $art->title ?? 'Artwork',
                        'thumb'         => $art->thumb ?? $art->thumb_url ?? null,
                        'thumb_srcset'  => $art->thumb_srcset ?? null,
                        'uname'         => $art->uname ?? $art->author ?? '',
                        'category_name' => $art->category_name ?? '',
                        'slug'          => $art->slug ?? \Illuminate\Support\Str::slug($art->name ?? 'artwork'),
                    ];
                @endphp
                <x-artwork-card :art="$card" />
            @endforeach
        </div>

        @if (is_object($artworks) && method_exists($artworks, 'links'))
            <div class="mt-10 flex justify-center">
                {{ $artworks->withQueryString()->links() }}
            </div>
        @endif
    @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