@extends('layouts.legacy')

@section('content')
<div class="container-fluid legacy-page">
    <div class="effect2 page-header-wrap">
        <header class="page-heading">
            <h1 class="page-header">{{ $page_title ?? 'Featured Artworks' }}</h1>
        </header>

        <div class="mb-3">
            <strong>Show:</strong>
            <ul id="recentTab" class="list-inline">
                @foreach($artworkTypes as $k => $label)
                    <li class="list-inline-item">
                        <a href="/featured-artworks?type={{ (int)$k }}" @if((int)$k === (int)$type) class="active" @endif>{{ $label }}</a>
                    </li>
                @endforeach
            </ul>
            <br style="clear:both">
        </div>
    </div>

    @if($artworks)
        <div class="container_photo gallery_box">
            @foreach($artworks as $art)
                @php
                    $card = (object) [
                        'url' => url('/art/' . ($art->id ?? '') . '/' . \Illuminate\Support\Str::slug($art->name ?? '')),
                        'thumb' => $art->thumb_url ?? '/gfx/sb_join.jpg',
                        'thumb_srcset' => $art->thumb_srcset ?? null,
                        'name' => $art->name ?? '',
                        'uname' => $art->uname ?? 'Unknown',
                        'gid_num' => $art->gid_num ?? 0,
                        'category_name' => $art->category_name ?? '',
                    ];
                @endphp
                @include('legacy._artwork_card', ['art' => $card])
            @endforeach
        </div>
    @else
        <p class="text-muted">No artworks found.</p>
    @endif


    <div class="paginationMenu text-center">
        @if($artworks){{ $artworks->withQueryString()->links('pagination::bootstrap-4') }}@endif
    </div>
</div>
@endsection