{delivery.delivery_number}

Order {delivery.order?.order_number ?? '-'}

Detail Order

Customer

{delivery.order?.customer?.name ?? '-'}

Total Order

{money(delivery.order?.grand_total)}

Alamat Pengiriman

{delivery.delivery_address || delivery.order?.customer?.address || '-'}

Penerima

{delivery.recipient_name || '-'}

Telepon

{delivery.recipient_phone || '-'}

Timeline {delivery.proof_photo || delivery.proof_signature ? Bukti Pengiriman{delivery.proof_photo &&

}{delivery.proof_signature && Tanda tangan penerima

} : null}

{!isCourier && Assign Kurir} {actions.length > 0 && Update Status

{actions.filter(a => a !== 'delivered' && a !== 'failed').map(a => )}

{actions.includes('delivered') &&

submitStatus(e, 'delivered')} className="space-y-3 border-t pt-4">

Foto Bukti statusForm.setData('proof_photo', e.target.files?.[0] ?? null)} />

Tanda Tangan statusForm.setData('proof_signature', e.target.files?.[0] ?? null)} />

Catatan Penerima

statusForm.setData('proof_note', e.target.value)} /></div><Button className="w-full" type="submit" disabled={statusForm.processing}><CheckCircle2 className="mr-2 size-4" /> Tandai Terkirim</Button></form>}{actions.includes('failed') && <form onSubmit={e => submitStatus(e, 'failed')} className="space-y-3 border-t pt-4"><div><Label>Alasan Gagal</Label><Textarea className="mt-2" required value={statusForm.data.failure_reason} onChange={e => statusForm.setData('failure_reason', e.target.value)} placeholder="Contoh: customer tutup / alamat tidak ditemukan" /></div><Button variant="destructive" className="w-full" type="submit" disabled={statusForm.processing}>Tandai Gagal</Button></form>}</CardContent></Card>}
                    {delivery.status === 'delivered' && <Card><CardContent className="flex items-center gap-3 p-5"><CheckCircle2 className="size-8 text-primary" /><div><p className="font-semibold">Pengiriman selesai</p><p className="text-sm text-muted-foreground">Bukti pengiriman tersimpan pada surat jalan ini.</p></div></CardContent></Card>}</div></div></div></AppLayout>;
}
function Timeline({ label, value }: { label: string; value?: string | null }) { return <div className="flex items-center justify-between rounded-lg border px-3 py-2"><span>{label}</span><span className="text-xs text-muted-foreground">{value ? new Date(value).toLocaleString('id-ID') : '—'}</span></div>; }