import { Head, Link } from '@inertiajs/react';
import { ArrowLeft } from 'lucide-react';
import { ImagePreviewButton } from '@/components/dialogs';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from '@/components/ui/table';
import { formatNumber } from '@/lib/format';
import { index as cuttingIndex } from '@/routes/admin/manage/cuttings';
import type { Cutting } from './columns';
import { CuttingItemSubRow } from './cutting-sub-row';
type Props = {
cutting: Cutting;
};
const STATUS_BADGE_CLASSES: Record = {
completed: 'bg-green-100 text-green-800 hover:bg-green-100',
cancelled: 'bg-red-100 text-red-800 hover:bg-red-100',
in_progress: 'bg-yellow-100 text-yellow-800 hover:bg-yellow-100',
};
export default function CuttingShow({ cutting }: Props) {
const items = cutting.cutting_materials ?? [];
const result = cutting.cutting_results?.[0];
const totalUsage = items.reduce(
(sum, item) => sum + Number(item.material_usage),
0,
);
const statusBadgeClass =
STATUS_BADGE_CLASSES[cutting.status] ?? STATUS_BADGE_CLASSES.in_progress;
return (
<>
Detail Cutting
Rincian data proses cutting
Cutting #{cutting.id}
{cutting.status === 'completed'
? 'Selesai'
: cutting.status === 'cancelled'
? 'Dibatalkan'
: 'Dikerjakan'}
{cutting.formatted_created_at}
Oleh{' '}
{cutting.created_by?.user_profile?.full_name ?? '-'}
{cutting.description && (
{cutting.description}
)}
{cutting.photo_url && (
)}
{result && (
Hasil Produk
Produk
Hasil
Sample
Diluar Sample
{result.product_name ?? '-'}
{result.cutting_result ?? '-'} pcs
{result.sample ?? '-'} pcs
{result.original_outside_sample ?? '-'} pcs
)}
{items.length > 0 && (
Bahan Baku
Total Pemakaian
{formatNumber(totalUsage)}
{result?.cutting_result && (
Total Hasil Cutting
{formatNumber(result.cutting_result)} pcs
)}
{cutting.formatted_cost_per_unit && (
Biaya Per Produk
{cutting.formatted_cost_per_unit}
)}
{cutting.formatted_total_material_cost && (
Total Biaya Bahan
{cutting.formatted_total_material_cost}
)}
Geser kesamping untuk melihat lebih banyak
)}
Data ini dibagikan dari sistem DST Collection
>
);
}