import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, BatteryCharging, CalendarDays, MapPin, PlugZap, Sun, Wrench, } from 'lucide-react'; import { TicketCard, ReportIssueButton, StatusPill, } from '@/components/ticket/ticket-ui'; import { formatDate, formatNumber } from '@/lib/format'; import type { CustomerJobDetail } from '@/types'; export default function TicketJobShow({ job }: { job: CustomerJobDetail }) { const specs = [ { label: 'System size', value: job.system.system_size_kw ? `${formatNumber(job.system.system_size_kw)} kW` : null, }, { label: 'Panels', value: job.system.panel_count ? `${job.system.panel_count}${job.system.panel ? ` × ${job.system.panel}` : ''}` : job.system.panel, }, { label: 'Inverter', value: job.system.inverter }, { label: 'Serial number', value: job.system.inverter_serial, }, { label: 'Battery', value: job.system.battery ? `${job.system.battery}${job.system.battery_capacity_kwh ? ` · ${formatNumber(job.system.battery_capacity_kwh)} kWh` : ''}` : null, }, { label: 'Export limit', value: job.system.export_limit_kw ? `${formatNumber(job.system.export_limit_kw)} kW` : null, }, ].filter((spec) => spec.value); return ( <>
Overview

{job.job_number}

{job.title}

{job.address ? ( {job.address} ) : null} {job.install_date ? `Installed ${formatDate(job.install_date)}` : job.status_label}

{job.status_label}

{job.connected ? 'Connected to the grid and exporting' : 'Not yet confirmed as connected'}

{specs.length === 0 ? (

The equipment list has not been recorded on this job yet. Ask us and we will add it.

) : (
{specs.map((spec) => (
{spec.label}
{spec.value}
))}
)} {job.site?.nmi || job.site?.meter_number ? (

{job.site?.nmi ? `NMI ${job.site.nmi}` : `Meter ${job.site?.meter_number}`}

) : null} {job.tickets.length === 0 ? (

Nothing reported on this system

If something changes, report it and it will be linked here automatically.

) : ( )}

System details come from our installation records. If something looks wrong, reply on a report or contact the office and we will correct it.

); }