{tour.code} · {L(tour.boat)}
{L(tour.name)}
{L(tour.blurb)}
{t('itinerary')}
{(ITIN[tour.id] || []).map(([tm, tx], i) => (
))}
{tm}
{L(tx)}
{t('child_policy')}: {I18N.L(CHILD_POLICY)}
{t('book_now')}
setDate(e.target.value)} />
{t('adults')}
{t('children_24')}
{t('children_511')}
{t('infant_free')}
{holidayFee > 0 && {t('holiday_auto')}: +{I18N.fmtPrice(DT_DATA.HOLIDAY_FEE)}{t('per_person')}
}
{season === 'peak' ? t('high_season') : t('low_season')}{camp ? {I18N.fmtPrice(baseAdult)} {I18N.fmtPrice(adultP)} : I18N.fmtPrice(adultP)}{t('per_person')}
{camp && (
⚡ {camp.name} −{camp.off}%{camp.ends ? · {I18N.lang === 'vi' ? 'kết thúc sau' : 'ends in'}
)}
{!available && {I18N.lang === 'vi' ? 'Tour này chỉ chạy mùa cao điểm (27/5 – 02/8). Hãy chọn ngày khác.' : 'This tour runs in peak season only (27 May – 02 Aug). Pick another date.'}
}
{t('total')}{I18N.fmtPrice(total)}
{sel ? (
) : (
)}
);
}
/* ---------- combo tours ---------- */
function ToursPage({ params, nav }) {
const t = (k) => I18N.t(k);
const L = (o) => I18N.L(o);
const combos = DT_DATA.DAY_TOURS.filter((x) => x.combo && !x.hidden);
const [selId, setSelId] = useState(null);
const sel = combos.find((x) => x.id === selId);
return (
setSelId(null)}>{t('nav_day')} › {L(sel.name)}
LAN HA BAY · DAIICHI CRUISE
{t('nav_day')}
{tours.map((tr) => {
const base = tr.low || tr.peak;
const { final, c } = promoPrice(tr.id, base);
const isNew = DT_CAMPAIGNS.isNew(tr.id);
return (
setSelId(tr.id)}>
);})}
{tr.code}
{c && ⚡ −{c.off}%}
{isNew && {I18N.lang === 'vi' ? 'MỚI' : 'NEW'}}
{L(tr.name)}
✓ {I18N.lang === 'vi' ? 'Đối tác xác minh' : 'Verified partner'} · {tr.operator}
}
{t('from_price')}
{c ? {I18N.fmtPrice(base)}{I18N.fmtPrice(final)}
{sel ? (
) : (
)}
);
}
/* ---------- booking lookup: by code or by phone + OTP ---------- */
function LookupPage({ nav }) {
const t = (k) => I18N.t(k);
const [mode, setMode] = useState('code'); // code | phone
const [code, setCode] = useState('');
const [phone, setPhone] = useState('');
const [otpSent, setOtpSent] = useState(false);
const [otp, setOtp] = useState('');
const [demoOtp] = useState(() => String(Math.floor(100000 + Math.random() * 900000)));
const [results, setResults] = useState(null); // array of bookings
const [err, setErr] = useState(false);
const findByCode = () => {
const b = DT_STORE.get(code);
setResults(b ? [b] : []); setErr(!b);
};
const findByPhone = () => {
const all = JSON.parse(localStorage.getItem('dt_bookings') || '{}');
const norm = (s) => String(s || '').replace(/\D/g, '');
const list = Object.values(all).filter((b) => norm(b.phone) === norm(phone));
setResults(list); setErr(list.length === 0);
};
return (
setSelId(null)}>{t('nav_tour')} › {L(sel.name)}
HANOI ⇄ LAN HA BAY · ALL-IN-ONE
{t('nav_tour')}
{I18N.lang === 'vi' ? 'Một vé duy nhất: xe limousine đón phố cổ + du thuyền vịnh Lan Hạ + về lại Hà Nội trong ngày.' : 'One ticket: Old Quarter limousine pickup, a Lan Ha Bay cruise, and the ride home — all in a day.'}
{combos.map((tr) => (
setSelId(tr.id)}>
))}
{tr.code}
{L(tr.name)}
{I18N.fmtPrice(tr.peak)}
{t('per_person')} · {t('meals_incl')}
{t('lookup_title')}
{t('lookup_hint')}
{ setCode(e.target.value); setErr(false); }} placeholder="DT26-XXXXX"
onKeyDown={(e) => e.key === 'Enter' && findByCode()} />
{ setPhone(e.target.value); setErr(false); }} placeholder="09xx xxx xxx" />
{otpSent && (
{t('otp_hint')} (demo: {demoOtp})
setOtp(e.target.value.replace(/\D/g, ''))} placeholder="••••••" />
{t('lookup_notfound')}
}
{results.slice(0, 4).map((bk) => (
setResults([...results])} />}
))}
)}