import AccountLayout from "@/components/layout/AccountLayout";
import Orders from "@/features/account/orders";
import SEO from "@/components/shared/SEO";
import { useHome } from "@/context/helpers/Home/HomeContext";
import { useRouter } from "next/router";
import { useTranslation } from "react-i18next";

export default function OrdersPage() {
  const { t } = useTranslation("account");
  const router = useRouter();
  const { companyData } = useHome();

  const baseUrl =
    typeof window !== "undefined"
      ? window.location.origin
      : companyData?.domain
      ? `https://${companyData.domain}`
      : "";
  const ordersUrl = `${baseUrl}${router.asPath}`;

  return (
    <>
      <SEO
        title={t("seo.ordersTitle", "My Orders")}
        description={t("seo.ordersDescription", "View and manage your order history")}
        keywords={t("seo.ordersKeywords", "orders, order history, purchases")}
        url={ordersUrl}
        type="website"
        noindex={true}
      />

      <AccountLayout>
        <Orders />
      </AccountLayout>
    </>
  );
}