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

const seo = {
  title: `Восстановление пароля | ${SITE_NAME}`,
  description: "Восстановление доступа к личному кабинету",
};
---

<Layout
  title={seo.title}
  description={seo.description}
  pagePath="/auth/forgot-password"
  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="bg-white border border-gray-200 rounded-2xl p-8 shadow-xl">
        <PasswordResetForm mode="request" />
      </div>

      <!-- Ссылка на вход -->
      <p class="text-center text-sm text-gray-500 mt-6">
        Вспомнили пароль? <a
          href="/auth/login"
          class="text-gold hover:underline font-medium">Войти</a
        >
      </p>
    </div>
  </div>
</Layout>
