@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 }}</h1>
            <p>Most popular artworks which users added in their favourites</p>
        </header>
    </div>

    @if ($artworks && $artworks->count())
        <div class="container_photo gallery_box">
            <div class="grid-sizer"></div>
            @foreach ($artworks as $art)
                @include('legacy._artwork_card', ['art' => $art])
            @endforeach
        </div>

        <div class="paginationMenu text-center">
            {{ $artworks->withQueryString()->links('pagination::bootstrap-4') }}
        </div>
    @else
        <div class="panel panel-default effect2">
            <div class="panel-heading"><strong>No Artworks Yet</strong></div>
            <div class="panel-body">
                <p>Once uploads arrive they will appear here. Check back soon.</p>
            </div>
        </div>
    @endif
</div>
@endsection