@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">Latest Artworks</h1>
            <p>List of recently uploaded Artworks - <strong>Skins</strong>, <strong>Photography</strong> and <strong>Wallpapers</strong>.</p>
        </header>
    </div>

    <div class="panel panel-default uploads-panel effect2">
        <div class="panel-body">
            <div class="gallery-grid">
                @if($artworks)
                    @foreach($artworks as $art)
                        <div class="thumb-card effect2">
                            @if (!empty($art->category_name))
                                <div class="ribbon gid_{{ $art->gid_num ?? 0 }}" title="{{ $art->category_name }}"><span>{{ $art->category_name }}</span></div>
                            @endif
                            <a href="/art/{{ $art->id }}/{{ Str::slug($art->name ?? '') }}" class="thumb-link" title="{{ $art->name }}">
                                <img src="{{ $art->thumb_url ?? '/gfx/sb_join.jpg' }}" @if(!empty($art->thumb_srcset)) srcset="{{ $art->thumb_srcset }}" @endif alt="{{ $art->name }}" class="img-responsive" loading="lazy" decoding="async">
                            </a>
                            <div class="thumb-meta">
                                <div class="thumb-title">{{ $art->name }}</div>
                                <div class="thumb-author text-muted">by {{ $art->uname ?? 'Unknown' }}</div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <p class="text-muted">No artworks found.</p>
                @endif
            </div>
        </div>
    </div>

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