92 lines
4.0 KiB
PHP
92 lines
4.0 KiB
PHP
@extends('layouts.nova')
|
|
|
|
@php
|
|
$headerBreadcrumbs = collect([
|
|
(object) ['name' => $page_title ?? 'Most Downloaded Today', 'url' => route('downloads.today')],
|
|
]);
|
|
$galleryArtworks = collect($artworks->items())->map(fn ($art) => [
|
|
'id' => $art->id,
|
|
'name' => $art->name ?? null,
|
|
'slug' => $art->slug ?? null,
|
|
'url' => isset($art->id) ? '/art/' . $art->id . '/' . ($art->slug ?: \Illuminate\Support\Str::slug($art->name ?? 'artwork')) : '#',
|
|
'thumb' => $art->thumb ?? $art->thumb_url ?? null,
|
|
'thumb_url' => $art->thumb_url ?? $art->thumb ?? null,
|
|
'thumb_srcset' => $art->thumb_srcset ?? null,
|
|
'uname' => $art->uname ?? '',
|
|
'username' => $art->username ?? '',
|
|
'avatar_url' => $art->avatar_url ?? null,
|
|
'category_name' => $art->category_name ?? '',
|
|
'category_slug' => $art->category_slug ?? '',
|
|
'width' => $art->width ?? null,
|
|
'height' => $art->height ?? null,
|
|
'metric_badge' => ((int) ($art->num_downloads ?? 0)) > 0 ? [
|
|
'label' => number_format((int) $art->num_downloads),
|
|
'iconClass' => 'fa-solid fa-download text-[10px]',
|
|
'className' => 'bg-emerald-500/14 text-emerald-200 ring-emerald-400/30',
|
|
] : null,
|
|
])->values();
|
|
$galleryNextPageUrl = $artworks->nextPageUrl();
|
|
@endphp
|
|
|
|
@section('content')
|
|
<x-nova-page-header
|
|
section="Downloads"
|
|
:title="$page_title ?? 'Most Downloaded Today'"
|
|
icon="fa-download"
|
|
:breadcrumbs="$headerBreadcrumbs"
|
|
:description="'Artworks downloaded the most on <time datetime="' . e(now()->toDateString()) . '">' . e(now()->format('d F Y')) . '</time>.'"
|
|
headerClass="pb-6"
|
|
>
|
|
<x-slot name="actions">
|
|
<span class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/25">
|
|
<span class="w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse"></span>
|
|
Live today
|
|
</span>
|
|
</x-slot>
|
|
</x-nova-page-header>
|
|
|
|
{{-- ── Artwork grid ── --}}
|
|
<div class="px-6 pt-8 pb-16 md:px-10">
|
|
@if ($artworks && $artworks->isNotEmpty())
|
|
<div
|
|
data-react-masonry-gallery
|
|
data-artworks='@json($galleryArtworks)'
|
|
data-gallery-type="today-downloads"
|
|
@if ($galleryNextPageUrl) data-next-page-url="{{ $galleryNextPageUrl }}" @endif
|
|
data-limit="{{ $artworks->perPage() }}"
|
|
class="min-h-32"
|
|
></div>
|
|
@else
|
|
<div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
|
|
<svg class="mx-auto mb-3 w-10 h-10 text-white/20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
|
|
</svg>
|
|
<p class="text-white/40 text-sm">No downloads recorded today yet.</p>
|
|
<p class="text-white/25 text-xs mt-1">Check back later as the day progresses.</p>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@push('styles')
|
|
<style>
|
|
@media (min-width: 1024px) {
|
|
[data-nova-gallery] [data-gallery-grid] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
|
|
[data-nova-gallery].is-enhanced [data-gallery-grid] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
|
|
}
|
|
@media (min-width: 1600px) {
|
|
[data-nova-gallery] [data-gallery-grid] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
|
|
[data-nova-gallery].is-enhanced [data-gallery-grid] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
|
|
}
|
|
@media (min-width: 2600px) {
|
|
[data-nova-gallery] [data-gallery-grid] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
|
|
[data-nova-gallery].is-enhanced [data-gallery-grid] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
|
|
}
|
|
</style>
|
|
@endpush
|
|
|
|
@push('scripts')
|
|
@vite('resources/js/entry-masonry-gallery.jsx')
|
|
@endpush
|