---
import Layout from "@layouts/Layout.astro";
import RegisterForm from "@components/auth/register/RegisterForm.astro";
import { SITE_NAME } from "@constants/constants.ts";

const seo = {
  title: `Регистрация | ${SITE_NAME}`,
  description: "Создайте аккаунт для получения юридической помощи"
};

// Получаем параметр redirect из URL
const redirectUrl = Astro.url.searchParams.get("redirect") || "/";
---

<Layout
  title={seo.title}
  description={seo.description}
  pagePath="/auth/register"
  bodyClass="bg-[#F6F7FA]"
>
  <div class="min-h-[calc(100vh-400px)] flex items-center justify-center py-12">
    <div class="w-full max-w-md">
      <!-- Заголовок -->
      <div class="text-center mb-8">
        <h1 class="text-3xl font-bold text-white mb-2">
          Создание аккаунта
        </h1>
        <p class="text-gray-500 text-sm">
          Зарегистрируйтесь для получения доступа ко всем возможностям
        </p>
      </div>

      <!-- Форма регистрации -->
      <div class="bg-white border border-gray-200 rounded-2xl p-8 shadow-xl">
        <RegisterForm redirectUrl={redirectUrl} />
      </div>
    </div>
  </div>
</Layout>
