import Link from "next/link";
import type { Metadata } from "next";
import { formatMoney } from "@salixcommerce/core";
import { CheckoutForm } from "@/components/checkout-form";
import { EmptyState, Hero, Notification, PageContainer } from "@/components/ui";
import { applicationConfiguration } from "@/config/public";
import { loadCurrentCart } from "@/server/commerce/current-commerce";

export const metadata: Metadata = { title: "Order details" };
export const dynamic = "force-dynamic";

export default async function CheckoutPage() {
  const cart = await loadCurrentCart();
  if (cart === null || cart.lines.length === 0) {
    return (
      <PageContainer>
        <Hero
          description="A cart is required before an order can be created."
          eyebrow="Order"
          title="Your cart is empty"
        />
        <EmptyState
          action={
            <Link className="button" href="/shop">
              Browse products
            </Link>
          }
          description="Add an available product option, then return here."
          title="Nothing to order"
        />
      </PageContainer>
    );
  }

  if (cart.lines.some((line) => !line.purchasable)) {
    return (
      <PageContainer>
        <Hero
          description="The server found an unavailable product option."
          eyebrow="Order"
          title="Review your cart"
        />
        <Notification tone="error">
          <p>Remove unavailable items before creating an order.</p>
        </Notification>
        <Link href="/cart">Return to cart</Link>
      </PageContainer>
    );
  }

  return (
    <PageContainer>
      <Hero
        description="Create a server-priced, inventory-reserved order record. Provider checkout begins after this step."
        eyebrow="Order details"
        title="Create your pending order"
      />
      <Notification>
        <p>
          This step creates an operational order and reserves tracked stock. It does not itself
          collect payment or infer tax and shipping policy.
        </p>
      </Notification>
      <CheckoutForm
        formattedSubtotal={formatMoney(
          cart.merchandiseSubtotal,
          applicationConfiguration.business.locale,
        )}
        itemCount={cart.itemCount}
      />
    </PageContainer>
  );
}