import type { Metadata } from "next";
import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import { CorrectionsHero } from "@/features/corrections/components/CorrectionsHero";
import { CorrectionsFilter } from "@/features/corrections/components/CorrectionsFilter";
import { CorrectionsList } from "@/features/corrections/components/CorrectionsList";
import { CorrectionsSidebar } from "@/features/corrections/components/CorrectionsSidebar";

export const metadata: Metadata = {
  title: "Corrections — DTNews",
  description:
    "Every confirmed error is corrected within 24 hours. We log every change and the reporter who made it.",
};

import { getServerLocale } from "@/lib/i18n/server";

export default async function CorrectionsPage() {
  const locale = await getServerLocale();

  return (
    <div className="dt-fade-in">
      <Header locale={locale} />
      <main>
        <CorrectionsHero locale={locale} />
        <CorrectionsFilter />
        <div className="wrap corr-shell">
          <CorrectionsList locale={locale} />
          <CorrectionsSidebar locale={locale} />
        </div>
      </main>
      <Footer locale={locale} />
    </div>
  );
}