import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import OrdersLayout from '@/layouts/orders/layout'; import { Head, Link, usePage } from '@inertiajs/react'; // Tipe data interface OrderItem { id: number; product: { service_type: string }; container_number: string; entry_date?: string; eir_date?: string; exit_date?: string; commodity?: string; country?: string; vessel?: string; price_type?: string; price_value?: string | number; additional_products: { service_type: string }[]; rekam_suhu?: { tanggal: string; jam_data: Record }[]; } interface Props { order: { id: number; order_id: string }; orderItem: OrderItem; } // Tipe untuk Inertia Page import type { Page } from '@inertiajs/core'; type PageProps = Page & { // eslint-disable-next-line @typescript-eslint/no-explicit-any [key: string]: any; auth: { user: { id: number; name: string; email: string; role_id: number; }; }; }; // eslint-disable-next-line @typescript-eslint/no-unused-vars export default function ShowSingleOrderItem({ order, orderItem }: Props) { // Ambil role_id dari props global const { props } = usePage(); const roleId = props.auth?.user?.role_id; const isRoleKarantina = roleId == 4; // Tentukan rute kembali // Karena kita sekarang menggunakan route sederhana berdasarkan orderItem.id, // kembali ke halaman daftar order atau detail order utama adalah pilihan yang logis. // Misalnya, kembali ke halaman daftar order: const backUrl = isRoleKarantina ? '/karantina' : route('orders.index'); // Atau, jika Anda ingin kembali ke detail order utama (pastikan route ini ada dan aktif): // const backUrl = isRoleKarantina ? '/karantina' : route('orders.show', { order: order.id }); return (

Detail Order Item: {orderItem.container_number}

Detail Layanan - {orderItem.product.service_type}

Nomor Kontainer: {orderItem.container_number}

Harga:{' '} {orderItem.price_type ? `${orderItem.price_type} - Rp${Number(orderItem.price_value).toLocaleString()}` : '-'}

Entry Date: {orderItem.entry_date || '-'}

EIR Date: {orderItem.eir_date || '-'}

Exit Date: {orderItem.exit_date || '-'}

Komoditi: {orderItem.commodity || '-'}

Country: {orderItem.country || '-'}

Vessel: {orderItem.vessel || '-'}

Additional Products:

{p.service_type}
-

{orderItem.rekam_suhu && orderItem.rekam_suhu.length > 0 && (

Rekam Suhu: {orderItem.rekam_suhu.map((rec, idx) => (

{rec.tanggal}:

{Object.entries(rec.jam_data).map(([jam, suhu]) => (

{jam}:00 → {suhu}°C

))}

))}

)}

); }