);
}
// ─────────────────────────────────────────────────────────────
// SERVICE
// ─────────────────────────────────────────────────────────────
function ServiceScreen() {
const nav = useRouter();
const { tw } = useApp();
const L = STRINGS[tw.lang];
const v = VEHICLES[tw.model];
const [selectedDealer, setDealer] = React.useState(0);
const [selectedDate, setDate] = React.useState(2);
const [time, setTime] = React.useState('09:30');
const dealers = [
{ n: 'Thaco Long Biên', a: T(tw.lang, '15 Nguyễn Văn Cừ · Hanoi', '15 Nguyễn Văn Cừ · Hà Nội'), d: '3.2', stars: 4.8 },
{ n: 'Thaco Lê Văn Lương', a: T(tw.lang, 'Trung Hòa District · Hanoi', 'KĐT Trung Hòa · Hà Nội'), d: '5.8', stars: 4.7 },
{ n: 'Thaco Phạm Văn Đồng', a: T(tw.lang, 'Bắc Từ Liêm · Hanoi', 'Bắc Từ Liêm · Hà Nội'), d: '8.1', stars: 4.9 },
];
const dates = ['T2 19', 'T3 20', 'T4 21', 'T5 22', 'T6 23', 'T7 24'];
const times = ['08:00', '09:30', '11:00', '13:30', '15:00', '16:30'];
// The vehicle reports its own due service — we show that and book it as a slot;
// the dealer assesses on arrival to finalize the work + price.
const suggested = T(tw.lang, '10,000 km maintenance', 'Bảo dưỡng 10,000 km');
const estimate = 1850000;
return (
{L.bookService.toUpperCase()}
{T(tw.lang, 'Schedule service', 'Đặt lịch hẹn')}
{/* Service summary card — what the dealer will work on */}
{T(tw.lang, 'SUGGESTED', 'ĐỀ XUẤT')}
{suggested}
{T(tw.lang, 'Due in 2,300 km · ~ 90 min', 'Còn 2,300 km · ~ 90 phút')}
{T(tw.lang, 'NOTE', 'LƯU Ý')}
{T(tw.lang, 'Final cost and any extra work confirmed at the dealer on arrival.', 'Báo giá cuối cùng và các hạng mục bổ sung sẽ được xác nhận tại đại lý khi xe đến.')}
);
})}
);
}
function NotificationRow({ n, first, onDismiss }) {
const I = Icons[n.ic];
const nav = useRouter();
const sw = useSwipeDismiss(120, onDismiss);
const swiping = sw.dx < -1;
const onTap = (e) => {
// Suppress click if a swipe was in progress.
if (sw.dx < -3) return;
nav.openSheet('notifDetail', { id: n.id });
};
return (
{/* Delete background — only painted while a swipe is in progress, so the
row sits flat against the GlassC card the rest of the time. */}
{swiping && (
Dismiss
)}
{n.tl}
{n.tm}
{n.body}
);
}
function EmptyState({ icon = 'bell', title, body }) {
const I = Icons[icon];
return (
{title}
{body}
);
}
// ─────────────────────────────────────────────────────────────
// PROFILE
// ─────────────────────────────────────────────────────────────
function ProfileScreen() {
const nav = useRouter();
const { tw, setTweak } = useApp();
const L = STRINGS[tw.lang];
return (
{L.profile.toUpperCase()}
{T(tw.lang, 'Account', 'Tài khoản')}
nav.go('profileInfo')}>
AN
An Nguyễn
+84 912 84 02 19
PREMIUM · 02Y
{/* Vehicle card */}
nav.tab('drive')}>
{VEHICLES[tw.model].name}
{VEHICLES[tw.model].plate}
{fmtKm(12480)} km · {T(tw.lang, 'Updated 3m ago', 'Cập nhật 3 phút trước')}
{/* + Add vehicle */}
nav.go('pair')}>
{T(tw.lang, 'Pair another vehicle', 'Ghép nối xe khác')}
{T(tw.lang, 'Scan QR or enter VIN', 'Quét QR hoặc nhập số VIN')}