import type { Metadata } from "next";
import { currentUser } from "@/lib/auth";
import { AccountPanel } from "@/components/account-panel";
import { AccountLoginPanel } from "@/components/auth-modal";

export const metadata: Metadata = {
  title: "Личный кабинет",
  description: "Подтверждение телефона и история заказов КИЛН."
};

export default async function AccountPage() {
  const user = await currentUser();
  return (
    <section className="section">
      <div className="site-container max-w-3xl">
        <p className="eyebrow">Личный кабинет</p>
        <h1 className="display-title mt-2 text-5xl md:text-7xl">{user ? user.displayName : "Кабинет"}</h1>
        <div className="mt-8">
          {user ? (
            <AccountPanel />
          ) : <AccountLoginPanel />}
        </div>
      </div>
    </section>
  );
}