import { EmptyStateCard } from "@/components/ui/empty-state-card";
import { PageContainer } from "@/components/layout/page-container";
import { CheckoutPageSection } from "@/components/sections/checkout/checkout-page-section";
import { BenefitsSection } from "@/components/sections/home/benefits-section";
import { getCheckoutState } from "@/lib/starter-data";

export default async function CheckoutPage() {
  const checkout = await getCheckoutState();

  if (!checkout) {
    return (
      <PageContainer className="py-12">
        <EmptyStateCard
          title="Checkout trenutno nije dostupan"
          description="Provjeri WooCommerce checkout endpoint, aktivne metode plaćanja i dostupnu dostavu za testnu adresu."
        />
      </PageContainer>
    );
  }

  return (
    <>
      <PageContainer>
        <CheckoutPageSection checkout={checkout} />
      </PageContainer>
      <BenefitsSection />
    </>
  );
}