import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
import { Head, Link } from "@inertiajs/react";
import { Package, ArrowLeft } from "lucide-react";
import { Button } from "@/Components/ui/button";
import ProductForm from "@/Components/Product/ProductForm";
import { getEditBreadcrumbs, BREADCRUMB_MAP } from "@/utils/breadcrumb";
import type { Category, Product } from "./Index";
import type { Unit } from "@/Components/Unit/UnitManagerDialog";
interface Props {
product: Product;
categories: Category[];
units: Unit[];
}
export default function Edit({ product, categories, units }: Props) {
const urlParams = new URLSearchParams(window.location.search);
const from = urlParams.get('from');
const backUrl = from === 'show' ? route('products.show', product.id) : route('products.index');
const backText = from === 'show' ? "返回商品詳情" : "返回商品列表";
// 動態產生麵包屑
const breadcrumbs = from === 'show'
? [
...JSON.parse(JSON.stringify(BREADCRUMB_MAP.products)),
{ label: `商品詳情 (${product.name})`, href: route('products.show', product.id) },
{ label: "編輯", isPage: true }
]
: getEditBreadcrumbs("products");
// 修正詳情層級的 isPage 狀態
if (from === 'show' && breadcrumbs.length > 1) {
breadcrumbs[breadcrumbs.length - 3].isPage = false; // "商品資料管理" 設為 false
breadcrumbs[breadcrumbs.length - 2].isPage = false; // "商品詳情" 設為 false
}
return (
{/* Header */}
編輯商品：{product.name}
修改商品的基本資訊、價格或庫存單位設定。
{/* 表單內容 */}