{/* front camera */}

{children}

); } /* ---------- iPad app shell: sidebar + content ---------- */ const NAV = [ ['grid', 'Home'], ['spark', 'Leads'], ['hammer', 'Jobs'], ['calendar', 'Schedule'], ['image', 'Photos'], ['msg', 'Messages'], ['spark', 'AI Assistant'], ]; function Shell({ active, title, sub, actions, children, bg = '#F2F2F7' }) { return (

{/* status bar overlay */}

9:41 Tue 10 Jun

{/* sidebar */}

{NAV.map(([ic, label]) => { const on = label === active; return (

{label}

); })}

Dave Owen

Director

{/* content */}

{sub &&

{sub}

}

{title}

{actions}

{children}

); } const Card = ({ title, action, children, pad = 16, style }) => (

{title &&

{title}{action}

}

{children}

); const Lab = ({ children }) =>

{children}

; const KPI = ({ label, value, delta, accent }) => (

{accent ? {label} : label}

{value}

{delta &&

{delta}

}

); /* ============================ 1 · DASHBOARD ============================ */ function Dashboard() { const visits = [['09:00', 'Tarmac survey', 'Wilnecote', C.blue], ['14:00', 'Karen Doyle · Resin', 'Tamworth', C.danger]]; const hot = [['Karen Doyle', 'Resin · 70m²', '£6,900', C.danger], ['Mark Evans', 'Tarmac · 2 cars', '£3,800', C.danger], ['T. Reilly', 'Block paving', '£5,200', C.warning]]; const week = [['Tarmac drive', 'Wilnecote · Day 2 of 3', C.blue], ['Resin survey', 'Tamworth · 2pm', C.danger], ['Patio build', 'Fazeley · Tomorrow', C.success], ['Block paving', 'Lichfield · Thu', C.warning]]; return ( Add Lead}>

Route map}>

{visits.map((v, i) => (

{v[0]}

{v[1]}

{v[2]}

Directions

))}

Full schedule}>

{week.map((j, i) => (

{j[0]}

{j[1]}

))}

View all}>

{hot.map((l, i) => (

{l[0]}

{l[1]}

{l[2]}

))}

Heavy rain Thursday

2 tarmac jobs may need moving

{['after', 'after', 'after'].map((k, i) => )}

); } /* ============================ 2 · LEADS (split view) ============================ */ function Leads() { const leads = [ ['Karen Doyle', 'Resin · 70m²', 'Tamworth', 'Visualiser', 'hot', true], ['Mark Evans', 'Tarmac · 2 cars', 'Tamworth', 'Quote form', 'hot', false], ['New caller', 'Driveway enquiry', 'Lichfield', 'Missed call', 'warning', false], ['Sue Akhtar', 'Block paving', 'Polesworth', 'Facebook', 'cold', false], ['T. Reilly', 'Tarmac drive', 'Burntwood', 'Website', 'warning', false], ]; const tone = (t) => t === 'hot' ? C.danger : t === 'warning' ? C.warning : C.blue; const timeline = [['spark', 'Lead created', 'Designed driveway in the visualiser', '2h'], ['eye', 'Viewed services', 'Resin + block paving pages', '2h'], ['file', 'Quote requested', '70m² resin-bound, front drive', '1h']]; return ( Filter}>

{/* list */}

{leads.map((l, i) => (

{l[0]} {l[4] === 'hot' && }

{l[1]}

{l[2]} · {l[3]}

))}

{/* detail */}

Karen Doyle Hot lead

14 Oak Rise, Tamworth B79 7DN · via Visualiser

Call Text

Their visualiser design

Est. value

£6,900

Area

70m²

Build Quote

Activity

{timeline.map((t, i) => (

{t[1]}

{t[2]}

{t[3]}

))}

); } /* ============================ 3 · SITE VISIT ============================ */ function SiteVisit() { const notes = [['Access', 'Good — driveway off road'], ['Drainage', 'Aco channel needed by garage'], ['Sub-base', 'Excavate ~150mm'], ['Edging', 'Charcoal block border']]; return ( Directions} bg="#EEF0F3">

{[['pin', '14 Oak Rise, Tamworth B79 7DN'], ['layers', 'Resin bound · approx 70m²'], ['clock', 'Replacing old tarmac · drainage issue']].map((d, i) => (

{d[1]}

))}

{['old', 'old', 'old'].map((k, i) => )}

{notes.map((n, i) => (

{n[0]} {n[1]}

))}

Take Photos Filed to this job

Voice Note Auto-transcribed

{[['Area', '70 m²'], ['Perimeter', '34 m'], ['Surface', 'Resin bound'], ['Sub-base', '150 mm']].map((m, i) => (

{m[0]}

{m[1]}

))}

Indicative price

£6,900

Auto-calculated

Create Quote Draft

); } /* ============================ 4 · SCHEDULE (week grid) ============================ */ function Schedule() { const days = [['Mon', '9'], ['Tue', '10', true], ['Wed', '11'], ['Thu', '12'], ['Fri', '13'], ['Sat', '14']]; const jobs = { 0: [['Tarmac drive', 'Wilnecote', C.blue, 'Day 1']], 1: [['Tarmac drive', 'Wilnecote', C.blue, 'Day 2'], ['Resin survey', 'Tamworth · 2pm', C.danger, 'Visit']], 2: [['Tarmac drive', 'Wilnecote', C.blue, 'Day 3']], 3: [['Block paving', 'Lichfield', C.warning, 'Rain risk']], 4: [['Patio build', 'Fazeley', C.success, 'Day 1']], 5: [['Gravel drive', 'Polesworth', C.blue, 'Half day']], }; return ( PrevNew Job

{days.map((d, i) => (

{d[0]}

{d[1]}

))}

{days.map((d, i) => (

{(jobs[i] || []).map((j, k) => (

{j[0]}

{j[1]}

{j[3]}

))}

); } window.APPS_IPAD = { IPadDevice, PADW, PADH, Dashboard, Leads, SiteVisit, Schedule }; })();