56 lines
2.4 KiB
PHP
56 lines
2.4 KiB
PHP
@extends('layouts.nova')
|
|
|
|
@section('content')
|
|
|
|
{{-- ── Hero header ── --}}
|
|
<div class="px-6 pt-10 pb-6 md:px-10">
|
|
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
|
|
<div>
|
|
<p class="text-xs font-semibold uppercase tracking-widest text-white/30 mb-1">Skinbase</p>
|
|
<h1 class="text-3xl font-bold text-white leading-tight">Latest Artworks</h1>
|
|
<p class="mt-1 text-sm text-white/50">Recently uploaded Skins, Photography and Wallpapers.</p>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<a href="{{ route('uploads.daily') }}"
|
|
class="inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium border border-white/[0.08] bg-white/[0.04] text-white/70 hover:bg-white/[0.08] hover:text-white transition-colors">
|
|
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.75">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
|
|
</svg>
|
|
Daily Uploads
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- ── Artwork grid ── --}}
|
|
<div class="px-6 pb-16 md:px-10">
|
|
@if ($artworks && $artworks->isNotEmpty())
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 gap-4 md:gap-5">
|
|
@foreach ($artworks as $art)
|
|
@php
|
|
$card = (object)[
|
|
'id' => $art->id,
|
|
'name' => $art->name,
|
|
'thumb' => $art->thumb_url ?? $art->thumb ?? null,
|
|
'thumb_srcset' => $art->thumb_srcset ?? null,
|
|
'uname' => $art->uname ?? '',
|
|
'category_name' => $art->category_name ?? '',
|
|
];
|
|
@endphp
|
|
<x-artwork-card :art="$card" />
|
|
@endforeach
|
|
</div>
|
|
|
|
{{-- Pagination --}}
|
|
<div class="mt-10 flex justify-center">
|
|
{{ $artworks->withQueryString()->links() }}
|
|
</div>
|
|
@else
|
|
<div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
|
|
<p class="text-white/40 text-sm">No artworks found.</p>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
@endsection
|