"use client";

import { useState } from "react";
import { useRouter } from "next/navigation";
import { usePopCompanyPath } from "@/hooks/usePopCompanyPath";
import { ProductionOutbound } from "../../_components/outbound/ProductionOutbound";
import { useCartSync } from "../../_components/common/useCartSync";

export default function ProductionOutboundPage() {
  const router = useRouter();
  const companyPath = usePopCompanyPath();
  const cart = useCartSync("outbound");
  const [saving, setSaving] = useState(false);

  const handleCartClick = async () => {
    if (cart.isDirty) {
      setSaving(true);
      const ok = await cart.saveToDb();
      setSaving(false);
      if (!ok) return;
    }
    router.push(`${companyPath("/pop/outbound/cart")}?backUrl=${companyPath("/pop/outbound/production")}`);
  };

  return (
    <ProductionOutbound
      cart={cart}
      onCartClick={handleCartClick}
      saving={saving}
      outboundType="생산출고"
      sourceTable="production_outbound_detail"
    />
  );
}
