import Link from "next/link";
import { Header, Footer } from "@/components/Shell";
import { AccountAppeal } from "@/components/AccountAppeal";
import { rawUser } from "@/lib/supabase";
import { getI18n } from "@/lib/i18n";
import styles from "./page.module.css";
export const metadata = { title: "Account access & appeals" };
export const dynamic = "force-dynamic";
export default async function AppealPage() {
  const [account, { locale }] = await Promise.all([rawUser(), getI18n()]);
  const ru = locale === "ru";
  return (
    <>
      <Header />
      <main className={`section page-content ${styles.page}`} id="main-content" tabIndex={-1}>
        <span className="eyebrow">MINEGEO</span>
        <h1>{ru ? "Доступ и апелляции." : "Account access & appeals."}</h1>
        {account ? (
          <AccountAppeal />
        ) : (
          <>
            <p className="lead">
              {ru
                ? "Войдите в заблокированный аккаунт, чтобы прочитать причину и подать апелляцию."
                : "Log in to the affected account to see the reason and submit a ban appeal."}
            </p>
            <Link
              className="button primary"
              href="/log-in?next=%2Fban%2Fappeal"
            >
              {ru ? "Войти" : "Log in"}
            </Link>
            <p>
              <Link href="/docs?page=account-bans">
                {ru ? "Как работают апелляции" : "How appeals work"}
              </Link>
            </p>
          </>
        )}
      </main>
      <Footer />
    </>
  );
}