import AppLayout from '@/layouts/app-layout'; import { Head, router } from '@inertiajs/react'; import { ArrowLeft, CalendarDays, FileText, IdCard, MapPin, Package, UserRound } from 'lucide-react'; import { useLanguage } from '@/contexts/LanguageContext'; type Student = { id?: number; name?: string; email?: string; matric?: string; }; type Payment = { amount?: number; status?: string; verified_by?: number | null; }; type Parcel = { parcel_id: number; parcel_code?: string; tracking_no?: string; created_at?: string; schedule?: string | null; parcel_status?: string; location?: string | null; sender?: string | null; size?: string | null; fee?: number | null; updated_at?: string; }; export default function Report({ parcel, student, payment }: { parcel: Parcel; student?: Student; payment?: Payment }) { const { t } = useLanguage(); const parcelId = parcel.parcel_id; const download = () => { window.location.href = `/parcels/${parcelId}/export/download`; }; const goBack = () => { // Use Inertia's router to go back router.visit('/student/history'); }; const breadcrumbs = [ { title: t('history'), href: '/student/history' }, { title: t('parcelReport'), href: `/parcels/${parcelId}/export` }, ]; return (
{t('parcelReport')} - {parcel.parcel_code || parcel.parcel_id}
{t('detailedReportFor')} {parcel.parcel_code || parcel.parcel_id}
{t('parcelInformation')}
{t('parcelID')}: {parcel.parcel_code || parcel.parcel_id}
{t('recipient')}: {student?.name || '-'}
{t('trackingID')}: {parcel.tracking_no || '-'}
{t('matricID')}: {student?.matric || '-'}
{t('arrivalDate')}: {parcel.created_at ? new Date(parcel.created_at).toLocaleDateString('en-CA') : '-'}
{t('location')}: {parcel.location || '-'}
{t('packageDetails')}
{t('sender')}:
{parcel.sender || '-'}
{t('size')}:
{parcel.size || '-'}
{t('paymentInformation')}
{t('paymentStatus')}:
{payment && payment.verified_by ? t('approved') : t('pendingUnverified')}
{t('amount')}:
RM{(parcel.fee ?? 1).toFixed(2)}
{t('collectionInformation')}
{t('collectionDate')}:
{(parcel.parcel_status === 'Collected' && parcel.updated_at) || parcel.schedule ? new Date( parcel.parcel_status === 'Collected' && parcel.updated_at ? parcel.updated_at : parcel.schedule!, ).toLocaleDateString('en-CA') : '-'}
{t('collectionStatus')}:
{parcel.parcel_status || t('collected')}
{t('reportGeneratedOn')} {new Date().toLocaleDateString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric' })}, {new Date().toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true })}
 ); }