@extends('site.layout')
@section('content')
@include('site._head', ['title' => 'Gallery'])
<section class="sec"><div class="wrap">
    @if($cats->count())
        <div class="filters">
            <a href="{{ route('site.gallery') }}" class="{{ $cat === '' ? 'on' : '' }}">All</a>
            @foreach($cats as $c)<a href="{{ route('site.gallery', ['c' => $c]) }}" class="{{ $cat === $c ? 'on' : '' }}">{{ $c }}</a>@endforeach
        </div>
    @endif
    @if($items->count())
        <div class="gal">@foreach($items as $g)<a href="{{ \App\Helpers\Site::img($g->image) }}" data-lb><img src="{{ \App\Helpers\Site::img($g->image) }}" alt="{{ $g->title }}" loading="lazy">@if($g->title)<figcaption>{{ $g->title }}</figcaption>@endif</a>@endforeach</div>
    @else
        <div class="empty">No photos yet.</div>
    @endif
</div></section>
<div class="lb" id="lb"><button aria-label="Close">&times;</button><img alt=""></div>
@endsection