---
// Port of preview/pages/search-results.html (layout: default; no title in
// front matter — only page-header)
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import NavAside from '@shared/components/parts/NavAside.astro';
import GalleryPhoto from '@shared/components/cards/GalleryPhoto.astro';
import photos from '@data/photos.json';
import people from '@data/people.json';

const resultPhotos = photos.filter((photo) => photo.horizontal).slice(0, 18);
---

<DefaultLayout
	pageHeader="Search results"
	description="About 2,410 result (0.19 seconds)"
	pageMenu="extra.search-results"
>
	<div class="row g-4">
		<div class="col-md-3">
			<NavAside />
		</div>
		<div class="col-md-9">
			<div class="row row-cards">
				{
					resultPhotos.map((photo, index) => (
						<div class="col-sm-6 col-lg-4">
							<GalleryPhoto photo={photo} person={people[index]} index={index + 1} hideLikes />
						</div>
					))
				}
			</div>
		</div>
	</div>
</DefaultLayout>