@extends('layouts.app')
@section('title', 'Photo Gallery | Serengeti Anti-Poaching Run')
@section('description', 'Photos from the Serengeti Anti-Poaching Run. Runners can download their event photos free of charge.')
@section('content')
@include('partials.pagehead', ['h1' => __('Photo gallery'), 'lead' => __('Download your event photos free of charge.')])
<section class="sec"><div class="wrap">@if(setting('photos_link'))<p><a class="btn" href="{{ setting('photos_link') }}" target="_blank" rel="noopener">Download all event photos</a></p>@endif
<div class="grid g4">@forelse($items as $i)<figure class="card" style="padding:10px;margin:0"><a href="{{ $i->url }}" target="_blank" rel="noopener"><img src="{{ $i->thumb ?: $i->url }}" alt="{{ $i->title }}" width="400" height="300" loading="lazy" decoding="async" style="width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px"></a><figcaption style="padding:8px 4px">{{ $i->caption ?: $i->title }}</figcaption></figure>@empty<p>Photos will be added after race day.</p>@endforelse</div>{{ $items->links() }}</div></section>
@endsection