import { Head, Link, router } from '@inertiajs/react'; import { ChevronLeft, Edit } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { type Product } from '@/types'; function DiscountBadge({ product }: { product: Product }) { if (!product.is_discount_active) return null; const pct = product.discount_percent ?? 0; if (pct <= 0) return null; return ( -{pct}% OFF ); } export default function AdminProductShow({ product }: { product: Product }) { return (
Images {product.images && product.images.length > 0 ? (
{product.images.map((img) => ( ))}
) : (
No image
)} Description {product.short_description &&

{product.short_description}

} {product.description ? (
) : (

No description

)} {product.variants && product.variants.length > 0 && ( Variants {product.variants.map((v) => ( ))}
Name SKU Price Stock
{v.variant_name} {v.sku} ৳{Number(v.price).toLocaleString()} {v.stock_qty}
)}
Details {[ ['SKU', product.sku], ['Stock', product.stock_qty], ['Category', product.category?.name ?? '—'], ['Brand', product.brand?.name ?? '—'], ['Status', product.status ? '✅ Active' : '❌ Inactive'], ].map(([label, value]) => (
{label} {value}
))}
Selling Price
৳{Number(product.price).toLocaleString()}
{product.compare_price && Number(product.compare_price) > 0 && (
Original Price ৳{Number(product.compare_price).toLocaleString()}
)}
Cost Price ৳{Number(product.cost_price).toLocaleString()}
{product.discount_type && product.discount_type !== 'none' && ( <>
Discount Type {product.discount_type === 'percent' ? `${product.discount_value}% Off` : `৳${product.discount_value} Off`}
{product.discount_label && (
Label {product.discount_label}
)} {(product.discount_starts_at || product.discount_ends_at) && (
Schedule {product.discount_starts_at ? new Date(product.discount_starts_at).toLocaleDateString() : '—'} {' → '} {product.discount_ends_at ? new Date(product.discount_ends_at).toLocaleDateString() : '∞'}
)}
Discount Status {product.is_discount_active ? ( Active ) : ( Inactive )}
)} Labels {product.is_featured && Featured} {product.is_best_seller && Best Seller} {product.is_trending && Trending} {product.is_new_arrival && New Arrival}
); }