// Transport operator (owner) screens — single role // Maps to role === 'operator' const { useState: useStateT } = React; const OP_VEHICLES = [ { id:'TS09 EQ 4421', sch:'DPS Hyderabad', driver:'Ramesh K.', route:'Route 14', state:'On route', clr:'var(--success)', bg:'var(--success-50)', dot:'#10B981', model:'Tata Starbus · 32 seater', km:84210, age:'2.4 yrs', fuel:78, speed:42, occ:22, cap:32 }, { id:'TS09 GH 8821', sch:'Vidyaranya', driver:'Suresh M.', route:'Route 7', state:'Boarding', clr:'var(--p600)', bg:'var(--p50)', dot:'var(--p600)', model:'Eicher Skyline · 36 seater', km:62100, age:'1.8 yrs', fuel:54, speed:0, occ:18, cap:36 }, { id:'TS09 BC 1102', sch:'Oakridge', driver:'Anand P.', route:'Route 3', state:'Service due', clr:'var(--warning)', bg:'var(--warning-50)', dot:'var(--warning)', model:'Ashok Leyland · 40 seater', km:128400, age:'3.7 yrs', fuel:30, speed:0, occ:0, cap:40 }, { id:'TS09 KL 6655', sch:'Chirec', driver:'Mohan R.', route:'Route 9', state:'Garage', clr:'var(--n600)', bg:'var(--n100)', dot:'var(--n400)', model:'Force Traveller · 26 seater', km:54000, age:'1.2 yrs', fuel:62, speed:0, occ:0, cap:26 }, { id:'TS09 MN 2244', sch:'DPS Hyderabad', driver:'Krishna L.', route:'Route 22', state:'On route', clr:'var(--success)', bg:'var(--success-50)', dot:'#10B981', model:'Tata Starbus · 32 seater', km:46900, age:'1.0 yrs', fuel:88, speed:38, occ:24, cap:32 }, { id:'TS09 PQ 9911', sch:'Vidyaranya', driver:'Naveen B.', route:'Route 11', state:'On route', clr:'var(--success)', bg:'var(--success-50)', dot:'#10B981', model:'Eicher Skyline · 36 seater', km:71200, age:'2.0 yrs', fuel:65, speed:48, occ:28, cap:36 }, ]; const OP_DRIVERS = [ { name:'Ramesh K.', initial:'RK', clr:'p', phone:'+91 98765 11111', license:'TS-013-20210045', exp:'8 yrs', rating:4.9, trips:1240, route:'Route 14', state:'On duty', stateClr:'var(--success)', stateBg:'var(--success-50)', incidents:0 }, { name:'Suresh M.', initial:'SM', clr:'coral', phone:'+91 98765 22222', license:'TS-014-20180022', exp:'12 yrs', rating:4.8, trips:2104, route:'Route 7', state:'On duty', stateClr:'var(--success)', stateBg:'var(--success-50)', incidents:1 }, { name:'Anand P.', initial:'AP', clr:'green', phone:'+91 98765 33333', license:'TS-015-20190088', exp:'6 yrs', rating:4.6, trips:912, route:'Route 3', state:'Off (medical)', stateClr:'var(--warning)', stateBg:'var(--warning-50)', incidents:2 }, { name:'Mohan R.', initial:'MR', clr:'p', phone:'+91 98765 44444', license:'TS-016-20170012', exp:'14 yrs', rating:4.7, trips:2580, route:'Route 9', state:'Standby', stateClr:'var(--n600)', stateBg:'var(--n100)', incidents:0 }, { name:'Krishna L.', initial:'KL', clr:'coral', phone:'+91 98765 55555', license:'TS-017-20220031', exp:'4 yrs', rating:4.9, trips:540, route:'Route 22', state:'On duty', stateClr:'var(--success)', stateBg:'var(--success-50)', incidents:0 }, { name:'Arjun T.', initial:'AT', clr:'green', phone:'+91 98765 66666', license:'TS-018-20200077', exp:'5 yrs', rating:5.0, trips:680, route:'Route 14B', state:'On duty', stateClr:'var(--success)', stateBg:'var(--success-50)', incidents:0 }, ]; const OP_ROUTES = [ { id:'R-14', name:'Route 14 · Madhapur ↔ DPS', stops:5, students:22, schools:'DPS · Vidyaranya', bus:'TS09 EQ 4421', km:18, time:'48m', state:'active' }, { id:'R-7', name:'Route 7 · Kondapur ↔ Vidyaranya', stops:6, students:18, schools:'Vidyaranya', bus:'TS09 GH 8821', km:14, time:'42m', state:'active' }, { id:'R-3', name:'Route 3 · Banjara ↔ Oakridge', stops:7, students:24, schools:'Oakridge', bus:'TS09 BC 1102', km:22, time:'56m', state:'paused' }, { id:'R-9', name:'Route 9 · Jubilee ↔ Chirec', stops:5, students:17, schools:'Chirec', bus:'TS09 KL 6655', km:16, time:'44m', state:'paused' }, { id:'R-22', name:'Route 22 · Gachibowli ↔ DPS', stops:6, students:24, schools:'DPS', bus:'TS09 MN 2244', km:20, time:'52m', state:'active' }, { id:'R-11', name:'Route 11 · Kukatpally ↔ Vidyaranya', stops:8, students:28, schools:'Vidyaranya', bus:'TS09 PQ 9911', km:26, time:'1h 4m', state:'active' }, ]; const OP_SCHOOLS = [ { name:'DPS Hyderabad', students:142, buses:5, revenue:'₹6.4L', mom:'+8%', clr:'#1E40AF', bg:'var(--info-50)', contract:'2024-26 · renews Apr 2026', invoice:'Paid · Mar', status:'healthy', type:'school' }, { name:'Vidyaranya High', students:188, buses:6, revenue:'₹7.8L', mom:'+12%', clr:'var(--success)', bg:'var(--success-50)', contract:'2023-25 · renews Mar 2026', invoice:'Paid · Mar', status:'healthy', type:'school' }, { name:'Oakridge Intl.', students:124, buses:4, revenue:'₹5.2L', mom:'-3%', clr:'var(--c600)', bg:'var(--c50)', contract:'2024-26 · renews Jun 2026', invoice:'Due · ₹62k', status:'attention', type:'school' }, { name:'Chirec Public', students:108, buses:3, revenue:'₹4.1L', mom:'+4%', clr:'#8B5CF6', bg:'#FAF5FF', contract:'2024-25 · renews Apr 2025', invoice:'Paid · Mar', status:'renewal', type:'school' }, { name:'Private riders', students:46, buses:2, revenue:'₹2.3L', mom:'+22%', clr:'#9A3412', bg:'#FFF7ED', contract:'Direct enrolment · multi-school', invoice:'38 paid · 8 due', status:'private', type:'private' }, ]; const OP_PRIVATE_RIDERS = [ { name:'Aarav Reddy', cls:'Class 8 · DPS Hyderabad', stop:'Madhapur Junction', fee:'₹2,800/mo', state:'Active', stateClr:'var(--success)', stateBg:'var(--success-50)', parent:'Maya Reddy · +91 98765 12345', paid:true, since:'Jun 2024' }, { name:'Diya Reddy', cls:'Class 5 · GIIS Pune (boarder)', stop:'Kondapur', fee:'₹2,800/mo', state:'Active', stateClr:'var(--success)', stateBg:'var(--success-50)', parent:'Maya Reddy · +91 98765 12345', paid:true, since:'Jun 2024' }, { name:'Kabir Shah', cls:'Class 10 · Glendale Acad.', stop:'Hi-Tech City', fee:'₹3,200/mo', state:'Active', stateClr:'var(--success)', stateBg:'var(--success-50)', parent:'Rohit Shah · +91 99012 33344', paid:true, since:'Sep 2024' }, { name:'Ananya Kapoor', cls:'Class 7 · Sancta Maria', stop:'Gachibowli', fee:'₹2,800/mo', state:'Payment due', stateClr:'var(--warning)', stateBg:'var(--warning-50)', parent:'Neha Kapoor · +91 90087 22211', paid:false, since:'Jan 2025' }, { name:'Vihaan Iyer', cls:'Class 9 · Manthan Intl.', stop:'Botanical Gardens', fee:'₹3,000/mo', state:'Active', stateClr:'var(--success)', stateBg:'var(--success-50)', parent:'Lakshmi Iyer · +91 90876 54321', paid:true, since:'Apr 2024' }, { name:'Saanvi Naidu', cls:'Class 6 · Delhi Public North', stop:'Madhapur Junction', fee:'₹2,800/mo', state:'New · Mar 1', stateClr:'var(--p600)', stateBg:'var(--p50)', parent:'Karthik Naidu · +91 99234 11122', paid:false, since:'Mar 2025' }, ]; const OP_INCIDENTS = [ { sev:'critical', cat:'BREAKDOWN', when:'Today · 7:48 AM', title:'Bus TS09 BC 1102 — engine warning', sub:'Anand P. · Route 3 · 24 students re-routed to TS09 KL 6655', state:'open' }, { sev:'high', cat:'DELAY', when:'Today · 7:32 AM', title:'Route 7 running 12 min late', sub:'Heavy traffic at Hi-Tech City flyover · DPS notified', state:'monitoring' }, { sev:'med', cat:'COMPLAINT', when:'Yesterday', title:'Parent complaint — rough driving', sub:'Suresh M. (Route 7) · pending review', state:'open' }, { sev:'low', cat:'MAINTENANCE', when:'2 days ago', title:'Service overdue — TS09 BC 1102', sub:'Booked at Maruti garage · Mar 16 · 8 AM', state:'scheduled' }, { sev:'low', cat:'RESOLVED', when:'5 days ago', title:'AC repair completed', sub:'TS09 GH 8821 · ₹14,200 invoice', state:'closed' }, ]; // ───────────────────────────────────────────────────────────── // LIVE — map of all buses // ───────────────────────────────────────────────────────────── function OperatorLiveScreen({ nav }) { const [filter, setFilter] = useStateT('all'); const buses = OP_VEHICLES.filter(v => filter === 'all' ? true : v.state === 'On route'); return (
nav.pop()} right={}/>
{/* Map placeholder */}
{/* Grid lines */} {/* Simulated roads */} {/* Bus pins */} {[ { x: 60, y: 80, color: '#10B981', label: '14' }, { x: 180, y: 140, color: '#10B981', label: '22' }, { x: 280, y: 100, color: 'var(--p600)', label: '7' }, { x: 110, y: 220, color: '#10B981', label: '11' }, { x: 250, y: 240, color: 'var(--warning)', label: '3' }, { x: 320, y: 180, color: 'var(--n400)', label: '9' }, ].map((p, i) => (
{p.label}
))} {/* Legend */}
On route Boarding Issue Garage
{/* Filter chips */}
{[{id:'all',l:'All · 18'},{id:'running',l:'On route · 14'},{id:'late',l:'Late · 1'},{id:'idle',l:'Idle · 3'}].map(f => ( ))}
{/* Bus list */}
{buses.map((b, i) => ( ))}
); } // ───────────────────────────────────────────────────────────── // FLEET — vehicle list // ───────────────────────────────────────────────────────────── function OperatorFleetScreen({ nav }) { return (
nav.pop()} right={}/>
{[{v:'18',l:'Total'},{v:'14',l:'Running'},{v:'1',l:'Service'},{v:'3',l:'Garage'}].map((s,i)=>(
{s.v}
{s.l}
))}
{OP_VEHICLES.map((v, i) => ( ))}
); } // ───────────────────────────────────────────────────────────── // VEHICLE DETAIL // ───────────────────────────────────────────────────────────── function OperatorVehicleDetail({ nav, params }) { const v = params || OP_VEHICLES[0]; return (
nav.pop()} right={}/>
🚌
{v.id}
{v.model}
AGE {v.age.toUpperCase()} · {v.km.toLocaleString()} KM
{v.fuel}%
Fuel
{v.speed} km/h
Speed
{v.occ}/{v.cap}
Riders
Assigned
{[ { lab: 'Driver', val: v.driver, sub: '+91 98765 11111', ic: 'user' }, { lab: 'Route', val: v.route, sub: `${v.sch}`, ic: 'pin' }, { lab: 'Insurance', val: 'Valid · expires Aug 2026', sub: 'Bharti AXA · Premium ₹42,000', ic: 'shield' }, { lab: 'PUC', val: 'Valid · expires May 2025', sub: '63 days remaining', ic: 'check' }, { lab: 'Fitness cert.', val: 'Valid · expires Dec 2026', sub: 'TS RTO Hyderabad', ic: 'clipboard' }, ].map((it, i, arr) => (
{it.lab}
{it.val}
{it.sub}
))}
All}/>
{[ { d: 'Mar 10', t: 'Brake pad replacement', who: 'Maruti garage · ₹8,400', clr: 'var(--success)' }, { d: 'Feb 22', t: 'AC condenser fix', who: 'Tata service · ₹14,200', clr: 'var(--success)' }, { d: 'Jan 14', t: 'Engine oil + filter', who: 'In-house · ₹3,200', clr: 'var(--success)' }, ].map((m, i, arr) => (
{m.t}
{m.who}
{m.d}
))}
); } // ───────────────────────────────────────────────────────────── // DRIVERS roster // ───────────────────────────────────────────────────────────── function OperatorDriversScreen({ nav }) { return (
nav.pop()} right={}/>
{[{v:'22',l:'Total'},{v:'18',l:'On duty'},{v:'2',l:'Off'},{v:'2',l:'Standby'}].map((s,i)=>(
{s.v}
{s.l}
))}
{OP_DRIVERS.map((d, i) => ( ))}
); } // ───────────────────────────────────────────────────────────── // DRIVER DETAIL // ───────────────────────────────────────────────────────────── function OperatorDriverDetail({ nav, params }) { const d = params || OP_DRIVERS[0]; return (
nav.pop()} right={}/>
{d.initial}
{d.name}
{d.route} · {d.exp} experience
LIC {d.license}
★ {d.rating}
From {d.trips}
{d.trips}
Total trips
{d.incidents}
Incidents
Documents
{[ { lab:'Driver license', val:'Valid · expires Sep 2027', ic:'check', clr:'var(--success)' }, { lab:'Police verification', val:'Cleared · Mar 2024', ic:'shield', clr:'var(--success)' }, { lab:'Medical fitness', val: d.state.includes('medical') ? 'On leave · doc submitted' : 'Valid · annual', ic:'clipboard', clr: d.state.includes('medical')?'var(--warning)':'var(--success)' }, { lab:'Training', val:'Defensive driving · Dec 2024', ic:'trophy', clr:'var(--success)' }, ].map((it, i, arr) => (
{it.lab}
{it.val}
))}
{[ { d:'Today AM', r:'Route 14 · Madhapur', dur:'48m', dist:'18 km', stars:5 }, { d:'Yest PM', r:'Route 14 · DPS', dur:'52m', dist:'18 km', stars:5 }, { d:'Yest AM', r:'Route 14 · Madhapur', dur:'46m', dist:'18 km', stars:4 }, ].map((t, i, arr) => (
{t.r}
{t.d} · {t.dur} · {t.dist}
{'★'.repeat(t.stars)}
))}
); } // ───────────────────────────────────────────────────────────── // ROUTES // ───────────────────────────────────────────────────────────── function OperatorRoutesScreen({ nav }) { return (
nav.pop()} right={}/>
{[{v:'24',l:'Routes'},{v:'18',l:'Active'},{v:'562',l:'Daily riders'}].map((s,i)=>(
{s.v}
{s.l}
))}
{OP_ROUTES.map((r, i) => ( ))}
); } // ───────────────────────────────────────────────────────────── // ROUTE DETAIL // ───────────────────────────────────────────────────────────── function OperatorRouteDetail({ nav, params }) { const r = params || OP_ROUTES[0]; const stops = [ { n:'Depot', t:'07:30', kids:0 }, { n:'Madhapur Junction', t:'07:42', kids:4 }, { n:'Hi-Tech City', t:'07:54', kids:6 }, { n:'Kondapur', t:'08:02', kids:5 }, { n:'Botanical Gardens', t:'08:12', kids:3 }, { n:'Gachibowli (last)', t:'08:20', kids:4 }, ]; return (
nav.pop()} right={}/>
{r.id} · {r.state.toUpperCase()}
{r.name}
{r.schools} · bus {r.bus}
{r.stops}
STOPS
{r.students}
RIDERS
{r.km}
KM
{r.time}
DURATION
{stops.map((s, i) => (
{s.n}
{s.t}
{s.kids > 0 &&
{s.kids} students board
}
))}
); } // ───────────────────────────────────────────────────────────── // SCHOOLS / CONTRACTS // ───────────────────────────────────────────────────────────── function OperatorSchoolsScreen({ nav }) { return (
nav.pop()}/>
MAR REVENUE · ALL CONTRACTS
₹23.5L
↑ 7% MoM·562 active riders
{OP_SCHOOLS.map((s, i) => ( ))}
); } // ───────────────────────────────────────────────────────────── // SCHOOL CONTRACT DETAIL // ───────────────────────────────────────────────────────────── function OperatorSchoolDetail({ nav, params }) { const s = params || OP_SCHOOLS[0]; return (
nav.pop()} right={}/>
CONTRACT
{s.name}
{s.contract}
{s.students}
RIDERS
{s.buses}
BUSES
{s.revenue}
MAR REV
All}/>
{[ { m:'Mar 2025', amt:'₹6,40,000', state:s.invoice.includes('Due')?'Due':'Paid', date:'Mar 5' }, { m:'Feb 2025', amt:'₹6,12,000', state:'Paid', date:'Feb 4' }, { m:'Jan 2025', amt:'₹6,12,000', state:'Paid', date:'Jan 3' }, ].map((iv, i, arr) => (
{iv.m}
{iv.state} · {iv.date}
{iv.amt}
))}
{OP_VEHICLES.filter(v => v.sch === s.name).slice(0, 3).map((v, i, arr) => ( ))}
); } // ───────────────────────────────────────────────────────────── // INCIDENTS // ───────────────────────────────────────────────────────────── function OperatorIncidentsScreen({ nav }) { const [filter, setFilter] = useStateT('open'); const sevClr = { critical:'var(--c600)', high:'var(--warning)', med:'var(--p600)', low:'var(--n500)' }; const sevBg = { critical:'var(--c50)', high:'var(--warning-50)', med:'var(--p50)', low:'var(--n100)' }; const items = OP_INCIDENTS.filter(it => filter==='all' ? true : filter==='open' ? it.state!=='closed' : it.state==='closed'); return (
nav.pop()}/>
{[{id:'open',l:'Open · 4'},{id:'closed',l:'Closed · 8'},{id:'all',l:'All · 12'}].map(f => ( ))}
{items.map((it, i) => (
{it.cat} {it.when}
{it.title}
{it.sub}
{it.state !== 'closed' && (
)}
))}
); } // ───────────────────────────────────────────────────────────── // REVENUE // ───────────────────────────────────────────────────────────── function OperatorRevenueScreen({ nav }) { const months = [ { m:'Oct', v:62 }, { m:'Nov', v:71 }, { m:'Dec', v:68 }, { m:'Jan', v:78 }, { m:'Feb', v:84 }, { m:'Mar', v:92 }, ]; const max = 100; return (
nav.pop()}/>
FY 2024-25 · YEAR TO DATE
₹2.41 Cr
↑ 18% YoY·4 contracts
{/* Mini bar chart */}
{months.map((m, i) => (
{m.m}
))}
Export}/>
{OP_SCHOOLS.map((s, i, arr) => (
{s.name.charAt(0)}
{s.name}
{s.students} riders · {s.mom} MoM
{s.revenue}
))}
UNPAID INVOICES
₹62,000
1 invoice · Oakridge Intl. · 4 days overdue
); } // ───────────────────────────────────────────────────────────── // OPERATOR BOTTOM NAV // ───────────────────────────────────────────────────────────── function OperatorBottomNav({ active, onTab }) { const tabs = [ { id:'home', ic:'home', l:'Home' }, { id:'live', ic:'pin', l:'Live' }, { id:'create', ic:'plus', l:'Add', primary:true }, { id:'fleet', ic:'bus', l:'Fleet' }, { id:'profile', ic:'user', l:'Profile' }, ]; return (
{tabs.map(t => t.primary ? ( ) : ( ))}
); } // ───────────────────────────────────────────────────────────── // PRIVATE RIDERS — direct-enrolled (B2C) students // ───────────────────────────────────────────────────────────── function OperatorPrivateRidersScreen({ nav }) { const due = OP_PRIVATE_RIDERS.filter(r => !r.paid).length; return (
nav.pop()} right={}/>
DIRECT ENROLMENT · MAR
₹2.30L
46
RIDERS
{46-due}
PAID
{due}
DUE
Private riders are parents who pay you directly. They can be from any school — you serve them across multiple campuses on shared routes.
By school}/> {OP_PRIVATE_RIDERS.map((r, i) => ( ))}
); } // ───────────────────────────────────────────────────────────── // PRIVATE RIDER DETAIL // ───────────────────────────────────────────────────────────── function OperatorPrivateRiderDetail({ nav, params }) { const r = params || OP_PRIVATE_RIDERS[0]; return (
nav.pop()} right={}/>
{r.name.split(' ').map(s=>s[0]).join('').slice(0,2)}
{r.name}
{r.cls}
RIDER SINCE {r.since.toUpperCase()}
{r.parent.split(' ')[0][0]}
{r.parent.split('·')[0]}
{r.parent.split('·')[1]}
{[ { lab:'Stop', val:r.stop, ic:'pin' }, { lab:'Bus', val:'TS09 EQ 4421 · Tata Starbus', ic:'bus' }, { lab:'Route', val:'R-14 · Madhapur ↔ DPS · 07:42 pickup', ic:'pin' }, { lab:'Driver', val:'Ramesh K. · +91 98765 11111', ic:'user' }, ].map((it, i, arr) => (
{it.lab}
{it.val}
))}
Monthly fee
{r.fee}
{r.paid ? 'PAID · MAR' : 'DUE · MAR'}
{!r.paid && }
); } // ───────────────────────────────────────────────────────────── // ENROL STUDENT (private) // ───────────────────────────────────────────────────────────── function OperatorEnrollStudent({ nav }) { const [step, setStep] = useStateT(1); return (
step>1?setStep(step-1):nav.pop()}/>
{[1,2,3].map(s =>
)}
{step === 1 && ( <>
Student & parent
Direct enrolment — the parent pays you, not a school.
)} {step === 2 && ( <>
Pickup & route
Pick the route nearest to home.