@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 ?? 'Today in History' }}</h1>
            <p>List of featured Artworks on this day in history of Skinbase.</p>
        </header>
    </div>

    <div class="panel panel-default uploads-panel effect2">
        <div class="panel-body">
            <div class="container_photo gallery_box">
                @if($artworks && $artworks->count())
                    @foreach($artworks as $ar)
                        <div class="photo_frame">
                            <a href="/art/{{ $ar->id }}/{{ \Illuminate\Support\Str::slug($ar->name ?? '') }}">
                                <img src="{{ $ar->thumb_url ?? '/gfx/sb_join.jpg' }}" @if(!empty($ar->thumb_srcset)) srcset="{{ $ar->thumb_srcset }}" @endif loading="lazy" decoding="async" alt="{{ $ar->name }}">
                            </a>
                        </div>
                    @endforeach
                @else
                    <p class="text-muted">No featured artworks found for today in history.</p>
                @endif
            </div>
        </div>
    </div>

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