import ExtraAttributes from "./components/extra-attributes";
import RotatingImageCard from "./components/rotating-image-card";
import { notFound } from "next/navigation";
import orderService from "@/lib/services/order";
import productService from "@/lib/services/product";
import shoppingCartService from "@/lib/services/shoppingcart";

export default async function Page({
  searchParams,
}: {
  searchParams: Record<string, string>;
}) {
  const queryObject = searchParams;

  if (!queryObject?.productId && !queryObject?.cartId) {
    notFound();
  }

  const productResponse = await productService.fetchProductOptionById(
    queryObject?.productId
  );

  const orderDetailsResponse = await orderService.getOrders(
    queryObject?.cartId,
  );
  const orderDetail = orderDetailsResponse.success && orderDetailsResponse.data;



  return (
    <div className="main-container mobile-container">
      <div className="flex flex-col lg:flex-row">
        {orderDetail && <RotatingImageCard orderDetail={orderDetail} />}
        <ExtraAttributes
          productData={productResponse?.data}
          queryObject={queryObject}
          orderDetail={orderDetail}
        />
      </div>
    </div>
  );
}