---
import Layout from '@layouts/Layout.astro';
import { SITE_URL, EXPERIENCE_YEARS } from '@constants';
import PageHero from '@components/base/PageHero.astro';
import CasesList from '@components/cases/CasesList.astro';

export const prerender = false;

const currentPage = Number(Astro.params.page) || 1;
---

<Layout
	title={`Кейсы — страница ${currentPage} — автоюрист в Сургуте`}
	description="Последние выигранные дела автоюриста в Сургуте. Возврат прав, взыскание со страховых, защита от лишения."
	canonicalLink={`${SITE_URL}/cases/page/${currentPage}`}
	breadcrumbs={[
		{ label: 'Главная', href: '/' },
		{ label: 'Кейсы', href: '/cases' },
		{ label: `Страница ${currentPage}` }
	]}
>
	<PageHero
		badgeText="НАШИ ДЕЛА"
		titleWhite="Выигранные"
		titleGold="дела"
		description={`Каждое дело — это уникальная история с индивидуальным подходом. За ${EXPERIENCE_YEARS} лет мы помогли сотням клиентов вернуть права и получить компенсации.`}
		btnText="Получить консультацию"
		modalTarget="consultation-modal"
		layout="with-image"
		sideImage="/images/cases/casesImg.avif"
		sideImageAlt="Автоюрист Сургут"
		experienceBadge={{
			number: EXPERIENCE_YEARS,
			text: "ЛЕТ ОПЫТА В СУДАХ"
		}}
		bgImage="/images/cases/casesBg.avif"
		icon="briefcase"
	/>

	<CasesList
		currentPage={currentPage}
		casesPerPage={4}
		baseUrl="/cases"
	/>
</Layout>