import { getTranslations } from "next-intl/server";
import { ContentCard } from "@/components/public/ui";
import { siteSettings } from "@/lib/services/site-settings";

export const revalidate = 300;

export default async function MaintenancePage() {
  const t = await getTranslations("pages.maintenance");
  const [hotel, message] = await Promise.all([
    siteSettings.get("hotel_name", "Atom"),
    siteSettings.get(
      "maintenance_message",
      "We are currently performing maintenance. Please check back soon.",
    ),
  ]);

  return (
    <main style={{ maxWidth: 560, margin: "2rem auto" }}>
      <ContentCard
        icon="🛠️"
        title={t("title", { hotel: hotel ?? "Atom" })}
        subtitle={t("subtitle")}
      >
        <p style={{ marginTop: 0 }}>{message}</p>
        <p className="muted" style={{ marginBottom: 0 }}>
          {t("staffCanLogIn")}
        </p>
      </ContentCard>
    </main>
  );
}